:root,[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-elev: #f4f5f7;--paper: #ffffff;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--line-strong: #d1d5db;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--danger: #dc2626;--danger-soft: #fef2f2;--warn: #b45309;--warn-soft: #fffbeb;--ok: #059669;--ok-soft: #ecfdf5;--primary: #111827;--primary-fg: #ffffff;--shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 24px rgba(17, 24, 39, .04);--radius: 16px;--radius-sm: 12px}[data-theme=dark]{color-scheme:dark;--bg: #09090b;--bg-elev: #18181b;--paper: #111113;--ink: #f4f4f5;--muted: #a1a1aa;--line: #27272a;--line-strong: #3f3f46;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: #172554;--danger: #f87171;--danger-soft: #3f1212;--warn: #fbbf24;--warn-soft: #3b2a0a;--ok: #34d399;--ok-soft: #052e1c;--primary: #f4f4f5;--primary-fg: #09090b;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--bg)}body{color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.page,.page-shell{min-height:100vh;background:radial-gradient(900px 420px at 85% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--bg)}.frame{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,3vw,1.75rem) 0 3.5rem}.frame.narrow{width:min(480px,calc(100% - 2rem))}.top{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:clamp(1.25rem,3vw,2rem)}.top-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:650;letter-spacing:-.035em;font-size:.98rem}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--primary);position:relative;flex:0 0 auto}.brand-mark:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid var(--primary-fg);border-radius:50%;box-shadow:inset 0 0 0 3px var(--primary)}.brand-mark:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--primary-fg);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.pill,.chip,.tag,.flag{color:var(--muted);font-size:.78rem;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:.28rem .68rem;background:var(--paper);display:inline-flex;align-items:center;gap:.25rem}.chip,.flag{cursor:pointer}.chip.active,.chip.on,.flag.on{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.tag.ok,.flag.ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.tag.warn,.flag.warn{color:var(--warn);background:var(--warn-soft)}.theme-toggle,.icon-btn,.iconish{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.theme-toggle:hover,.icon-btn:hover,.iconish:hover{border-color:var(--line-strong);background:var(--bg-elev)}.iconish{width:auto;padding:.45rem .75rem;font-size:.82rem;font-weight:620;color:var(--muted)}.lead{margin:0;font-size:clamp(1.75rem,4.5vw,2.6rem);font-weight:720;line-height:1.1;letter-spacing:-.045em}.sub,.hint,.muted{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.kicker{margin:0 0 .35rem;color:var(--accent);font-weight:700;letter-spacing:.01em;font-size:.82rem;text-transform:uppercase}.h1{margin:0 0 .35rem;font-size:clamp(1.45rem,3vw,1.85rem);letter-spacing:-.035em;font-weight:700}.err,.warn{color:var(--danger);margin:0}.warn{color:var(--warn)}.ok{color:var(--ok)}.panel,.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel{padding:clamp(1.05rem,2.5vw,1.5rem);display:flex;flex-direction:column;gap:.9rem}.card{overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}a.card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.card-body{padding:.95rem 1rem 1.05rem}.card-body h3{margin:0 0 .2rem;font-size:1rem;letter-spacing:-.03em;font-weight:680}.thumb{aspect-ratio:16 / 9;background:var(--bg-elev);position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .meta{position:absolute;left:.65rem;bottom:.65rem;display:flex;gap:.35rem;flex-wrap:wrap}.grid{display:grid;gap:.85rem}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.stats,.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stats article,.stat-grid article,.server-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem;box-shadow:var(--shadow)}.stats b,.server-card h2{display:block;margin:.15rem 0 0;font-size:1.45rem;letter-spacing:-.04em}.toolbar,.row,.row-head{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.row-head{justify-content:space-between}.grow{flex:1;min-width:0}.tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem}.field{display:flex;flex-direction:column;gap:.38rem;font-weight:620;font-size:.9rem}.stack{display:flex;flex-direction:column;gap:.85rem}textarea,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),select,.search{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.78rem .9rem;background:var(--bg);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.search{flex:1;min-width:min(100%,180px);border-radius:999px;background:var(--paper)}textarea:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.primary,.btn.primary{display:inline-flex;justify-content:center;align-items:center;background:var(--primary);color:var(--primary-fg);border:0;border-radius:999px;padding:.72rem 1.1rem;font-weight:650;cursor:pointer;width:fit-content;transition:opacity .15s ease}.primary:hover,.btn.primary:hover{opacity:.92}.primary:disabled{opacity:.4;cursor:not-allowed}.btn,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;padding:.58rem .95rem;font-weight:600;background:var(--paper);cursor:pointer}.btn:hover,.ghost:hover{background:var(--bg-elev)}.btn.danger,.danger-btn{background:var(--danger);color:#fff;border-color:transparent}.linkish{color:var(--accent);font-weight:620;cursor:pointer;width:fit-content;padding:0}.linkish:hover{color:var(--accent-hover)}.drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);padding:clamp(1.4rem,4vw,2.2rem) 1rem;text-align:center;background:var(--bg-elev);transition:border-color .15s ease,background .15s ease}.drop:hover,.drop.on{border-color:var(--accent);background:var(--accent-soft)}.progress{height:8px;background:var(--bg-elev);border-radius:999px;overflow:hidden;position:relative}.progress>span,.progress>div{display:block;height:100%;background:var(--accent);border-radius:inherit}.player-wrap{background:#000;border-radius:18px;overflow:hidden;border:1px solid var(--line)}video.player{width:100%;max-height:min(72vh,720px);background:#000}.persp{display:flex;gap:.45rem;margin:.85rem 0;flex-wrap:wrap}.inbox-item{display:grid;grid-template-columns:minmax(120px,180px) 1fr auto;gap:1rem;align-items:center}.inbox-item .thumb{width:100%;border-radius:12px;overflow:hidden}.date-groups{display:flex;flex-direction:column;gap:1.75rem;margin-top:.35rem}.date-group{display:flex;flex-direction:column;gap:.85rem}.date-separator{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.date-separator h2{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.02em;text-transform:capitalize}.library-intro{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.35rem;max-width:40rem}.library-intro .lead,.library-intro .sub{margin:0}.cat-browse{display:flex;flex-direction:column;gap:.85rem;margin:0 0 1.75rem;padding:1rem 0 1.15rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cat-browse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.cat-browse-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.cat-browse-head .hint{margin:.15rem 0 0;font-size:.85rem}.cat-browse-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:.65rem}.cat-tile{display:flex;flex-direction:column;gap:.28rem;min-height:4.5rem;padding:.85rem .95rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow);transition:border-color .15s ease,background .15s ease,transform .15s ease}.cat-tile:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);transform:translateY(-1px)}.cat-tile-name{font-size:.95rem;font-weight:680;letter-spacing:-.02em;line-height:1.25}.cat-tile-desc{color:var(--muted);font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.filter-bar{display:flex;flex-direction:column;gap:.75rem;margin:.15rem 0 .35rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.filter-bar-head{display:flex;align-items:center;gap:.5rem}.filter-bar-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.filter-bar-rail{display:flex;flex-wrap:wrap;gap:.4rem}.filter-pill{border:1px solid var(--line);border-radius:999px;padding:.42rem .85rem;font-size:.84rem;font-weight:620;color:var(--muted);background:var(--bg);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.filter-pill:hover{color:var(--ink);border-color:var(--line-strong);background:var(--bg-elev)}.filter-pill.active{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.filter-bar-tools{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding-top:.15rem;border-top:1px solid var(--line)}.filter-bar-tools .search{flex:1;min-width:min(100%,200px)}.filter-bar-tools select{width:auto;min-width:160px}.cat-pick{gap:.55rem}.cat-pick-rail{display:flex;flex-wrap:wrap;gap:.4rem}@media(max-width:640px){.cat-browse-rail{display:flex;overflow-x:auto;gap:.55rem;padding-bottom:.2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cat-tile{flex:0 0 min(72vw,220px);scroll-snap-align:start}}.review-actions{margin-top:.35rem}.review-actions .primary,.review-actions .btn{min-width:140px}.timeline{position:relative;height:40px;background:var(--bg-elev);border-radius:10px;border:1px solid var(--line)}.timeline .range{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:inherit}.shot-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.table{width:100%;border-collapse:collapse;margin:0}.table th,.table td{padding:.75rem 1rem;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}.table th{color:var(--muted);font-weight:650;font-size:.8rem}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg-elev)}.auth-panel{margin-top:.5rem;max-width:440px}.pin-box{max-width:400px;margin:2rem auto}.page-body{width:100%}.page-body.wide{max-width:none}.app-root{min-height:100vh;display:grid;grid-template-columns:248px 1fr;background:var(--bg);transition:grid-template-columns .18s ease}.app-side{border-right:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;padding:1.05rem .9rem;gap:.7rem;min-width:0}.side-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.side-toggle,.side-toggle-mobile{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);cursor:pointer;flex:0 0 auto}.side-toggle:hover,.side-toggle-mobile:hover{background:var(--bg-elev);color:var(--ink)}.side-toggle-mobile,.nav-backdrop{display:none}.nav-ico{flex:0 0 auto}.nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-side nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:10px;color:var(--muted);font-weight:620;font-size:.92rem}.nav-link:hover,.nav-link.on{background:var(--accent-soft);color:var(--ink)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:.55rem}.side-foot .ghost{width:100%;justify-content:flex-start;gap:.55rem;border-radius:10px;padding:.55rem .7rem}.app-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.app-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line);background:var(--paper)}.app-top-left{display:flex;align-items:center;gap:.65rem;min-width:0}.app-content{flex:1;min-height:0;padding:clamp(.85rem,2vw,1.25rem);display:flex;flex-direction:column;gap:1rem}.toolbar select,.top-actions select,.public-filters select{width:auto;min-width:140px}@media(min-width:981px){.app-root.nav-collapsed{grid-template-columns:72px 1fr}.app-root.nav-collapsed .app-side{padding:.9rem .55rem}.app-root.nav-collapsed .side-head{flex-direction:column}.app-root.nav-collapsed .brand{justify-content:center}.app-root.nav-collapsed .side-foot .hint,.app-root.nav-collapsed .nav-text{display:none}.app-root.nav-collapsed .nav-link{justify-content:center;padding:.62rem .45rem}.app-root.nav-collapsed .side-toggle{width:100%}.app-root.nav-collapsed .side-toggle .nav-ico{transform:scaleX(-1)}.app-root.nav-collapsed .side-foot .ghost{justify-content:center;padding:.62rem .45rem}}@media(max-width:980px){.app-root,.app-root.nav-collapsed{grid-template-columns:1fr}.side-toggle-mobile{display:inline-flex}.side-toggle{display:none}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;background:#0006}.app-root.nav-open .nav-backdrop{display:block}.app-side{position:fixed;z-index:50;inset:0 auto 0 0;width:min(280px,88vw);height:100dvh;transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.app-root.nav-open .app-side{transform:none}.inbox-item{grid-template-columns:1fr}.inbox-item .thumb{max-width:280px}.top{align-items:stretch}.top-actions{width:100%}.top-actions .search{min-width:0;flex:1 1 100%}}@media(max-width:640px){.cards{grid-template-columns:1fr}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.auth-panel,.pin-box{margin-top:1.5rem}.row .primary,.row .btn{flex:1 1 auto}.upload-tray{left:.75rem;right:.75rem;width:auto}}.player-root{display:flex;flex-direction:column;gap:.65rem}.player-wrap{position:relative}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;gap:.75rem;background:#0000008c;color:#fff;text-align:center;padding:1rem}.player-unmute{position:absolute;right:.75rem;bottom:3.2rem;z-index:3;border-radius:999px;padding:.45rem .85rem;background:#000000b8;color:#fff;font-weight:650;cursor:pointer}.editor-stage{display:flex;flex-direction:column;gap:.85rem}.editor-panel{gap:.85rem}.editor-timeline{height:56px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.editor-timeline .playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);transform:translate(-1px);pointer-events:none;z-index:2}.editor-timeline .handle{position:absolute;top:50%;width:14px;height:28px;margin-left:-7px;transform:translateY(-50%);border-radius:4px;background:var(--accent);border:2px solid var(--paper);box-shadow:var(--shadow);z-index:3;pointer-events:none}.card-wrap{position:relative}.card-wrap.selected .card{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.card-check{position:absolute;top:.65rem;left:.65rem;z-index:4;width:28px;height:28px;border-radius:8px;border:2px solid rgba(255,255,255,.9);background:#00000059;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-check.on{background:var(--accent);border-color:var(--accent)}.card-desc{margin:.35rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bulk-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.ghost.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--ink)}.upload-tray{position:fixed;right:1rem;bottom:1rem;z-index:80;width:min(360px,calc(100vw - 1.5rem));background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.upload-tray-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;cursor:pointer;text-align:left}.upload-tray-body{border-top:1px solid var(--line);max-height:min(42vh,360px);overflow:auto}.upload-tray-actions{padding:.45rem .9rem 0}.upload-list{list-style:none;margin:0;padding:.45rem .75rem .85rem;display:flex;flex-direction:column;gap:.65rem}.upload-row{padding:.55rem .6rem;border-radius:12px;background:var(--bg-elev);border:1px solid transparent}.upload-row.status-duplicate,.upload-row.status-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--danger-soft)}.upload-row-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.upload-name{font-weight:620;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-pct{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted)}.upload-msg{margin-top:.25rem;font-size:.78rem;color:var(--muted)}.upload-msg.bad{color:var(--danger);font-weight:620}