:root{color-scheme:dark;--bg:#10171d;--panel:#172128;--line:#29363f;--muted:#9cabb5;--text:#edf3f4;--accent:#9de9cb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button{border:0}input{min-width:0}h1,p{margin-top:0}h1{font-size:clamp(calc(32px * var(--font-scale,1)),4vw,calc(48px * var(--font-scale,1)));letter-spacing:-1.6px;line-height:1.15;margin-bottom:16px;font-weight:650}.muted,.fine{color:var(--muted)}.eyebrow{font-size:calc(11px * var(--font-scale,1));letter-spacing:2px;color:var(--accent);font-weight:650;margin-bottom:18px}.primary{background:var(--accent);color:#10261e;border-radius:10px;padding:12px 18px;font-size:calc(14px * var(--font-scale,1));font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:18px}.secondary{background:#23313a;color:var(--text);padding:10px 15px;border:1px solid var(--line);border-radius:9px;font-size:calc(13px * var(--font-scale,1))}.quiet{background:none;color:var(--muted);padding:6px 0;text-align:left;font-size:calc(13px * var(--font-scale,1))}.quiet:hover{color:var(--accent)}.error{color:#ffa7a7;font-size:calc(14px * var(--font-scale,1));line-height:1.6}.small{font-size:calc(13px * var(--font-scale,1))}.brand-mark{font-size:calc(26px * var(--font-scale,1));letter-spacing:-1px;font-weight:750}.brand-mark span{font-weight:350;color:var(--accent)}.brand-mark small{display:block;font-size:calc(9px * var(--font-scale,1));letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:8px}.app{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;padding:38px 25px;display:flex;flex-direction:column;background:#131d24;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.nav-caption{font-size:calc(10px * var(--font-scale,1));letter-spacing:2px;color:#728490;margin:64px 10px 16px}#nav{display:flex;flex-direction:column;gap:7px}.nav-button{background:transparent;color:var(--muted);padding:13px 14px;border-radius:10px;display:flex;gap:12px;align-items:center;text-align:left;font-size:calc(14px * var(--font-scale,1))}.nav-button.active,.nav-button:hover{background:#22372f;color:var(--accent)}.icon{width:23px;height:23px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:30px}.server-dot{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:calc(12px * var(--font-scale,1));margin-bottom:20px}.server-dot span{width:6px;height:6px;background:var(--accent);border-radius:50%}main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;color:var(--muted);font-size:calc(13px * var(--font-scale,1))}.account{display:flex;gap:10px;align-items:center}.avatar{width:31px;height:31px;border-radius:50%;background:#2d3c45;display:grid;place-items:center;color:#d5e6ed;font-size:calc(12px * var(--font-scale,1))}.content{padding:48px 45px;flex:1}.intro{margin:12px 0 40px}.intro .muted{line-height:1.7;font-size:calc(15px * var(--font-scale,1))}.root-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}.root-card{text-align:left;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:29px;background:linear-gradient(140deg,#203a34,#18272b);color:var(--text);min-height:215px;transition:transform .2s,border-color .2s}.root-card:hover{transform:translateY(-3px);border-color:var(--accent)}.root-card .icon{width:42px;height:42px;color:var(--accent);margin-bottom:26px}.root-card.video{background:linear-gradient(140deg,#2d2b40,#1d2430)}.root-card.video .icon{color:#c1b8fc}.root-card.media{background:linear-gradient(140deg,#3b3024,#24272a)}.root-card.media .icon{color:#e7c193}.root-card.doc{background:linear-gradient(140deg,#233747,#1a2730)}.root-card.doc .icon{color:#a6d4f5}.root-card h2{font-size:calc(21px * var(--font-scale,1));margin:0 0 8px;font-weight:600}.root-card p{font-size:calc(13px * var(--font-scale,1));color:#adbbc3;margin:0;line-height:1.5}.card-arrow{position:absolute;right:27px;top:28px;color:#a9b8bc;font-size:calc(25px * var(--font-scale,1))}.home-note{display:flex;gap:18px;margin-top:35px;max-width:650px;padding:23px 0;line-height:1.6}.home-note strong{font-size:calc(14px * var(--font-scale,1));font-weight:500}.home-note p{font-size:calc(13px * var(--font-scale,1));color:var(--muted);margin:6px 0 0}.note-icon{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;color:var(--accent)}footer{padding:20px 45px;border-top:1px solid var(--line);font-size:calc(11px * var(--font-scale,1));color:#7f929f}footer span{margin:0 10px}.back{margin-bottom:25px}.folder-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.folder-heading h1{font-size:calc(36px * var(--font-scale,1));word-break:break-word}.folder-heading .eyebrow{margin-bottom:10px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 24px;font-size:calc(13px * var(--font-scale,1));color:var(--muted)}.breadcrumbs button{background:none;color:var(--accent);padding:0}.tools{display:flex;gap:10px;margin-bottom:20px}.search{display:flex;align-items:center;gap:12px;flex:1;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:0 15px}.search span{color:var(--muted);font-size:calc(26px * var(--font-scale,1))}.search input{width:100%;background:none;border:0;color:var(--text);padding:13px 0;font-size:calc(13px * var(--font-scale,1))}select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:calc(13px * var(--font-scale,1))}.view-controls{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.view-controls button{background:var(--panel);color:var(--muted);padding:10px 12px;font-size:calc(17px * var(--font-scale,1))}.view-controls button[aria-pressed=true]{background:#30423e;color:var(--accent)}.entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}.entry{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);min-width:0}.entry-open{width:100%;padding:0;background:none;color:var(--text);text-align:left}.entry-art{height:132px;display:grid;place-items:center;background:#1d2b33;position:relative;overflow:hidden}.entry-art .icon{width:37px;height:37px;color:#9bafbc}.entry-art img{position:absolute;width:100%;height:100%;object-fit:cover}.entry-info{padding:12px 12px 15px}.entry-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12px * var(--font-scale,1));font-weight:500}.entry-meta{display:block;font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin-top:6px}.entry:hover{border-color:#628275}.file-download{position:absolute;right:8px;top:8px;background:#10171dcc;border-radius:8px;padding:6px 9px;font-size:calc(13px * var(--font-scale,1));z-index:1}.entries.list{display:flex;flex-direction:column;gap:8px}.entries.list .entry-open{display:flex;align-items:center}.entries.list .entry-art{width:65px;height:65px;flex-shrink:0}.entries.list .entry-info{min-width:0;padding-right:45px}.entries.list .entry-name{font-size:calc(13px * var(--font-scale,1))}.entries.list .file-download{top:18px;right:12px}.empty{padding:60px 10px;color:var(--muted);grid-column:1/-1;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0;font-size:calc(13px * var(--font-scale,1));color:var(--muted)}.login-wrap{min-height:100svh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 15% 15%,#21433755,transparent 60%)}.login-card{width:min(410px,100%)}.login-card .brand-mark{margin-bottom:48px}.login-card h1{font-size:calc(46px * var(--font-scale,1))}.login-card>.muted{margin:20px 0 30px;font-size:calc(14px * var(--font-scale,1))}.login-card label{display:block;color:var(--muted);font-size:calc(12px * var(--font-scale,1));margin:18px 0}.login-card input{display:block;margin-top:8px;width:100%;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.login-card .primary{width:100%;margin-top:8px}.fine{font-size:calc(11px * var(--font-scale,1));margin-top:25px}.login-card .error:empty{display:none}#starting{margin:40px;color:var(--muted)}dialog{width:min(1150px,95vw);max-height:94svh;border:1px solid var(--line);border-radius:16px;background:#111c23;color:var(--text);padding:18px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.viewer-toolbar{display:flex;align-items:center;gap:10px;padding-bottom:15px}#viewer-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:calc(13px * var(--font-scale,1));max-height:65px;overflow:auto}.viewer-toolbar .primary{font-size:calc(12px * var(--font-scale,1));padding:10px;white-space:nowrap}.viewer-toolbar .secondary{padding:9px}#viewer-content{display:flex;align-items:center;justify-content:center;min-height:200px;background:#090e12;border-radius:9px}#viewer-content img,#viewer-content video{max-width:100%;max-height:68svh;display:block}#viewer-content iframe{width:100%;height:68svh;border:0}#viewer-note{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin:14px 0 0;line-height:1.6}.unsupported{padding:40px;text-align:center;color:var(--muted);line-height:1.8}@media(min-width:1500px){.content{padding:60px 65px}.root-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.root-card{min-height:250px}}@media(max-width:900px){.sidebar{width:190px;padding:30px 15px}.topbar{padding:0 25px}.content{padding:32px 25px}footer{padding:20px 25px}.entries{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:640px){.app{display:block}.sidebar{position:static;width:100%;height:auto;padding:18px 18px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand-mark{font-size:calc(23px * var(--font-scale,1))}.brand-mark small{display:none}.nav-caption{display:none}#nav{flex-direction:row;overflow-x:auto;gap:6px;margin-top:18px}.nav-button{white-space:nowrap;flex-shrink:0;font-size:calc(12px * var(--font-scale,1));padding:10px}.nav-button .icon{width:18px;height:18px}.sidebar-bottom{position:absolute;right:18px;top:20px;padding:0}.server-dot{display:none}.sidebar-bottom .quiet{font-size:calc(11px * var(--font-scale,1))}.topbar{height:55px;padding:0 20px}.content{padding:28px 18px}.intro{margin:4px 0 26px}.intro .muted{font-size:calc(13px * var(--font-scale,1))}.root-cards{gap:12px}.root-card{padding:20px 16px;min-height:190px;border-radius:13px}.root-card .icon{width:32px;height:32px;margin-bottom:23px}.root-card h2{font-size:calc(17px * var(--font-scale,1))}.root-card p{font-size:calc(11px * var(--font-scale,1))}.card-arrow{top:16px;right:16px;font-size:calc(21px * var(--font-scale,1))}.home-note{margin-top:18px}.tools{flex-wrap:wrap}.search{flex-basis:100%}.view-controls{margin-left:auto}.entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-art{height:145px}.folder-heading h1{font-size:calc(30px * var(--font-scale,1))}.viewer-toolbar{flex-wrap:wrap}#viewer-title{flex-basis:100%;padding-bottom:8px}.viewer-toolbar .primary{margin-left:auto}.home-note p{font-size:calc(12px * var(--font-scale,1))}.eyebrow{font-size:calc(9px * var(--font-scale,1))}footer{padding:20px 18px}}

#show-all-files{margin:0 0 20px}.text-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:72vh;overflow:auto;text-align:left;padding:22px;background:var(--panel);color:var(--text)}#viewer-content{position:relative}.compatible-video{display:block;margin:12px auto}.entries.list .entry-art{width:100px;min-width:100px;height:70px}.entries.list .entry-art img{width:100%;height:100%;object-fit:cover}.entry-open:disabled{cursor:default}.new-root-controls{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}#folder-status{overflow-wrap:anywhere}

#viewer-content{flex-direction:column}.text-preview{width:100%}.sidebar{overflow-y:auto}.entry-art{position:relative}.video-badge{position:absolute;bottom:8px;right:8px;border-radius:6px;background:#000a;color:white;padding:3px 7px;font-size:12px}

.upload-panel{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}.upload-panel label{display:flex;gap:8px;align-items:center}.upload-panel select{max-width:240px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}#upload-progress-area{flex-basis:100%}#upload-progress{width:100%;height:12px;accent-color:var(--accent)}#upload-status{overflow-wrap:anywhere;margin:8px 0}@media(max-width:600px){.upload-panel{align-items:stretch}.upload-panel>button{flex:1}.upload-panel label,.upload-panel select{width:100%;max-width:100%}}

/* Virtual time browsing preserves the normal media cards and file actions. */
.timeline-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px;margin:12px 0 20px}
.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.timeline-top label{display:flex;align-items:center;gap:8px;font-size:calc(14px * var(--font-scale,1))}.timeline-top input{accent-color:var(--accent)}
.timeline-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.timeline-filters label{display:flex;flex-direction:column;gap:7px;font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.timeline-filters select{width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.timeline-filters select:disabled{opacity:.55}
.timeline-heading{grid-column:1/-1;width:100%;margin:14px 0 2px;padding:9px 0;border-bottom:1px solid var(--line);font-size:calc(17px * var(--font-scale,1));font-weight:600;color:var(--text)}.timeline-panel [hidden]{display:none!important}
@media(max-width:480px){.timeline-panel{padding:12px}.timeline-filters{gap:7px}.timeline-filters select{padding:9px 4px}.timeline-heading{font-size:calc(15px * var(--font-scale,1))}}
#timeline-panel{order:5}[data-browser-controls=bottom] #timeline-panel{order:12}

/* Tool panels open only from the existing three-dot menu. */
#compact-tools-dialog{width:min(820px,94vw);max-height:88svh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text)}
#compact-tools-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
#compact-tools-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}#compact-tools-heading{margin:0;font-size:calc(20px * var(--font-scale,1));line-height:1.4}#compact-tools-dialog>header button{flex-shrink:0}
#compact-tools-dialog .compact-tool-group{width:100%;min-width:0}#compact-tools-dialog .tools{margin:0;flex-wrap:wrap}#compact-tools-dialog .search{min-width:0;flex-basis:100%}#compact-tools-dialog .upload-panel{margin:0;flex-wrap:wrap}#compact-tools-dialog #timeline-panel{margin:0}#compact-tools-dialog .content-search-box{margin:0}#compact-tools-dialog [hidden]{display:none!important}
.bulk-menu-panel{max-height:min(75svh,700px);overflow:auto}.bulk-menu-panel [data-compact-tool=upload]{border-top:1px solid var(--line);margin-top:6px}.bulk-menu-panel #open-new-folder{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:7px}
@media(max-width:600px){#compact-tools-dialog{padding:15px}#compact-tools-dialog>header{align-items:flex-start;flex-direction:column}#compact-tools-dialog .search-filter-grid{grid-template-columns:1fr}}

/* Compact file-browser header: keep tools beside refresh instead of a full row. */
.content:has(>#browser:not([hidden])){padding-top:min(var(--content-padding,28px),18px)}
#browser>#back-home{margin:0 0 8px;line-height:1.4}#browser>.folder-heading{gap:12px;margin:0 0 6px;align-items:center}#browser>.folder-heading h1{margin:0;line-height:1.2}#browser>.folder-heading .eyebrow{margin:0 0 4px}
.browser-heading-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.browser-heading-tools .folder-actions{margin:0;gap:0;order:0}.browser-heading-tools #bulk-menu{margin:0}.browser-heading-tools #refresh{white-space:nowrap}
#browser>#breadcrumbs{margin:4px 0 6px}#browser>#breadcrumbs:has(>button:only-child){display:none}
#browser>#results-count{margin:4px 0 6px}#browser>#browser-error,#browser>#bulk-status{margin:4px 0}#browser>#browser-error:empty,#browser>#bulk-status:empty,#browser>#results-count:empty{display:none}
#browser>#entries>.timeline-heading{margin:2px 0 0;padding:5px 0;line-height:1.35}#browser>#entries{row-gap:min(var(--section-gap,20px),12px)}
#tab-users .password-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px;font-size:13px}#tab-users .password-state strong{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:20px;color:var(--accent);font-size:12px;font-weight:500}
@media(max-width:600px){#browser>.folder-heading{align-items:flex-start;flex-wrap:wrap}.browser-heading-tools{margin-left:auto}#browser>#back-home{margin-bottom:6px}.browser-heading-tools #refresh{padding:9px 11px}}