.auth{min-height:100vh;display:flex}.auth-panel{background:var(--brand);color:var(--on-brand);flex-direction:column;flex:1;justify-content:center;gap:24px;padding:64px;display:flex}.auth-brand{font-size:18px;font-weight:600}.auth-panel h1{letter-spacing:-.03em;max-width:480px;color:var(--on-brand-secondary);margin:0;font-size:40px;font-weight:600;line-height:1.05}.auth-main{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--surface);border-radius:var(--r-modal);width:100%;max-width:360px;box-shadow:var(--shadow-modal);flex-direction:column;gap:12px;padding:28px;display:flex}.auth-card h2{margin:0 0 8px}.auth-card label{font-size:13px;font-weight:500}.auth-card input{border:1px solid var(--border);border-radius:var(--r-control);font-size:14px;font-family:var(--font-ui);padding:10px 12px}.auth-card button{background:var(--brand);color:var(--on-brand);border-radius:var(--r-control);cursor:pointer;border:none;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:600}.auth-card button:hover:not(:disabled){background:var(--brand-hover)}.auth-card button:disabled{opacity:.7;cursor:default}.auth-error{color:var(--danger);margin:0;font-size:13px}.auth-hint{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.auth-retry{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.share-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.share-card{background:var(--surface);border-radius:var(--r-modal);width:100%;max-width:360px;box-shadow:var(--shadow-modal);flex-direction:column;gap:12px;padding:28px;display:flex}.share-card h1{margin:0 0 4px;font-size:18px}.share-card label{font-size:13px;font-weight:500}.share-card input{border:1px solid var(--border);border-radius:var(--r-control);font-size:14px;font-family:var(--font-ui);padding:10px 12px}.share-card button{background:var(--brand);color:var(--on-brand);border-radius:var(--r-control);cursor:pointer;border:none;margin-top:8px;padding:10px 12px;font-size:14px;font-weight:600}.share-card button:hover:not(:disabled){background:var(--brand-hover)}.share-card button:disabled{opacity:.7;cursor:default}.share-viewer{flex-direction:column;gap:12px;width:100%;max-width:960px;margin:0 auto;display:flex}.share-viewer video{border-radius:var(--r-card);background:var(--sidebar-dark-bg);width:100%}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:248px;padding:16px 12px;display:flex}.sidebar-brand{padding:4px 8px 12px;font-size:16px;font-weight:600}.space-switcher{border:1px solid var(--border);border-radius:var(--r-control);flex-direction:column;gap:2px;margin-bottom:12px;padding:8px;display:flex}.space-switcher select{font-family:var(--font-ui);color:var(--text);background:0 0;border:none;padding:0;font-size:13.5px}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-bottom{border-top:1px solid var(--divider);margin-top:auto;padding-top:12px}.nav-heading{margin:12px 8px 4px}.nav-item{border-radius:var(--r-control);color:var(--text-secondary);padding:8px 10px;font-size:13.5px;transition:background .15s}.nav-item:hover{background:var(--bg);text-decoration:none}.nav-item.is-active{background:var(--brand-tint);color:var(--brand);font-weight:600}.header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header h1{margin:0;font-size:20px}.header-right{align-items:center;gap:10px;display:flex}.avatar{border-radius:var(--r-pill);font-family:var(--font-ui);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn-ghost{font-family:var(--font-ui);cursor:pointer;border-radius:var(--r-control);background:0 0;border:none;padding:6px 10px;font-size:13.5px;font-weight:500}.btn-danger{border:1px solid var(--border);background:var(--surface);color:var(--danger);font-family:var(--font-ui);cursor:pointer;border-radius:var(--r-control);padding:8px 14px;font-size:13.5px;font-weight:600}.btn-danger:hover{background:var(--danger-tint);border-color:var(--danger)}.btn-ghost.btn-danger{background:0 0;border:none;padding:6px 10px}.settings{flex-direction:column;gap:16px;max-width:480px;padding:28px;display:flex}.settings-identity{align-items:center;gap:14px;display:flex}.settings-name{margin:0 0 2px;font-size:15.5px;font-weight:600}.settings-hint{color:var(--text-secondary);margin:0;font-size:13px}.pill{border-radius:var(--r-pill);background:var(--brand-tint);color:var(--brand);margin-top:6px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-block}.empty{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state{text-align:center;padding:48px 24px}.empty-title{margin:0 0 4px;font-weight:600}.empty-hint{color:var(--text-secondary);margin:0;font-size:13px}.auth-retry{flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.auth-retry button{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-control);color:var(--text);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600}.pill-muted{border-radius:var(--r-pill);background:var(--surface-subtle);color:var(--text-tertiary);margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:500}.file-table{border-collapse:collapse;width:100%}.file-table thead tr{background:var(--surface-subtle);border-bottom:1px solid var(--border)}.file-table th{text-align:left;padding:10px 16px}.file-table td{border-bottom:1px solid var(--divider);padding:13px 16px}.file-table tbody tr:hover{background:var(--bg)}.vis{border-radius:var(--r-pill);align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.vis-dot{border-radius:50%;width:6px;height:6px}.vis-space{color:var(--vis-space);background:var(--vis-space-bg)}.vis-space .vis-dot{background:var(--vis-space-dot)}.vis-shared{color:var(--vis-shared);background:var(--vis-shared-bg)}.vis-shared .vis-dot{background:var(--vis-shared-dot)}.vis-public{color:var(--vis-public);background:var(--vis-public-bg)}.vis-public .vis-dot{background:var(--vis-public-dot)}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--r-card);color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:16px 24px;padding:32px;display:flex}.dropzone.is-over{border-color:var(--brand);background:var(--brand-tint-3)}.dropzone button{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-control);color:var(--text);cursor:pointer;padding:8px 16px;font-size:13.5px;font-weight:600}.dropzone p{margin:0;font-size:12.5px}.toast{width:320px;box-shadow:var(--shadow-toast);border-radius:var(--r-card);background:var(--surface);flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:fixed;bottom:24px;right:24px}.toast-row{grid-template-columns:1fr auto auto;align-items:center;gap:4px 8px;display:grid}.toast-name{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:13px;font-weight:500;overflow:hidden}.toast-status{color:var(--text-secondary);grid-column:2;font-size:12px}.toast-bar{border-radius:var(--r-pill);background:var(--divider);grid-column:1/-1;height:4px;overflow:hidden}.toast-bar>div{background:var(--brand);height:100%;transition:width .4s linear}.toast-error{color:var(--danger);grid-column:1/-1;font-size:12px}.toast-row button{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px;font-weight:600}.item-detail{padding:28px}.btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-control);color:var(--text);margin-top:12px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-block}.btn:hover{background:var(--surface-subtle);text-decoration:none}.player{flex-direction:column;gap:12px;margin-top:12px;display:flex}.player-video{border-radius:var(--r-card);background:var(--sidebar-dark-bg);width:100%;max-width:960px}.player-bar{align-items:center;gap:12px;display:flex}.player-name{color:var(--text-secondary);font-size:13px}.modal-backdrop{background:var(--scrim);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-modal);width:100%;max-width:360px;box-shadow:var(--shadow-modal);padding:24px}.modal-title{margin:0 0 14px;font-size:16px}.modal-hint{color:var(--text-secondary);margin:0;font-size:13px}.move-list{flex-direction:column;gap:4px;max-height:320px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.move-list button{text-align:left;border-radius:var(--r-control);width:100%;font-size:13.5px;font-family:var(--font-ui);color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 10px}.move-list button:hover:not(:disabled){background:var(--bg)}.move-list button:disabled{color:var(--text-tertiary);cursor:default}.rename-cell input{border:1px solid var(--brand);border-radius:var(--r-control);width:100%;font-size:13.5px;font-family:var(--font-ui);padding:4px 8px}.field-error{color:var(--danger);margin:6px 0 0;font-size:12px}.row-menu{display:inline-block;position:relative}.row-menu>button{cursor:pointer;border-radius:var(--r-control);color:var(--text-secondary);background:0 0;border:none;padding:4px 8px;font-size:16px;line-height:1}.row-menu>button:hover{background:var(--bg)}.row-menu-list{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-control);min-width:140px;box-shadow:var(--shadow-dropdown);margin:4px 0 0;padding:6px;list-style:none;position:absolute;top:100%;right:0}.row-menu-list button{text-align:left;border-radius:var(--r-chip);width:100%;font-size:13px;font-family:var(--font-ui);color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 10px}.row-menu-list button:hover{background:var(--bg)}.share-form{flex-direction:column;gap:10px;display:flex}.share-form label{font-size:13px;font-weight:500}.share-form select,.share-form input[type=password]{border:1px solid var(--border);border-radius:var(--r-control);font-size:13.5px;font-family:var(--font-ui);padding:8px 10px}.share-form button[type=submit]{background:var(--brand);color:var(--on-brand);border-radius:var(--r-control);cursor:pointer;border:none;margin-top:4px;padding:10px 12px;font-size:14px;font-weight:600}.share-form button[type=submit]:disabled{opacity:.7;cursor:default}.share-never{color:var(--warning);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.share-created{flex-direction:column;gap:10px;display:flex}.share-created-row{gap:8px;display:flex}.share-created-row input{border:1px solid var(--border);border-radius:var(--r-control);font-family:var(--font-mono);flex:1;padding:8px 10px;font-size:12.5px}.share-created-row button{background:var(--brand);color:var(--on-brand);border-radius:var(--r-control);cursor:pointer;border:none;padding:8px 14px;font-size:13px;font-weight:600}.share-existing{border-top:1px solid var(--divider);margin-top:20px;padding-top:16px}.share-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.share-list-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.share-list-row button{border:1px solid var(--border);background:var(--surface);color:var(--danger);border-radius:var(--r-control);cursor:pointer;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.admin-page{max-width:760px;padding:28px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-header button,.admin-form button[type=submit]{background:var(--brand);color:var(--on-brand);border-radius:var(--r-control);cursor:pointer;border:none;padding:8px 14px;font-size:13.5px;font-weight:600}.admin-header button:disabled,.admin-form button[type=submit]:disabled{opacity:.7;cursor:default}.admin-form{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;display:flex}.admin-form label{font-size:13px;font-weight:500}.admin-form input{border:1px solid var(--border);border-radius:var(--r-control);font-size:13.5px;font-family:var(--font-ui);padding:8px 10px}.admin-form-inline{flex-direction:row;align-items:center}.admin-checkbox{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.admin-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-row,.backend-row{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);align-items:center;gap:16px;padding:12px 16px;display:flex}.admin-row>:last-child,.backend-row>:last-child{margin-left:auto}.backend-probe{flex-direction:column;gap:6px;display:flex}.probe-steps{flex-direction:column;gap:2px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.probe-ok{color:var(--success)}.probe-fail{color:var(--danger)}.perm-tabs{border-bottom:1px solid var(--divider);gap:4px;margin-bottom:14px;display:flex}.perm-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:13.5px;font-weight:600}.perm-tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.perm-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.perm-row{align-items:center;gap:10px;font-size:13px;display:flex}.perm-row select{margin-left:auto}.perm-add{border-top:1px solid var(--divider);gap:8px;padding-top:12px;display:flex}.perm-add select{border:1px solid var(--border);border-radius:var(--r-control);font-size:13px;font-family:var(--font-ui);flex:1;padding:6px 8px}.perm-add button{background:var(--brand);color:var(--on-brand);border-radius:var(--r-control);cursor:pointer;border:none;padding:6px 12px;font-size:13px;font-weight:600}:root{--brand:#3b3be8;--brand-hover:#2323c4;--brand-tint:#eeeefd;--brand-tint-2:#dedefb;--brand-tint-3:#f7f7fe;--on-brand:#fff;--on-brand-secondary:#d6d6fb;--text:#14161a;--text-secondary:#5b6169;--text-tertiary:#8a9099;--bg:#f4f5f7;--surface:#fff;--surface-subtle:#f9fafb;--border:#e3e5ea;--border-strong:#c9cdd4;--divider:#edeff2;--success:#1f7a4c;--success-tint:#e8f5ee;--danger:#b4232e;--danger-tint:#fdf0f1;--warning:#c2410c;--warning-tint:#fde7d6;--vis-space:#5b6169;--vis-space-bg:#edeff2;--vis-space-dot:#8a9099;--vis-shared:#3b3be8;--vis-shared-bg:#eeeefd;--vis-shared-dot:#3b3be8;--vis-public:#1f7a4c;--vis-public-bg:#e8f5ee;--vis-public-dot:#1f7a4c;--avatar-1-bg:#dedefb;--avatar-1-fg:#3b3be8;--avatar-2-bg:#e4eefb;--avatar-2-fg:#1d4ed8;--avatar-3-bg:#f3e8ff;--avatar-3-fg:#6b21a8;--avatar-4-bg:#fde7d6;--avatar-4-fg:#c2410c;--avatar-5-bg:#e8f5ee;--avatar-5-fg:#1f7a4c;--sidebar-dark-bg:#14161a;--sidebar-dark-border:#22252b;--sidebar-dark-text:#fff;--sidebar-dark-inactive:#9aa0a8;--sidebar-dark-active-bg:#22252b;--font-ui:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-chip:6px;--r-control:8px;--r-card:12px;--r-modal:14px;--r-pill:999px;--shadow-tab:0 1px 2px #14161a17;--shadow-dropdown:0 12px 32px #14161a24;--shadow-toast:0 16px 40px #14161a29;--shadow-modal:0 24px 64px #14161a47;--scrim:#14161a66;--rise:.15s ease-out}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2");font-weight:500;font-display:swap}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover);text-decoration:underline}::selection{background:var(--brand-tint-2)}:focus-visible{outline:2px solid var(--brand);outline-offset:0}.mono-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:500}@keyframes hdRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes hdSpin{to{transform:rotate(360deg)}}.rise{animation:hdRise var(--rise)}.spin{animation:.9s linear infinite hdSpin}@media (prefers-reduced-motion:reduce){.rise,.spin{animation:none}*{transition-duration:.01ms!important}}