:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--text: #1a1d21;--muted: #6b7280;--border: #e3e6ea;--accent: #4f46e5;--accent-hover: #4338ca;--accent-contrast: #ffffff;--tree-line: #cbd2da;--danger: #c0362c;--success: #1a7f4b;--badge-bg: #fdecc8;--badge-text: #8a5a00;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e1116;--surface: #171b21;--surface-2: #1e242c;--text: #e6e9ee;--muted: #9aa4b2;--border: #2a313b;--accent: #7c83ff;--accent-hover: #9299ff;--accent-contrast: #0e1116;--tree-line: #39424e;--danger: #f2776b;--success: #58c98b;--badge-bg: #3a2f12;--badge-text: #e6c168;--shadow: none}}:root[data-theme=dark]{--bg: #0e1116;--surface: #171b21;--surface-2: #1e242c;--text: #e6e9ee;--muted: #9aa4b2;--border: #2a313b;--accent: #7c83ff;--accent-hover: #9299ff;--accent-contrast: #0e1116;--tree-line: #39424e;--danger: #f2776b;--success: #58c98b;--badge-bg: #3a2f12;--badge-text: #e6c168;--shadow: none}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.25rem;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{position:relative;display:inline-block;width:1.7rem;height:1.7rem;color:var(--accent);perspective:160px}.brand-scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:brand-turn 7s linear infinite;will-change:transform}.brand-layer{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--accent-hover)}.brand-layer:first-child,.brand-layer:last-child{color:var(--accent)}.brand-layer svg{width:100%;height:100%;display:block}.brand-mark>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes brand-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media (prefers-reduced-motion: reduce){.brand-scene{animation:none}}.brand h1{font-size:1.15rem;margin:0;font-weight:650}.nav{display:flex;gap:.25rem;margin-left:.5rem}.nav-link{padding:.35rem .7rem;border-radius:6px;text-decoration:none;color:var(--muted);font-weight:500;font-size:.92rem}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--surface-2);color:var(--accent)}.controls{margin-left:auto;display:flex;align-items:center;gap:.75rem}.view{max-width:900px;margin:1.5rem auto;padding:0 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.view.centered{min-height:70vh;align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.card.narrow{width:100%;max-width:380px}.card h2{margin:0 0 .9rem;font-size:1.02rem;font-weight:620}.stack{display:flex;flex-direction:column;gap:.6rem;align-items:stretch}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}input[type=email],input[type=password],input[type=text],select{padding:.5rem .65rem;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.checkbox{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted)}button{font:inherit;cursor:pointer;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:.5rem .9rem}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:550}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.small{padding:.3rem .6rem;font-size:.85rem}button.ghost{background:transparent}button.danger{color:var(--danger)}button.danger:hover{border-color:var(--danger)}.row-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.uploader{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.6rem .7rem;margin-bottom:.9rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px}.uploader input[type=file]{font-size:.85rem;max-width:100%}.uploader .up-msg{flex-basis:100%}.uploader .dest{color:var(--muted);font-size:.88rem}.uploader .dest code{padding:.1rem .4rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.85rem}.uploader .up-btn{margin-left:auto}.newdir{display:inline-flex;align-items:center;gap:.35rem}.newdir[hidden]{display:none}.newdir input[type=text]{padding:.3rem .5rem;font-size:.85rem;min-width:14ch}.tree{font-size:.94rem}.tree-list{list-style:none;margin:0;padding:0}.tree>.tree-list{padding-left:0}.tree-list .tree-list{margin-left:.55rem;padding-left:.95rem;border-left:1px solid var(--tree-line)}.tree-list .tree-list>li{position:relative}.tree-list .tree-list>li:before{content:"";position:absolute;top:.85em;left:-.95rem;width:.7rem;border-top:1px solid var(--tree-line)}.tree-list .tree-list>li:last-child:after{content:"";position:absolute;top:calc(.85em + 1px);bottom:0;left:calc(-.95rem - 1px);border-left:1px solid var(--surface)}li.tree-dir>details>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:.1rem 0;-webkit-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}li.tree-dir>details>summary:before{content:"▸";color:var(--muted);font-size:.8em;transition:transform .15s ease}li.tree-dir>details[open]>summary:before{transform:rotate(90deg)}.folder-name{font-weight:550}.tree-root{display:inline-flex;align-items:center;gap:.4rem;padding:0 0 .35rem}.dir-select{border:none;background:none;color:inherit;font:inherit;font-weight:550;padding:.05rem .35rem;margin:0 -.35rem;border-radius:5px}.dir-select:hover{background:var(--surface-2)}.dir-select[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}.dir-select[aria-pressed=true]:hover{background:var(--accent-hover)}.count{font-size:.72rem;color:var(--muted);background:var(--surface-2);border-radius:10px;padding:.02rem .4rem}.file-row{display:inline-flex;align-items:baseline;gap:.5rem;padding:.1rem 0}.file-link{color:var(--accent);text-decoration:none}.file-link:hover{text-decoration:underline}.file-link.downloading{opacity:.5;pointer-events:none}.size{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}table.users{width:100%;border-collapse:collapse;font-size:.92rem}table.users th,table.users td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--border)}table.users th{color:var(--muted);font-weight:550;font-size:.82rem}table.users tr.revoked td{color:var(--muted)}.badge{font-size:.7rem;background:var(--badge-bg);color:var(--badge-text);padding:.05rem .4rem;border-radius:10px}.error{color:var(--danger);margin:.2rem 0 0;min-height:1.2em}.success{color:var(--success);margin:.2rem 0 0;min-height:1.2em}.hint{color:var(--muted);font-size:.88rem;margin:.2rem 0 0}.session{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 560px){.topbar{flex-wrap:wrap;gap:.6rem}.controls{width:100%}}