:root{--bg:#07090f;--bg2:#0d101a;--panel:rgba(17,20,31,.88);--panel2:rgba(24,27,41,.86);--line:rgba(202,183,137,.18);--text:#f3efe7;--muted:#aaa9b8;--gold:#d8c48f;--violet:#9b87f5;--violet2:#6d58c8;--danger:#f05270;--success:#56d6a8;--shadow:0 22px 60px rgba(0,0,0,.34);--radius:18px;--sidebar:244px;font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(900px 600px at 80% -5%,rgba(92,67,148,.22),transparent 62%),radial-gradient(800px 520px at 5% 105%,rgba(107,75,44,.14),transparent 60%),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.012) 18px 19px),var(--bg);font-size:15px;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 45%,rgba(189,171,218,.035));z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:.015em}h1{font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.04;margin-bottom:.5rem}h2{font-size:1.45rem;margin-bottom:.75rem}.muted,small{color:var(--muted)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:26px 16px 18px;border-right:1px solid var(--line);background:rgba(6,8,14,.94);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:20}.wordmark{display:flex;flex-direction:column;padding:4px 12px 26px;line-height:.95;letter-spacing:.18em}.wordmark span{font:700 1.05rem Georgia,serif;color:var(--gold)}.wordmark strong{font:800 1.38rem/1.15 "Segoe UI",sans-serif;letter-spacing:.08em}.wordmark.hero{padding:0}.wordmark.hero span{font-size:clamp(2rem,5vw,4.4rem)}.wordmark.hero strong{font-size:clamp(2.6rem,6.2vw,5.4rem)}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:11px 13px;color:#c4c2cb;border:1px solid transparent;border-radius:12px;transition:.18s}.sidebar nav a:hover{color:#fff;background:rgba(155,135,245,.1);border-color:rgba(155,135,245,.2);transform:translateX(2px)}.nav-label{padding:19px 13px 4px;color:#6f6d7a;font-size:.66rem;font-weight:800;letter-spacing:.18em}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.sidebar-user div:last-child{min-width:0;display:flex;flex-direction:column}.sidebar-user strong,.sidebar-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#e9ddff;background:linear-gradient(145deg,#2d2747,#181a2b);border:1px solid rgba(155,135,245,.38)}.avatar.large{width:70px;height:70px;font-size:1.25rem;border-radius:20px}.app{margin-left:var(--sidebar);min-height:100vh}.app.wide main{max-width:1540px}.topbar{height:70px;padding:0 clamp(18px,3.5vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,9,15,.68);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}.crumb{font-weight:750}.top-actions{display:flex;gap:8px;align-items:center}.top-actions form{display:inline-flex}.menu-button{display:none!important}main{max-width:1360px;margin:auto;padding:clamp(26px,4vw,58px)}footer{max-width:1360px;margin:auto;padding:22px clamp(26px,4vw,58px);border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px}.hero-row.compact{margin-bottom:20px}.hero-row p{color:var(--muted);font-size:1rem}.eyebrow{display:block;color:#bca8ff;font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.panel,.stat-grid article,.file-toolbar,.folder-card,.file-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:var(--shadow);border-radius:var(--radius)}.panel{padding:22px}.panel-head,.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-head h2,.section-title h2{margin:0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-grid article{padding:19px}.stat-grid span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.stat-grid strong{display:block;font-size:1.42rem;margin-top:7px}.meter{height:5px;margin-top:12px;background:#090a10;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--violet2),var(--gold));border-radius:inherit}.compact-files{display:grid;gap:9px}.compact-files a{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18)}.file-mini{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#28223e;color:#cdbdff;font-size:.66rem;font-weight:900}.compact-files div{display:flex;flex-direction:column;min-width:0}.compact-files strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement{padding:13px 0;border-bottom:1px solid var(--line)}.announcement:last-child{border:0}.announcement p{color:var(--muted);margin:5px 0}.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.empty{text-align:center;color:var(--muted);padding:30px}.empty.large{grid-column:1/-1;padding:90px 20px}
.primary,.chip,.icon-btn,.danger,.add-folder,.language-switch button,.copy-field button{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:rgba(255,255,255,.045);font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.17s}.primary{border-color:rgba(196,174,255,.5);background:linear-gradient(135deg,#aa86ef,#7558d5);box-shadow:0 10px 28px rgba(117,88,213,.24);color:#fff}.primary:hover,.add-folder:hover{filter:brightness(1.1);transform:translateY(-1px)}.chip{padding:8px 11px;font-size:.8rem}.chip:hover,.icon-btn:hover{background:rgba(155,135,245,.13);border-color:rgba(155,135,245,.35)}.icon-btn{width:38px;height:38px;padding:0}.notification-button{position:relative}.notification-button b{position:absolute;right:-4px;top:-5px;background:var(--danger);font-size:.6rem;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center}.danger{padding:8px 11px;font-size:.8rem;color:#ffc1ce;background:rgba(188,35,71,.13);border-color:rgba(240,82,112,.42)}.full{width:100%}button:disabled{opacity:.45;cursor:not-allowed}.flash{max-width:1360px;padding:12px 15px;margin-bottom:18px;border:1px solid rgba(155,135,245,.38);border-radius:12px;background:rgba(48,40,74,.78)}.flash.error{border-color:rgba(240,82,112,.48);background:rgba(91,24,41,.55)}.flash.success{border-color:rgba(86,214,168,.35);background:rgba(23,73,58,.5)}
label{display:grid;gap:7px;color:#c6c2cc;font-size:.82rem;font-weight:650}input,select,textarea{width:100%;border:1px solid rgba(190,184,211,.2);border-radius:11px;padding:11px 13px;background:#090b12;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:rgba(155,135,245,.7);box-shadow:0 0 0 3px rgba(155,135,245,.1)}textarea{resize:vertical}.form-card{display:grid;gap:15px;align-self:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.checks{display:flex;gap:12px;flex-wrap:wrap}.checks label,.permission-grid label{display:flex;align-items:center;gap:8px}.checks input,.permission-grid input,.user-controls input[type=checkbox]{width:17px;height:17px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr minmax(320px,470px);align-items:center;gap:8vw;padding:7vw}.auth-brand p{color:var(--muted);font-size:1.2rem}.auth-card{padding:32px}.auth-card h1{font-size:2.5rem}.language-switch{position:fixed;right:22px;top:22px;display:flex;gap:6px}.language-switch button{padding:7px 10px}.profile-badge{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.profile-badge h2{margin:0}.tag{display:inline-block;margin-top:5px;color:var(--tag);border:1px solid color-mix(in srgb,var(--tag),transparent 55%);background:color-mix(in srgb,var(--tag),transparent 88%);padding:3px 9px;border-radius:12px;font-size:.72rem;font-weight:800}
.file-toolbar{padding:12px 14px;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.search-row{display:flex;gap:8px;flex:1}.search-row input{max-width:430px}.search-row select{max-width:160px}.view-buttons{display:flex;gap:6px}.uploader{display:grid;grid-template-columns:minmax(260px,.55fr) 1.45fr;gap:20px;align-items:stretch;margin-bottom:24px}.uploader h2{margin-bottom:6px}.uploader p{color:var(--muted)}.dropzone{min-height:150px;display:grid;place-content:center;justify-items:center;border:1px dashed rgba(155,135,245,.65);border-radius:15px;background:rgba(121,91,201,.055);cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{background:rgba(121,91,201,.14);border-color:#c0aaff}.dropzone span{font-size:2rem}.dropzone small{font-weight:400}.upload-queue{grid-column:1/-1;display:grid;gap:8px}.upload-item{display:grid;grid-template-columns:minmax(0,1fr) 90px 34px;gap:9px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:11px}.upload-item .meter{grid-column:1/-1;margin:0}.storage-pill{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.folder-section{margin-bottom:22px}.section-title{justify-content:flex-start}.add-folder{width:44px;height:44px;padding:0;font-size:1.65rem;background:linear-gradient(135deg,#a27fe9,#674cbf);border-color:rgba(203,183,255,.6)}.folder-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.folder-card{min-height:78px;display:flex;align-items:center;gap:12px;padding:14px;box-shadow:none}.folder-card span{font-size:1.55rem;color:var(--gold)}.folder-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card.selected,.folder-card.dragging-over{border-color:rgba(155,135,245,.65);background:linear-gradient(145deg,rgba(75,58,118,.85),var(--panel))}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.file-grid.list{grid-template-columns:1fr}.file-card{overflow:hidden;box-shadow:none;transition:.2s}.file-card:hover{transform:translateY(-3px);border-color:rgba(199,177,244,.36);box-shadow:var(--shadow)}.file-card.dragging{opacity:.42}.file-preview{height:175px;position:relative;background:#05060a;display:grid;place-items:center;overflow:hidden}.file-preview img,.file-preview video{width:100%;height:100%;object-fit:cover}.file-preview audio{position:absolute;bottom:7px;width:calc(100% - 14px);height:34px}.star{position:absolute;right:9px;top:9px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(5,6,10,.8);color:#9793a0;font-size:1rem}.star.active{color:#ffd76a}.doc-preview{font:800 1.35rem Georgia,serif;color:#d1c4f1;padding:25px;border:1px solid rgba(155,135,245,.3);border-radius:14px;background:#161426}.play-mark{position:absolute;width:48px;height:48px;border-radius:50%;background:rgba(5,6,10,.72);display:grid;place-items:center}.wave{display:flex;align-items:center;gap:7px;height:80px}.wave i{width:9px;border-radius:5px;background:linear-gradient(#bc99ff,#7259c5);height:30%}.wave i:nth-child(2n){height:65%}.wave i:nth-child(3n){height:95%}.file-body{padding:14px}.file-body>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-body>small{display:block;margin:4px 0 13px}.file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.file-actions>*{min-width:0}.file-grid.list .file-card{display:grid;grid-template-columns:145px 1fr}.file-grid.list .file-preview{height:110px}.file-grid.list .file-actions{grid-template-columns:repeat(5,max-content)}dialog{width:min(450px,calc(100vw - 28px));border:1px solid var(--line);border-radius:18px;background:#11131c;color:var(--text);padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}dialog form{padding:26px;display:grid;gap:16px;position:relative}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:1.6rem}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented label input{display:none}.segmented span{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;text-align:center}.segmented input:checked+span{border-color:var(--violet);background:rgba(155,135,245,.14)}.youtube-preview:empty{display:none}.youtube-preview{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px}.youtube-preview img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.job-list{display:grid;gap:10px}.job{display:grid;grid-template-columns:9px 80px minmax(0,1fr);gap:11px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}.job:not(:has(img)){grid-template-columns:9px minmax(0,1fr)}.job img{width:80px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.job div:last-child{min-width:0}.job strong,.job small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-status{width:8px;height:8px;border-radius:50%;background:#777}.job-status.completed{background:var(--success)}.job-status.failed{background:var(--danger)}.job-status.running,.job-status.dispatching{background:var(--violet);box-shadow:0 0 12px var(--violet)}.error-text{font-size:.76rem;color:#ff9caf}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:22px}.copy-field{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#090a10}.copy-field code{padding:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-field button{border-width:0 0 0 1px;border-radius:0;padding:8px}.slot{padding:18px;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.slot strong,.slot span{display:block}.slot strong{font-size:2rem}.slot.active{border-color:rgba(86,214,168,.4);background:rgba(29,99,76,.13)}.instructions{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.instructions li{margin:9px 0;color:#cbc8d1}
.user-grid,.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:13px}.user-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.14)}.user-head{display:flex;align-items:center;gap:10px}.user-head h3{margin:0}.user-head div:nth-child(2){min-width:0}.status{margin-left:auto;font-size:.7rem;color:#ff9cab}.status.active{color:var(--success)}.user-stats{display:flex;justify-content:space-between;margin:13px 0;color:var(--muted);font-size:.75rem}.user-controls{display:grid;gap:9px}.create-user{margin-bottom:18px}.create-user summary{cursor:pointer;font-weight:800;padding:10px}.create-user form{padding:12px 0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.permission-grid label{padding:9px;border:1px solid var(--line);border-radius:10px;font-size:.75rem}.tag-row{display:grid;grid-template-columns:minmax(100px,1fr) 60px auto auto auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.tag-row:last-child{border:0}.tag-row input[type=color]{padding:3px;height:39px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.invite-result{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid rgba(86,214,168,.35);border-radius:12px;margin-bottom:14px}.invite-result code{font-size:1.1rem;flex:1}.notification-list{display:grid;gap:9px}.notification-list .panel{display:block;padding:15px}.notification-list .unread{border-color:rgba(155,135,245,.55)}.notification-list p{margin:3px 0}.backup-list{display:grid;margin-top:20px}.backup-list div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line)}
.permission-overrides{border:1px solid var(--line);border-radius:12px;padding:10px}.permission-overrides summary{cursor:pointer;font-weight:800}.permission-overrides fieldset,.checks{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px}.permission-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-columns fieldset{display:grid;gap:7px;max-height:280px;overflow:auto}.permission-columns label{display:flex;align-items:center;gap:7px;font-size:.72rem;overflow-wrap:anywhere}.permission-columns input{width:16px;height:16px;flex:0 0 auto}
@media(max-width:1050px){:root{--sidebar:205px}.stat-grid{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.connection-grid{grid-template-columns:1fr}}
@media(max-width:780px){.sidebar{transform:translateX(-105%);transition:.23s;width:min(280px,86vw)}.sidebar.open{transform:none}.app{margin-left:0}.menu-button{display:inline-flex!important}.topbar{padding:0 14px}.crumb{display:none}.top-actions{margin-left:auto}.top-actions .chip{padding:7px 9px}.hero-row{align-items:flex-start}.split,.uploader,.auth-shell{grid-template-columns:1fr}.auth-shell{padding:24px;align-content:center}.auth-brand{text-align:center}.auth-brand .wordmark{align-items:center}.uploader{gap:12px}.dropzone{min-height:130px}.announcement-grid{grid-template-columns:1fr}.search-row{display:grid;grid-template-columns:1fr 1fr}.search-row input{grid-column:1/-1;max-width:none}.search-row select{max-width:none}.file-toolbar{align-items:flex-end}.folder-strip{display:flex;overflow:auto;padding-bottom:7px}.folder-card{min-width:145px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-preview{height:145px}.file-actions{grid-template-columns:repeat(2,1fr)}main{padding:24px 14px}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){body{font-size:14px}.top-actions a.chip{display:none}.hero-row{display:grid;gap:12px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{padding:14px}.stat-grid strong{font-size:1.05rem}.file-grid{grid-template-columns:1fr}.file-preview{height:210px}.file-grid.list .file-card{grid-template-columns:105px 1fr}.file-grid.list .file-preview{height:100%}.file-grid.list .file-actions{grid-template-columns:repeat(2,1fr)}.user-grid,.role-grid{grid-template-columns:1fr}.permission-grid,.permission-columns{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}.tag-row{grid-template-columns:1fr auto}.tag-row>*{min-width:0}}
html[data-theme=light]{--bg:#f5f2ec;--bg2:#fff;--panel:rgba(255,255,255,.93);--panel2:rgba(250,248,244,.96);--text:#17151c;--muted:#696572;--line:rgba(55,42,69,.16);color-scheme:light}html[data-theme=crimson]{--violet:#e15469;--violet2:#9c273e;--gold:#e8b1a6}html[data-theme=midnight]{--violet:#4fa4cf;--violet2:#245c89;--gold:#9bc9d9}
.toast{position:fixed;right:20px;bottom:20px;z-index:100;padding:12px 16px;border:1px solid rgba(86,214,168,.45);border-radius:12px;background:#132b25;color:#d8fff1;box-shadow:var(--shadow)}.toast.bad{border-color:rgba(240,82,112,.5);background:#35151e;color:#ffd4dc}

/* Modern sign-in and clan showcase */
body:has(.auth-stage){background:radial-gradient(900px 560px at 12% 8%,rgba(115,78,186,.22),transparent 65%),radial-gradient(720px 520px at 91% 27%,rgba(174,119,70,.14),transparent 68%),linear-gradient(145deg,#05070c 0%,#090b13 52%,#07080d 100%)}
body:has(.auth-stage) .app main{max-width:1500px;padding:clamp(24px,4vw,64px)}
body:has(.auth-stage) footer{display:none}
.auth-stage{position:relative;min-height:calc(100vh - clamp(48px,8vw,128px));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,480px);gap:clamp(32px,6vw,92px);align-content:center;align-items:center;overflow:hidden;border:1px solid rgba(216,196,143,.12);border-radius:28px;padding:clamp(28px,5vw,72px);background:linear-gradient(135deg,rgba(14,17,28,.78),rgba(8,9,15,.92));box-shadow:0 40px 120px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.025)}
.auth-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 35%),repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.01) 22px 23px)}
.auth-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.auth-glow.one{width:360px;height:360px;left:-170px;top:-170px;background:rgba(142,103,222,.14);box-shadow:0 0 120px rgba(142,103,222,.18)}.auth-glow.two{width:300px;height:300px;right:-140px;bottom:-150px;background:rgba(216,196,143,.08);box-shadow:0 0 100px rgba(216,196,143,.12)}
.auth-brand-modern,.auth-card-modern,.login-clans,.language-switch{position:relative;z-index:1}.auth-brand-modern{min-width:0}.auth-kicker{display:inline-flex;padding:7px 11px;margin-bottom:22px;border:1px solid rgba(216,196,143,.22);border-radius:999px;background:rgba(216,196,143,.055);color:var(--gold);font-size:.66rem;font-weight:900;letter-spacing:.22em}.auth-brand-modern .wordmark.hero span{max-width:100%;font-size:clamp(1.9rem,3vw,3.15rem);letter-spacing:.1em;white-space:nowrap;text-shadow:0 8px 35px rgba(216,196,143,.13)}.auth-brand-modern .wordmark.hero strong{font-size:clamp(2.8rem,5vw,4.8rem)}.auth-brand-modern>p{max-width:620px;margin:23px 0;color:#c2bec9;font:1.15rem/1.6 Georgia,serif}.auth-feature-row{display:flex;flex-wrap:wrap;gap:8px}.auth-feature-row span{padding:7px 11px;border:1px solid rgba(155,135,245,.18);border-radius:999px;background:rgba(155,135,245,.055);color:#bbb4cc;font-size:.72rem;font-weight:750}
.auth-card-modern{display:grid;gap:18px;padding:clamp(24px,3vw,38px);border:1px solid rgba(202,183,137,.2);border-radius:22px;background:linear-gradient(150deg,rgba(26,28,42,.92),rgba(12,14,23,.96));box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(22px)}.auth-card-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.auth-lock{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(216,196,143,.34);border-radius:14px;color:var(--gold);background:linear-gradient(145deg,rgba(216,196,143,.14),rgba(155,135,245,.08));font:800 1.2rem Georgia,serif}.auth-card-head small{display:block;margin-bottom:3px;color:var(--muted)}.auth-card-head h1{margin:0;font-size:2rem}.auth-card-modern label{gap:8px}.input-shell{display:flex;align-items:center;border:1px solid rgba(190,184,211,.21);border-radius:13px;background:rgba(5,7,12,.82);transition:.18s}.input-shell:focus-within{border-color:rgba(155,135,245,.72);box-shadow:0 0 0 3px rgba(155,135,245,.1)}.input-shell i{width:44px;flex:0 0 auto;color:#8d82ae;text-align:center;font-style:normal}.input-shell input{border:0;background:transparent;box-shadow:none!important;padding-left:0}.auth-submit{min-height:48px;justify-content:space-between;padding-inline:18px}.auth-note{margin:0;text-align:center;color:var(--muted);font-size:.76rem}.language-switch{position:absolute;right:20px;top:20px;display:flex;padding:4px;gap:3px;border:1px solid var(--line);border-radius:12px;background:rgba(5,7,12,.76);backdrop-filter:blur(12px)}.language-switch button{min-width:42px;padding:6px 9px;border:0;background:transparent;color:var(--muted)}.language-switch button.active{color:#fff;background:rgba(155,135,245,.18);box-shadow:inset 0 0 0 1px rgba(155,135,245,.25)}
.login-clans{grid-column:1/-1;margin-top:clamp(6px,2vw,20px);padding-top:26px;border-top:1px solid var(--line)}.login-clans-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:15px}.login-clans-heading h2{margin:0}.login-clans-heading p{max-width:430px;margin:0;color:var(--muted);font-size:.78rem;text-align:right}.login-clan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.login-clan-card{min-width:0;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(202,183,137,.16);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s}.login-clan-card:not(.muted-card):hover{transform:translateY(-2px);border-color:rgba(155,135,245,.52);background:rgba(155,135,245,.095);box-shadow:0 15px 35px rgba(0,0,0,.25)}.login-clan-logo{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(216,196,143,.24);border-radius:12px;background:#0a0c14;color:var(--gold);font-size:.66rem;font-weight:900}.login-clan-logo img{width:100%;height:100%;object-fit:cover}.login-clan-card>div:nth-child(2){min-width:0}.login-clan-card strong,.login-clan-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-clan-card strong{font-size:.82rem}.login-clan-card small{font-size:.65rem}.login-clan-card>i{margin-left:auto;color:var(--gold);font-style:normal}.login-clan-card.muted-card{opacity:.72}

/* Site settings: five editable clan identities */
.settings-form{display:grid;gap:18px}.settings-save{justify-self:end;min-width:220px}.clan-editor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.clan-editor{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.16)}.clan-logo-preview{aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(155,135,245,.18),transparent 55%),#090b12;color:var(--gold);font:800 1.6rem Georgia,serif}.clan-logo-preview img{width:100%;height:100%;object-fit:contain;padding:12px}.clan-editor-fields{display:grid;gap:11px;padding:14px}.clan-editor-fields h3{margin:0}.file-picker input{padding:8px;font-size:.73rem}.inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center}.inline-check input{width:17px;height:17px}
@media(max-width:1180px){.login-clan-grid,.clan-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){body:has(.auth-stage) .app main{padding:14px}.auth-stage{min-height:calc(100vh - 28px);grid-template-columns:1fr;padding:70px 22px 28px;border-radius:22px;gap:28px}.auth-brand-modern{text-align:center}.auth-brand-modern .wordmark{align-items:center}.auth-brand-modern>p{margin-inline:auto}.auth-feature-row{justify-content:center}.login-clans-heading{align-items:flex-start}.login-clan-grid,.clan-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.auth-stage{padding-inline:15px}.auth-card-modern{padding:21px 17px}.auth-brand-modern .wordmark.hero span{font-size:2rem}.auth-brand-modern .wordmark.hero strong{font-size:2.65rem}.auth-feature-row{display:none}.login-clans-heading{display:block}.login-clans-heading p{margin-top:7px;text-align:left}.login-clan-grid,.clan-editor-grid{grid-template-columns:1fr}.login-clan-card{padding:10px}.settings-save{width:100%;min-width:0}}

/* Invite registration */
.auth-divider{display:flex;align-items:center;gap:10px;color:#777482;font-size:.68rem;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-register-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(155,135,245,.27);border-radius:13px;background:rgba(155,135,245,.055);transition:.18s}.auth-register-link:hover{border-color:rgba(155,135,245,.58);background:rgba(155,135,245,.12);transform:translateY(-1px)}.auth-register-link>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:rgba(155,135,245,.13);color:#cdbdff;font-size:1.15rem}.auth-register-link>div{min-width:0;display:flex;flex-direction:column}.auth-register-link strong{font-size:.8rem}.auth-register-link small{font-size:.67rem}.auth-register-link>i{margin-left:auto;color:var(--gold);font-style:normal}
.register-stage{grid-template-columns:minmax(290px,.82fr) minmax(420px,1.18fr);max-width:1120px;margin:auto}.register-copy{position:relative;z-index:1;min-width:0}.register-copy>.wordmark{display:inline-flex;padding:0 0 36px}.register-copy>.wordmark span{font-size:.86rem}.register-copy>.wordmark strong{font-size:1.12rem}.register-copy h1{font-size:clamp(2.35rem,4vw,4.2rem);margin-bottom:18px}.register-copy>p{max-width:510px;color:#bbb8c4}.register-benefits{display:grid;gap:10px;padding:0;margin:26px 0;list-style:none}.register-benefits li{display:flex;align-items:center;gap:11px;color:#cbc7d1;font-size:.82rem}.register-benefits b{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--gold);font-size:.63rem}.back-login{display:inline-flex;margin-top:8px;color:#b9addc;font-size:.8rem;font-weight:750}.back-login:hover{color:#fff}.register-card{grid-column:2}.register-passwords{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:820px){.register-stage{grid-template-columns:1fr;max-width:none}.register-copy{text-align:center}.register-copy>.wordmark{align-items:center}.register-copy>p{margin-inline:auto}.register-benefits{max-width:430px;margin-inline:auto;text-align:left}.register-card{grid-column:auto}}
@media(max-width:520px){.register-copy h1{font-size:2.35rem}.register-passwords{grid-template-columns:1fr}.register-copy>.wordmark{padding-bottom:24px}}