:root {
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-warm: var(--surface);
  --fg: #111111;
  --fg-2: var(--fg);
  --muted: #6b6b6b;
  --meta: var(--muted);
  --border: #e5e5e5;
  --border-soft: var(--border);
  --accent: #2f6feb;
  --accent-on: #ffffff;
  --accent-hover: color-mix(in oklab, var(--accent), black 8%);
  --accent-active: color-mix(in oklab, var(--accent), black 14%);
  --success: #17a34a;
  --warn: #eab308;
  --danger: #dc2626;
  --font-display: "Inter", -apple-system, system-ui, sans-serif;
  --font-body: "Inter", -apple-system, system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 48px;
  --text-4xl: 64px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --section-y-desktop: 80px;
  --section-y-tablet: 48px;
  --section-y-phone: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 9999px;
  --elev-flat: none;
  --elev-ring: 0 0 0 1px var(--border);
  --elev-raised: 0 2px 8px color-mix(in oklab, var(--fg), transparent 92%);
  --focus-ring: 0 0 0 3px color-mix(in oklab, var(--accent), transparent 70%);
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --container-max: 1200px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
}

*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--text-base)/var(--leading-body) var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);text-wrap:balance}h1{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));letter-spacing:var(--tracking-display)}h2{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));letter-spacing:var(--tracking-display)}h3{font-size:var(--text-lg)}p{text-wrap:pretty}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:0;box-shadow:var(--focus-ring)}

.skip-link{position:fixed;left:var(--space-4);top:-60px;z-index:200;background:var(--fg);color:var(--surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-4)}.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}.muted{color:var(--muted)}.meta{font:500 var(--text-xs)/1.4 var(--font-mono);color:var(--meta);letter-spacing:.02em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.divider{height:1px;background:var(--border);border:0;margin:0}.page-width{width:min(100%,1920px);margin-inline:auto;padding-inline:var(--container-gutter-desktop)}

.icon{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:16px;height:16px}.icon-lg{width:24px;height:24px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,var(--accent),var(--surface) 84%);color:var(--accent);font-weight:700;font-size:var(--text-sm);border:1px solid color-mix(in oklab,var(--accent),var(--border) 76%)}.avatar-lg{width:88px;height:88px;font-size:var(--text-xl);border-width:3px}.logo-lockup{display:inline-flex;align-items:center;gap:10px;font:700 var(--text-lg)/1 var(--font-display);letter-spacing:-.035em}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-on);display:grid;place-items:center;font:800 13px/1 var(--font-mono);transform:rotate(-4deg)}

.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px var(--space-4);font-size:var(--text-sm);font-weight:600;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border)}.btn-secondary:hover{border-color:color-mix(in oklab,var(--fg),var(--border) 65%);background:var(--bg)}.btn-quiet{background:transparent;color:var(--muted)}.btn-quiet:hover{background:color-mix(in oklab,var(--fg),transparent 95%);color:var(--fg)}.btn-danger{color:var(--danger);border-color:color-mix(in oklab,var(--danger),transparent 75%);background:var(--surface)}.btn-icon{width:40px;padding:0}.btn-large{min-height:44px;padding:11px var(--space-5);font-size:var(--text-base)}.btn-small{min-height:32px;padding:6px var(--space-3);font-size:var(--text-xs)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.link{color:var(--accent)}.link:hover{text-decoration:underline}

.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600}.field-help{font-size:var(--text-xs);color:var(--muted)}.input,.textarea,.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;padding:10px var(--space-3);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.input::placeholder,.textarea::placeholder{color:color-mix(in oklab,var(--muted),transparent 20%)}.input:focus,.textarea:focus,.select:focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.field-error .input{border-color:var(--danger)}.error-text{color:var(--danger);font-size:var(--text-xs)}.search-control{height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);overflow:hidden}.search-control input{min-width:0;border:0;background:transparent;padding:0 var(--space-4);outline:0}.search-control button{height:100%;border:0;border-left:1px solid var(--border);background:transparent;padding:0 var(--space-4);display:grid;place-items:center}.search-control .ai-search{font-size:var(--text-xs);font-weight:700;color:var(--accent)}

.chip-row{display:flex;align-items:center;gap:var(--space-2);overflow:auto;scrollbar-width:none;padding-block:2px}.chip-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);padding:7px 13px;font-size:var(--text-sm);white-space:nowrap}.chip:hover{border-color:color-mix(in oklab,var(--fg),var(--border) 68%)}.chip.active{background:var(--fg);border-color:var(--fg);color:var(--surface)}.chip-filter.active{background:color-mix(in oklab,var(--accent),var(--surface) 88%);border-color:color-mix(in oklab,var(--accent),var(--border) 45%);color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface),transparent 4%);font:600 11px/1 var(--font-mono);white-space:nowrap}.badge-success{color:var(--success);border-color:color-mix(in oklab,var(--success),transparent 75%)}.badge-warn{color:color-mix(in oklab,var(--warn),var(--fg) 30%);border-color:color-mix(in oklab,var(--warn),transparent 65%)}

.app-header{position:fixed;inset:0 0 auto 0;height:64px;z-index:50;background:color-mix(in oklab,var(--bg),transparent 6%);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{height:100%;display:grid;grid-template-columns:220px minmax(300px,680px) 1fr;align-items:center;gap:var(--space-6);padding-inline:var(--container-gutter-desktop)}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.header-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.icon-button{position:relative;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent}.icon-button:hover{background:color-mix(in oklab,var(--fg),transparent 94%)}.notification-dot{position:absolute;right:7px;top:6px;width:7px;height:7px;background:var(--danger);border-radius:50%;box-shadow:0 0 0 2px var(--bg)}

.side-nav{position:fixed;left:0;top:64px;bottom:0;width:220px;z-index:40;border-right:1px solid var(--border);background:var(--bg);padding:var(--space-4) var(--space-3);overflow:auto}.nav-group{display:grid;gap:4px;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.nav-group:last-child{border:0}.nav-label{padding:0 var(--space-3) var(--space-2);font:600 11px/1.4 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.nav-link{min-height:42px;display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);font-weight:550}.nav-link:hover{background:color-mix(in oklab,var(--fg),transparent 95%);color:var(--fg)}.nav-link.active{background:color-mix(in oklab,var(--accent),var(--surface) 90%);color:var(--accent)}.nav-count{margin-left:auto;font:600 11px/1 var(--font-mono)}.app-main{min-height:100vh;padding-top:64px;padding-left:220px}.content-shell{padding-block:var(--space-6) var(--space-20)}.bottom-nav{display:none}
.side-nav,.app-main{transition:none}.sidebar-toggle{width:40px;height:40px;display:grid;place-items:center;margin:0 0 var(--space-3) auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted)}.sidebar-toggle:hover{color:var(--fg);background:color-mix(in oklab,var(--fg),transparent 95%)}.sidebar-toggle .icon{transform:rotate(180deg);transition:transform var(--motion-base) var(--ease-standard)}html[data-sidebar="collapsed"] .header-inner{grid-template-columns:72px minmax(300px,680px) 1fr}html[data-sidebar="collapsed"] .header-brand .logo-text{display:none}html[data-sidebar="collapsed"] .side-nav{width:72px}html[data-sidebar="collapsed"] .side-nav .nav-label,html[data-sidebar="collapsed"] .side-nav .nav-link span,html[data-sidebar="collapsed"] .side-nav .nav-count{display:none}html[data-sidebar="collapsed"] .side-nav .nav-link{justify-content:center;padding-inline:0}html[data-sidebar="collapsed"] .sidebar-toggle{margin-inline:auto}html[data-sidebar="collapsed"] .sidebar-toggle .icon{transform:none}html[data-sidebar="collapsed"] .app-main{padding-left:72px}@media (max-width:1279px){.sidebar-toggle{display:none}}

.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-6)}.page-head h1{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));margin-bottom:6px}.page-head p{margin:0;color:var(--muted)}.sticky-filters{position:sticky;top:64px;z-index:20;background:color-mix(in oklab,var(--bg),transparent 3%);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin-inline:calc(var(--container-gutter-desktop) * -1);padding:var(--space-3) var(--container-gutter-desktop) var(--space-4);display:grid;gap:var(--space-3)}.feed-tabs{display:flex;gap:var(--space-6);height:40px;align-items:flex-end}.feed-tab{height:40px;border:0;background:transparent;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;padding:0 2px}.feed-tab.active{color:var(--fg);border-bottom-color:var(--accent)}

.continue-section{margin-block:var(--space-6) var(--space-8)}.section-heading{margin-bottom:var(--space-4)}.section-heading h2{font-size:var(--text-xl);margin:0}.continue-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:var(--space-4);overflow:auto;padding-bottom:var(--space-2);scroll-snap-type:x proximity}.continue-card{scroll-snap-align:start;display:grid;grid-template-columns:140px 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.continue-card .cover-art{aspect-ratio:16/10;border-radius:var(--radius-sm)}

.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.video-card{min-width:0;position:relative}.video-card button{font:inherit}.cover-button{width:100%;border:0;padding:0;background:transparent;text-align:left;border-radius:var(--radius-md)}.cover-art{position:relative;aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);isolation:isolate}.cover-art::before{content:"";position:absolute;inset:12% 10%;border:1px solid color-mix(in oklab,var(--fg),transparent 84%);border-radius:calc(var(--radius-md) - 2px);background:color-mix(in oklab,var(--surface),var(--accent) 4%)}.cover-art::after{content:"";position:absolute;left:16%;right:16%;bottom:18%;height:9%;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--fg),transparent 88%);box-shadow:0 -24px 0 color-mix(in oklab,var(--fg),transparent 92%),0 -48px 0 color-mix(in oklab,var(--accent),transparent 84%)}.cover-art.variant-2::before{inset:10% 48% 10% 8%;border-radius:var(--radius-sm)}.cover-art.variant-2::after{left:54%;right:8%;bottom:28%;height:11%;box-shadow:0 -30px 0 color-mix(in oklab,var(--fg),transparent 90%),0 30px 0 color-mix(in oklab,var(--accent),transparent 82%)}.cover-art.variant-3::before{inset:12% 12% 42%;border-radius:var(--radius-sm)}.cover-art.variant-3::after{left:12%;right:42%;bottom:16%;height:18%;box-shadow:76px 0 0 color-mix(in oklab,var(--accent),transparent 82%),152px 0 0 color-mix(in oklab,var(--fg),transparent 90%)}.cover-art.variant-4::before{inset:10% 20%;border-radius:var(--radius-lg);transform:rotate(-2deg)}.cover-art.variant-4::after{left:32%;right:32%;bottom:20%;height:38%;border-radius:50%;box-shadow:0 0 0 12px color-mix(in oklab,var(--accent),transparent 86%)}.cover-art.variant-5::before{inset:16% 8% 16% 52%;border-radius:var(--radius-sm);box-shadow:-120px 0 0 color-mix(in oklab,var(--accent),transparent 88%)}.cover-art.variant-5::after{left:16%;right:54%;bottom:26%;height:10%;box-shadow:0 -28px 0 color-mix(in oklab,var(--fg),transparent 88%)}.cover-label{position:absolute;left:14px;top:12px;z-index:2;font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.duration{position:absolute;right:8px;bottom:8px;z-index:3;background:color-mix(in oklab,var(--fg),transparent 15%);color:var(--surface);padding:4px 6px;border-radius:5px;font:600 11px/1 var(--font-mono)}.preview-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent;z-index:4}.video-card.previewing .preview-bar::after{content:"";display:block;height:100%;background:var(--accent);animation:preview 5s linear forwards}@keyframes preview{from{width:0}to{width:100%}}.card-menu{position:absolute;right:4px;top:calc(100% * 9 / 16 + 8px);z-index:4}.card-menu>button{border:0;background:transparent;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.card-menu>button:hover{background:color-mix(in oklab,var(--fg),transparent 94%)}.card-body{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-3)}.card-title{font-size:var(--text-base);line-height:1.35;margin:0 34px 5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author,.card-stats{font-size:var(--text-sm);color:var(--muted);margin:0}.card-tags{display:flex;gap:6px;margin-top:8px;overflow:hidden}.card-tags .badge{font-size:10px}.quick-action{position:absolute;right:8px;top:8px;z-index:3;opacity:0;transform:translateY(-4px);transition:opacity var(--motion-fast),transform var(--motion-fast)}.video-card:hover .quick-action,.quick-action:focus{opacity:1;transform:none}

.popover{position:fixed;z-index:120;min-width:220px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-raised)}.popover button{width:100%;min-height:38px;border:0;background:transparent;border-radius:var(--radius-sm);padding:8px 10px;text-align:left;font-size:var(--text-sm)}.popover button:hover{background:var(--bg)}.toast-stack{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:180;display:grid;gap:var(--space-2)}.toast{max-width:360px;background:var(--fg);color:var(--surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--elev-raised);font-size:var(--text-sm);animation:toast-in var(--motion-base) var(--ease-standard)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.modal-backdrop{position:fixed;inset:0;z-index:100;background:color-mix(in oklab,var(--fg),transparent 35%);padding:5vh 5vw;display:grid;place-items:center}.detail-modal{width:min(1440px,90vw);height:90vh;background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--elev-raised);display:grid;grid-template-rows:56px minmax(0,1fr)}.modal-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--border)}.modal-scroll{overflow:auto;padding:var(--space-5)}.detail-hero{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:var(--space-6);align-items:start}.media-stage{display:grid;gap:var(--space-3)}.media-stage .cover-art{aspect-ratio:16/9;border-radius:var(--radius-md)}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.thumb-row button{border:1px solid var(--border);padding:0;background:transparent;border-radius:var(--radius-sm);overflow:hidden}.thumb-row .cover-art{border:0;border-radius:0}.detail-summary{position:sticky;top:0;display:grid;gap:var(--space-4)}.detail-summary h1{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));margin:0}.author-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail-actions{display:grid;grid-template-columns:1fr auto;gap:var(--space-2)}.detail-icon-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-sections{max-width:900px;margin:var(--space-12) auto 0;display:grid;gap:var(--space-12)}.content-section{display:grid;gap:var(--space-4)}.content-section h2{font-size:var(--text-xl)}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.feature-item{padding-top:var(--space-4);border-top:1px solid var(--fg)}.comment-list{display:grid;gap:var(--space-4)}.comment{display:grid;grid-template-columns:36px 1fr;gap:var(--space-3);padding-block:var(--space-4);border-top:1px solid var(--border)}.comment p{margin:4px 0}.comment-actions{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted)}

.list-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-6)}.folder-list{padding:var(--space-3);height:max-content;position:sticky;top:148px}.folder-button{width:100%;border:0;background:transparent;padding:var(--space-3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;text-align:left}.folder-button:hover{background:var(--bg)}.folder-button.active{background:color-mix(in oklab,var(--accent),var(--surface) 90%);color:var(--accent)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.collection-card{padding:var(--space-4)}.collection-mosaic{display:grid;grid-template-columns:2fr 1fr;gap:4px;aspect-ratio:16/9;margin-bottom:var(--space-3)}.collection-mosaic .cover-art{border-radius:5px}.collection-mosaic .cover-art:first-child{grid-row:span 2}.history-group{margin-bottom:var(--space-8)}.history-row{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--border);align-items:center}.history-row .cover-art{border-radius:var(--radius-sm)}.notification-list{border-top:1px solid var(--border)}.notification-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);align-items:start}.notification-row.unread{background:color-mix(in oklab,var(--accent),var(--surface) 96%)}.notification-row p{margin:0}.notification-time{font:500 var(--text-xs)/1.4 var(--font-mono);color:var(--muted)}

.profile-hero{overflow:hidden;margin-bottom:var(--space-6)}.profile-cover{height:220px;background:color-mix(in oklab,var(--accent),var(--surface) 88%);position:relative}.profile-cover::before,.profile-cover::after{content:"";position:absolute;border:1px solid color-mix(in oklab,var(--accent),transparent 45%);border-radius:50%}.profile-cover::before{width:180px;height:180px;right:12%;top:18px}.profile-cover::after{width:110px;height:110px;right:22%;top:68px}.profile-info{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);padding:0 var(--space-6) var(--space-5);margin-top:-44px;position:relative}.profile-copy{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:end}.profile-copy h1{font-size:var(--text-2xl);margin:0}.profile-tabs{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);overflow:auto}.profile-tab{flex:0 0 auto;border:0;background:transparent;padding:0 0 var(--space-3);color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.profile-tab.active{color:var(--fg);border-color:var(--accent)}.series-hero{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:var(--space-8);align-items:center;margin-bottom:var(--space-8)}.series-hero .cover-art{aspect-ratio:16/10}.series-list{display:grid;gap:var(--space-2);counter-reset:series}.series-item{counter-increment:series;display:grid;grid-template-columns:42px 180px minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-3);border-top:1px solid var(--border)}.series-item::before{content:counter(series,decimal-leading-zero);font:600 var(--text-sm)/1 var(--font-mono);color:var(--muted)}.series-item .cover-art{border-radius:var(--radius-sm)}

.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)}.auth-story{padding:clamp(var(--space-8),7vw,var(--space-20));display:flex;flex-direction:column;justify-content:space-between;background:var(--fg);color:var(--surface)}.auth-story .logo-mark{background:var(--surface);color:var(--fg)}.auth-story h1{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));max-width:11ch}.auth-panel{padding:clamp(var(--space-6),7vw,var(--space-20));display:grid;place-items:center}.auth-card{width:min(100%,440px)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.auth-tab{border:0;background:transparent;padding:var(--space-3);color:var(--muted);border-bottom:2px solid transparent}.auth-tab.active{color:var(--fg);border-color:var(--accent)}.auth-form{display:grid;gap:var(--space-4)}

.wizard-layout{display:grid;grid-template-columns:220px minmax(0,760px) 280px;gap:var(--space-6);align-items:start}.step-nav,.submit-aside{position:sticky;top:88px}.step-nav{display:grid;gap:4px}.step-link{display:grid;grid-template-columns:28px 1fr;gap:var(--space-2);align-items:center;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--muted)}.step-link.active{background:color-mix(in oklab,var(--accent),var(--surface) 90%);color:var(--accent)}.step-index{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font:600 11px/1 var(--font-mono)}.step-link.done .step-index{background:var(--success);border-color:var(--success);color:var(--surface)}.form-panel{padding:var(--space-6);display:grid;gap:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.upload-zone{min-height:180px;border:1px dashed color-mix(in oklab,var(--accent),var(--border) 40%);border-radius:var(--radius-md);display:grid;place-items:center;text-align:center;padding:var(--space-6);background:color-mix(in oklab,var(--accent),var(--surface) 97%)}.ai-progress{display:grid;gap:var(--space-3)}.progress-track{height:6px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent)}.submit-aside{display:grid;gap:var(--space-4)}.aside-card{padding:var(--space-4)}.completion-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--progress,0%),var(--border) 0);position:relative}.completion-ring::after{content:"";position:absolute;inset:7px;background:var(--surface);border-radius:50%}.completion-ring span{position:relative;z-index:1;font:700 var(--text-sm)/1 var(--font-mono)}.wizard-footer{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}

.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{padding:var(--space-4)}.metric-card strong{display:block;font:700 var(--text-2xl)/1.2 var(--font-mono);margin-top:var(--space-2)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:var(--space-6)}.work-table{width:100%;border-collapse:collapse}.work-table th,.work-table td{padding:var(--space-3);border-bottom:1px solid var(--border);text-align:left;font-size:var(--text-sm)}.work-table th{font:600 11px/1.4 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--muted)}.status-dot.live{background:var(--success)}.status-dot.review{background:var(--warn)}.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);align-items:end}.funnel-step{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:120px;position:relative}.funnel-step:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;z-index:2;color:var(--muted)}.funnel-step strong{display:block;font:700 var(--text-2xl)/1.2 var(--font-mono);margin:var(--space-2) 0}.source-bars{display:grid;gap:var(--space-3)}.source-row{display:grid;grid-template-columns:110px minmax(0,1fr) 58px;gap:var(--space-3);align-items:center;font-size:var(--text-sm)}.bar-track{height:8px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden}.bar-fill{height:100%;background:var(--fg);border-radius:inherit}.ownership-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.claim-card,.team-card{padding:var(--space-5)}.team-row{display:grid;grid-template-columns:40px minmax(0,1fr) 150px auto;gap:var(--space-3);align-items:center;padding-block:var(--space-3);border-top:1px solid var(--border)}.settings-page{max-width:1180px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:var(--space-8)}.settings-nav{position:sticky;top:88px;align-self:start;height:max-content;display:grid;align-content:start;gap:4px;padding:var(--space-2)}.settings-nav-link{min-height:42px;display:flex;align-items:center;padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);font-weight:600}.settings-nav-link:hover{background:color-mix(in oklab,var(--fg),transparent 95%);color:var(--fg)}.settings-nav-link.active{background:color-mix(in oklab,var(--accent),var(--surface) 91%);color:var(--accent)}.settings-content{min-width:0;display:grid;gap:var(--space-4)}.settings-section{scroll-margin-top:88px;padding:var(--space-6);margin:0}.settings-section h2{margin-bottom:var(--space-5);font-size:var(--text-xl)}.settings-section>p{margin-top:calc(var(--space-3) * -1);margin-bottom:var(--space-5)}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-6);padding:var(--space-5) 0;border-top:1px solid var(--border)}.setting-row>div{min-width:0}.setting-row strong{display:block}.setting-row p{max-width:58ch;margin:4px 0 0;color:var(--muted);font-size:var(--text-sm)}.setting-select{width:340px;max-width:40vw}.switch{width:44px;height:24px;border:0;border-radius:var(--radius-pill);background:var(--border);padding:3px;transition:background var(--motion-fast)}.switch::after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform var(--motion-fast)}.switch.on{background:var(--accent)}.switch.on::after{transform:translateX(20px)}

.review-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-5);min-height:calc(100vh - 112px)}.review-queue{padding:var(--space-2);overflow:auto}.queue-item{width:100%;border:0;background:transparent;text-align:left;padding:var(--space-3);border-radius:var(--radius-sm);display:grid;gap:4px}.queue-item:hover{background:var(--bg)}.queue-item.active{background:color-mix(in oklab,var(--accent),var(--surface) 90%)}.review-panel{padding:var(--space-5)}.review-split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-5)}.risk-list{display:grid;gap:var(--space-2)}.risk-item{padding:var(--space-3);border:1px solid color-mix(in oklab,var(--warn),transparent 60%);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--warn),var(--surface) 94%)}.review-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:var(--space-2);background:color-mix(in oklab,var(--surface),transparent 4%);border-top:1px solid var(--border);padding:var(--space-3) 0 0;margin-top:var(--space-5)}

.empty-state{min-height:340px;display:grid;place-items:center;text-align:center;padding:var(--space-8)}.empty-state>div{max-width:480px}.skeleton{background:color-mix(in oklab,var(--fg),transparent 94%);position:relative;overflow:hidden}.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--surface),transparent 25%),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}

html[data-theme="dark"]{--bg:#0f1115;--surface:#181b21;--surface-warm:var(--surface);--fg:#f4f6f8;--fg-2:var(--fg);--muted:#a8afb9;--meta:var(--muted);--border:#323740;--border-soft:var(--border);--accent:#6d9cff;--accent-on:#081120;--accent-hover:#82aaff;--accent-active:#92b5ff;--success:#4fcd7d;--warn:#f0bf4c;--danger:#ff7279;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 2px 8px rgb(0 0 0 / 28%);--focus-ring:0 0 0 3px rgb(109 156 255 / 32%)}

@media (min-width:1600px){.work-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1279px){.header-inner{grid-template-columns:72px minmax(260px,620px) 1fr}.header-brand .logo-text{display:none}.side-nav{width:72px}.side-nav .nav-label,.side-nav .nav-link span,.side-nav .nav-count{display:none}.nav-link{justify-content:center}.app-main{padding-left:72px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-layout{grid-template-columns:180px minmax(0,1fr)}.submit-aside{display:none}}@media (max-width:1023px){.header-inner{grid-template-columns:auto minmax(220px,1fr) auto;padding-inline:var(--container-gutter-tablet);gap:var(--space-3)}.side-nav{display:none}.app-main{padding-left:0}.page-width{padding-inline:var(--container-gutter-tablet)}.sticky-filters{margin-inline:calc(var(--container-gutter-tablet) * -1);padding-inline:var(--container-gutter-tablet)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-hero{grid-template-columns:1.3fr .9fr}.collection-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:240px minmax(0,1fr)}.review-split{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.wizard-layout{grid-template-columns:160px minmax(0,1fr)}.ownership-grid{grid-template-columns:1fr}}
@media (max-width:767px){body{padding-bottom:70px}.app-header{height:56px}.header-inner{grid-template-columns:auto minmax(0,1fr) auto}.header-inner>.search-control{height:40px}.header-actions .hide-tablet,.header-brand .logo-text{display:none}.app-main{padding-top:56px}.content-shell{padding-top:var(--space-4)}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:64px;z-index:60;background:color-mix(in oklab,var(--bg),transparent 4%);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bottom-link{display:grid;place-items:center;align-content:center;gap:3px;font-size:10px;color:var(--muted)}.bottom-link.active{color:var(--accent)}.bottom-link.publish{margin-top:-14px}.bottom-link.publish .publish-circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-on);box-shadow:var(--elev-raised)}.page-width{padding-inline:var(--container-gutter-phone)}.sticky-filters{top:56px;margin-inline:calc(var(--container-gutter-phone) * -1);padding-inline:var(--container-gutter-phone)}.page-head{align-items:flex-start;flex-direction:column}.page-head .row{width:100%;flex-wrap:wrap}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.card-body{grid-template-columns:30px minmax(0,1fr);gap:8px}.avatar{width:30px;height:30px}.card-title{font-size:var(--text-sm);margin-right:0}.card-author{font-size:var(--text-xs)}.card-tags,.card-stats .views{display:none}.quick-action,.card-menu{display:none}.continue-row{grid-auto-columns:minmax(280px,80vw)}.modal-backdrop{padding:0;place-items:stretch}.detail-modal{width:100%;height:100%;border-radius:0;grid-template-rows:52px 1fr}.modal-scroll{padding:var(--space-3)}.detail-hero{grid-template-columns:1fr}.detail-summary{position:static}.detail-actions{position:sticky;bottom:0;background:var(--surface);padding:var(--space-2) 0;z-index:4}.feature-list{grid-template-columns:1fr}.list-layout,.settings-layout{grid-template-columns:1fr}.folder-list,.settings-nav{position:static}.history-row{grid-template-columns:120px minmax(0,1fr)}.history-row>.row{grid-column:2}.notification-row{grid-template-columns:36px minmax(0,1fr)}.notification-time{grid-column:2}.profile-info{align-items:flex-start;flex-direction:column;padding-inline:var(--space-4)}.profile-copy{align-items:center}.profile-cover{height:160px}.series-hero{grid-template-columns:1fr}.series-item{grid-template-columns:28px 110px minmax(0,1fr)}.series-item>.btn{display:none}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:240px;padding:var(--space-6)}.auth-story h1{font-size:var(--text-2xl)}.wizard-layout{grid-template-columns:1fr}.step-nav{position:static;grid-auto-flow:column;overflow:auto}.step-link{grid-template-columns:24px auto;min-width:max-content}.step-link span:last-child{display:none}.form-panel{padding:var(--space-4)}.form-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.funnel{grid-template-columns:1fr 1fr}.funnel-step::after{display:none}.review-layout{grid-template-columns:1fr}.review-queue{max-height:240px}.team-row{grid-template-columns:36px minmax(0,1fr);}.team-row>.select,.team-row>.btn{grid-column:2}.collection-grid{grid-template-columns:1fr}}
@media (max-width:430px){.header-inner>.search-control .ai-search{display:none}.header-inner>.search-control{grid-template-columns:minmax(0,1fr) 42px}.work-grid{grid-template-columns:1fr}.video-card .cover-art{border-radius:var(--radius-sm)}.card-body{grid-template-columns:36px minmax(0,1fr)}.card-title{font-size:var(--text-base)}.card-stats{display:block}.collection-grid,.dashboard-grid,.funnel{grid-template-columns:1fr}.history-row{grid-template-columns:104px minmax(0,1fr);gap:var(--space-3)}.source-row{grid-template-columns:84px minmax(0,1fr) 46px}.auth-panel{padding:var(--space-6) var(--space-4)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.video-card.previewing .preview-bar::after{display:none}}

/* Page-specific compositions */
.form-span{grid-column:1/-1}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.classification-choice{margin:0;padding:0;border:0}.classification-choice legend{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600}.option-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.option-card-compact{min-height:48px;padding:var(--space-3)}
.option-card{min-height:72px;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}
.option-card:has(input:checked){border-color:var(--accent);box-shadow:var(--focus-ring)}.option-card input{margin-top:4px;accent-color:var(--accent)}.option-card span{display:grid;gap:3px}.option-card small{color:var(--muted);line-height:1.45}
.media-guideline,.ai-result,.final-check,.quick-panel,.analytics-panel,.duplicate-card,.claim-proof{padding:var(--space-5)}.media-guideline ul,.media-guideline ol,.ai-result ul{color:var(--muted);padding-left:var(--space-5);margin-bottom:0}.media-guideline li+li,.ai-result li+li{margin-top:var(--space-2)}
.ai-result h3{margin:var(--space-5) 0 var(--space-2)}.empty-state.compact{min-height:260px}.preview-panel{display:grid;gap:var(--space-5)}.preview-panel>.badge{justify-self:start}.final-check{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-5)}
.success-state{min-height:calc(100vh - 140px)}.success-state>div:first-child{color:var(--success);border-color:color-mix(in oklab,var(--success),var(--border) 60%)}
.work-table-wrap{overflow:auto}.quick-panel{display:flex;flex-direction:column;align-items:flex-start}.quick-panel .btn{margin-top:auto}.analytics-panel{min-width:0}.definition-list{display:grid;gap:var(--space-4);margin:0}.definition-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.definition-list>div:last-child{border-bottom:0;padding-bottom:0}.definition-list dt{font-weight:700}.definition-list dd{margin:0;color:var(--muted)}
.duplicate-card{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.claim-proof{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.experience-demo{min-height:420px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:var(--space-6);align-items:center;padding:var(--space-6)}.experience-demo>.cover-art{width:100%}.experience-copy{max-width:460px}.comment-compose{margin-bottom:var(--space-5)}.comment-compose .input{flex:1}.notification-row h3{margin:var(--space-2) 0}.notification-row .row{flex-wrap:wrap}.series-hero{padding:var(--space-5)}
.auth-panel{min-width:0}.auth-story>div:last-child{max-width:560px}.auth-story p{max-width:54ch}.work-table td:first-child{min-width:180px}.review-panel h2{margin:var(--space-2) 0}.review-panel>.row-between{align-items:flex-start}.review-actions{flex-wrap:wrap}.upload-zone button{pointer-events:none}
@media (max-width:1023px){.option-grid{grid-template-columns:1fr}.option-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-demo{grid-template-columns:1fr}.definition-list>div{grid-template-columns:100px minmax(0,1fr)}}
@media (max-width:767px){.form-span{grid-column:auto}.final-check{grid-template-columns:1fr}.experience-demo{min-height:auto;padding:var(--space-4)}.comment-compose{align-items:stretch}.comment-compose .btn{min-width:72px}.definition-list>div{grid-template-columns:1fr;gap:var(--space-1)}.work-table{min-width:720px}.quick-panel{min-height:180px}.series-hero{padding:var(--space-4)}}

/* Accent budget: persistent navigation and media stay neutral; cobalt is reserved for primary actions and one state marker. */
.logo-mark{background:var(--fg);color:var(--surface)}
.avatar{background:var(--surface);color:var(--fg);border-color:var(--border)}
.link{color:var(--fg);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.search-control .ai-search{color:var(--fg)}
.chip-filter.active,.nav-link.active,.folder-button.active,.step-link.active,.queue-item.active{background:color-mix(in oklab,var(--fg),transparent 95%);border-color:var(--border);color:var(--fg)}
.feed-tab.active,.profile-tab.active,.auth-tab.active{border-color:var(--fg)}
.cover-art::before{background:color-mix(in oklab,var(--surface),var(--fg) 3%)}
.cover-art::after{box-shadow:0 -24px 0 color-mix(in oklab,var(--fg),transparent 92%),0 -48px 0 color-mix(in oklab,var(--fg),transparent 84%)}
.cover-art.variant-2::after{box-shadow:0 -30px 0 color-mix(in oklab,var(--fg),transparent 90%),0 30px 0 color-mix(in oklab,var(--fg),transparent 82%)}
.cover-art.variant-3::after{box-shadow:76px 0 0 color-mix(in oklab,var(--fg),transparent 82%),152px 0 0 color-mix(in oklab,var(--fg),transparent 90%)}
.cover-art.variant-4::after{box-shadow:0 0 0 12px color-mix(in oklab,var(--fg),transparent 86%)}
.cover-art.variant-5::before{box-shadow:-120px 0 0 color-mix(in oklab,var(--fg),transparent 88%)}
.notification-row.unread{background:color-mix(in oklab,var(--fg),transparent 97%)}
.upload-zone{border-color:var(--border);background:var(--surface)}
.switch.on{background:var(--fg)}
.bottom-link.active{color:var(--fg)}
.content-shell{container-type:inline-size;container-name:kolkol-content}
@container kolkol-content (max-width:740px){.dashboard-grid,.funnel,.ownership-grid{grid-template-columns:1fr 1fr}.review-split,.workspace-grid{grid-template-columns:1fr}}
@container kolkol-content (max-width:520px){.dashboard-grid,.funnel,.ownership-grid{grid-template-columns:1fr}.detail-actions{align-items:stretch}.detail-actions .btn{flex:1}}
.comment-compose .input{min-width:0}
@container kolkol-content (max-width:520px){.detail-actions{grid-template-columns:1fr}.detail-actions .btn{width:100%}}
.dialog-card{width:min(460px,calc(100vw - 32px));display:grid;gap:var(--space-5);padding:var(--space-6);box-shadow:var(--elev-raised)}.dialog-card h2{margin:0}.dialog-card p{margin:var(--space-2) 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}

.creator-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.creator-entry{min-height:112px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-5);transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.creator-entry:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--fg),var(--border) 70%)}.creator-entry-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.creator-entry>span:last-child{display:grid;gap:var(--space-1)}.creator-entry strong{font-size:var(--text-base)}.creator-entry small{color:var(--muted);line-height:1.5}@media (max-width:767px){.creator-entry-grid{grid-template-columns:1fr}.creator-entry{min-height:auto}}

.classification-filters{display:grid;gap:var(--space-2)}.filter-tier{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-3)}.filter-tier[hidden]{display:none}.filter-tier-label{font:600 var(--text-xs)/1.4 var(--font-mono);color:var(--muted)}.more-filter-chip{font-weight:600}.filter-count{min-width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--fg);color:var(--surface);font:600 10px/1 var(--font-mono)}.advanced-filters{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4) 0 var(--space-2);border-top:1px solid var(--border)}.advanced-filters[hidden],.advanced-filter-group[hidden]{display:none}.advanced-filter-group{min-width:0;margin:0;padding:0;border:0}.advanced-filter-group legend{margin-bottom:var(--space-2);font:600 var(--text-xs)/1.4 var(--font-mono);color:var(--muted)}.advanced-filter-group .chip-row{align-items:flex-start}.advanced-filter-group .chip{min-height:34px;padding:7px 13px;font-size:var(--text-sm)}.active-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.active-filters[hidden]{display:none}.selected-filter-list{min-width:0;display:flex;align-items:center;gap:var(--space-2);overflow:auto;scrollbar-width:none}.selected-filter-list::-webkit-scrollbar{display:none}.filter-token{flex:0 0 auto;min-height:32px;display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-xs)}.filter-token:hover{border-color:color-mix(in oklab,var(--fg),var(--border) 68%)}.filter-token .meta{font-size:10px}@media (max-width:767px){.sticky-filters{position:static}.filter-tier{grid-template-columns:1fr;gap:var(--space-1)}.filter-tier .chip,.advanced-filter-group .chip{min-height:44px}.advanced-filters{gap:var(--space-3)}.active-filters{align-items:flex-start}.active-filters>.btn{flex:0 0 auto}}
body[data-page="home"] [data-od-id="work-feed"]{padding-top:var(--space-8)}body[data-page="home"] .video-card .card-stats{display:none}@media (max-width:767px){body[data-page="home"] [data-od-id="work-feed"]{padding-top:var(--space-5)}}

/* Motion system: preserve task feedback, avoid layout animation, and keep decorative movement out of dense product screens. */
.video-card.previewing .preview-bar::after{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;animation:preview 4s linear forwards}@keyframes preview{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.progress-fill{transition:none}
.quick-action{transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.switch{transition:background var(--motion-fast) var(--ease-standard)}.switch::after{transition:transform var(--motion-fast) var(--ease-standard)}
.skeleton::after{display:none}
.toast{will-change:opacity,transform}.toast.is-closing{animation:toast-out var(--motion-fast) var(--ease-standard) forwards}@keyframes toast-out{to{opacity:0;transform:translateY(4px)}}
.modal-backdrop{animation:modal-backdrop-in var(--motion-fast) var(--ease-standard) both;will-change:opacity}.modal-backdrop>:is(.detail-modal,.dialog-card){animation:modal-surface-in var(--motion-base) var(--ease-standard) both;will-change:opacity,transform}@keyframes modal-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes modal-surface-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:767px){.bottom-nav{grid-template-columns:repeat(4,1fr)}}
html[data-motion="reduce"]{scroll-behavior:auto}html[data-motion="reduce"] *,html[data-motion="reduce"] *::before,html[data-motion="reduce"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html[data-motion="reduce"] .video-card.previewing .preview-bar::after{display:none}

/* 首页横向作品卡与详情首屏 */
.icon-xs{width:13px;height:13px}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;z-index:220;transform:translate(-50%,-2px);padding:6px 8px;border-radius:5px;background:var(--fg);color:var(--surface);font:500 12px/1.2 var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}

.cover-art{border:0;background:color-mix(in oklab,var(--accent),var(--surface) 91%)}.cover-art::before{inset:12% 9% 14%;border:0;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fg),transparent 90%)}.cover-art::after{left:18%;right:18%;bottom:23%;height:10%;border-radius:3px;background:color-mix(in oklab,var(--fg),transparent 84%);box-shadow:0 -24px 0 color-mix(in oklab,var(--fg),transparent 92%),0 -48px 0 color-mix(in oklab,var(--accent),transparent 80%)}.cover-art.variant-2{background:color-mix(in oklab,var(--success),var(--surface) 92%)}.cover-art.variant-2::before{inset:11% 47% 11% 8%;border-radius:0;background:color-mix(in oklab,var(--success),var(--surface) 78%);box-shadow:inset -1px 0 0 color-mix(in oklab,var(--fg),transparent 90%)}.cover-art.variant-2::after{left:57%;right:10%;bottom:26%;height:11%;background:color-mix(in oklab,var(--fg),transparent 82%);box-shadow:0 -29px 0 color-mix(in oklab,var(--fg),transparent 92%),0 29px 0 color-mix(in oklab,var(--success),transparent 78%)}.cover-art.variant-3{background:color-mix(in oklab,var(--accent),var(--surface) 94%)}.cover-art.variant-3::before{inset:13% 12% 42%;border-radius:5px;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent),transparent 82%)}.cover-art.variant-3::after{left:13%;right:43%;bottom:16%;height:17%;background:color-mix(in oklab,var(--accent),transparent 68%);box-shadow:78px 0 0 color-mix(in oklab,var(--fg),transparent 88%),156px 0 0 color-mix(in oklab,var(--accent),transparent 84%)}.cover-art.variant-4{background:color-mix(in oklab,var(--warn),var(--surface) 88%)}.cover-art.variant-4::before{inset:10% 19%;border:0;border-radius:50%;background:color-mix(in oklab,var(--warn),var(--surface) 52%);box-shadow:none;transform:none}.cover-art.variant-4::after{left:38%;right:38%;bottom:23%;height:30%;border-radius:50%;background:var(--surface);box-shadow:0 0 0 12px color-mix(in oklab,var(--warn),transparent 78%)}.cover-art.variant-5{background:color-mix(in oklab,var(--fg),var(--surface) 94%)}.cover-art.variant-5::before{inset:15% 8% 15% 52%;border-radius:5px;background:var(--surface);box-shadow:-118px 0 0 color-mix(in oklab,var(--accent),var(--surface) 74%)}.cover-art.variant-5::after{left:16%;right:55%;bottom:27%;height:10%;background:color-mix(in oklab,var(--fg),transparent 82%);box-shadow:0 -28px 0 color-mix(in oklab,var(--fg),transparent 90%)}.cover-label{left:12px;top:12px;padding:5px 7px;border-radius:5px;background:color-mix(in oklab,var(--surface),transparent 12%);font:600 11px/1 var(--font-body);letter-spacing:0;text-transform:none;box-shadow:0 0 0 1px color-mix(in oklab,var(--fg),transparent 88%)}.duration{left:12px;right:auto;bottom:12px;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:5px;background:color-mix(in oklab,var(--fg),transparent 12%)}

.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-card{display:grid;grid-template-columns:44% minmax(0,56%);min-height:204px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);cursor:pointer}.video-card:hover{border-color:color-mix(in oklab,var(--accent),var(--border) 64%);transform:translateY(-1px)}.video-card .cover-button{height:100%;min-height:202px;border-radius:0;overflow:hidden}.video-card .cover-art{height:100%;aspect-ratio:auto;border-radius:0}.card-body{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px}.card-badges{min-height:24px;display:flex;gap:6px}.video-card .card-title{max-width:100%;margin:0;padding:0;color:var(--fg);font:600 18px/1.35 var(--font-display);text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.video-card:hover .card-title{color:var(--accent)}.card-value{display:-webkit-box;min-height:42px;margin:0;color:var(--muted);font-size:14px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:auto;color:var(--muted);font-size:12px;line-height:1.35;white-space:nowrap}.avatar-sm{width:28px;height:28px;font-size:12px;flex:0 0 auto}.card-conditions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;line-height:1.35;white-space:nowrap}.card-conditions span{overflow:hidden;text-overflow:ellipsis}.card-conditions span:last-child{flex:0 0 auto;color:var(--fg)}

.detail-modal{position:relative;grid-template-rows:64px minmax(0,1fr);border-radius:var(--radius-sm);box-shadow:var(--elev-raised)}.modal-topbar{padding:0 var(--space-5)}.modal-topbar-actions{display:flex;align-items:center;gap:4px}.modal-open-link{color:var(--fg);padding-inline:10px}.modal-scroll{padding:24px 28px 56px}.detail-hero{grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:24px}.media-stage{gap:10px}.media-stage>.cover-art{aspect-ratio:16/9;border-radius:var(--radius-sm)}.thumb-row{grid-template-columns:repeat(3,1fr);gap:8px}.media-thumb{position:relative;min-width:0;border:1px solid var(--border);padding:0;background:var(--surface);border-radius:6px;overflow:hidden;aspect-ratio:16/9}.media-thumb:hover,.media-thumb:focus-visible,.media-thumb.active{border-color:var(--accent);box-shadow:var(--focus-ring)}.media-thumb-art{display:block;width:100%;height:100%;background:color-mix(in oklab,var(--accent),var(--surface) 92%)}.media-thumb-art.variant-2{background:color-mix(in oklab,var(--success),var(--surface) 88%)}.media-thumb-art.variant-3{background:color-mix(in oklab,var(--accent),var(--surface) 86%)}.media-thumb-art.variant-4{background:color-mix(in oklab,var(--warn),var(--surface) 84%)}.media-thumb-art.variant-5{background:color-mix(in oklab,var(--fg),var(--surface) 88%)}.media-thumb-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);background:color-mix(in oklab,var(--fg),transparent 18%);color:var(--surface)}.detail-summary{gap:18px}.detail-badges{display:flex;flex-wrap:wrap;gap:6px}.detail-summary h1{font-size:36px;line-height:1.16;letter-spacing:-.02em}.detail-value{margin:0;color:var(--muted);font-size:18px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.detail-author{display:flex;align-items:center;gap:12px;min-width:0}.avatar-detail{width:48px;height:48px;font-size:16px}.detail-author-copy{min-width:0;display:grid;gap:2px;flex:1}.detail-author-copy strong{font-size:15px}.detail-author-copy span{overflow:hidden;color:var(--muted);font:500 12px/1.4 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.detail-conditions{margin:0;color:var(--fg);font-size:14px}.detail-actions{grid-template-columns:minmax(0,1.85fr) minmax(112px,1fr);gap:8px}.detail-actions .btn{min-height:46px}.detail-icon-actions{gap:4px}.detail-stats{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font:500 12px/1.5 var(--font-mono)}.detail-stats span+span::before{content:'·';margin-right:12px;color:var(--border)}.mobile-detail-actions{display:none}.content-sections{max-width:820px;margin:56px auto 0;gap:48px}.content-section{gap:12px}.content-section h2{margin:0;font-size:30px;line-height:1.25}.content-section p{max-width:74ch;margin:0;font-size:16px;line-height:1.72}.feature-list{margin:0;padding:0;list-style:none;grid-template-columns:1fr;gap:0}.feature-item{padding:12px 0 12px 22px;position:relative;border-top:1px solid var(--border);font-size:16px;line-height:1.65}.feature-item::before{content:'•';position:absolute;left:4px;color:var(--accent)}.detail-disclosure{padding-top:20px;border-top:1px solid var(--border)}.popover-title{margin:6px 10px 8px;color:var(--muted);font-size:12px;font-weight:600}.save-picker{z-index:160;min-width:236px}.save-picker button{display:flex;align-items:center;gap:8px}

@media (min-width:1600px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1023px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:16px}.detail-hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}}
@media (max-width:767px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-card{grid-template-columns:42% minmax(0,58%);min-height:192px}.video-card .cover-button{height:100%;min-height:190px}.video-card .cover-art{height:100%;aspect-ratio:auto}.card-body{min-height:0;padding:14px}.card-title{font-size:16px}.card-value{min-height:40px;font-size:13px}.card-author-row{font-size:11px}.card-conditions{align-items:flex-start;flex-direction:column;gap:3px;font-size:11px}.card-conditions span:last-child{font-weight:600}.detail-modal{grid-template-rows:64px minmax(0,1fr)}.modal-topbar{padding:0 12px}.modal-open-link span{display:none}.modal-open-link{width:40px;padding:0}.modal-scroll{padding:0 0 88px}.detail-hero{grid-template-columns:1fr;gap:0}.media-stage{gap:8px}.media-stage>.cover-art{border-radius:0}.thumb-row{padding:0 16px}.detail-summary{position:static;padding:18px 16px 20px;gap:16px}.detail-summary h1{font-size:28px}.detail-value{font-size:16px}.detail-summary>.detail-actions{display:none}.mobile-detail-actions{display:grid;position:absolute;left:0;right:0;bottom:0;z-index:8;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface),transparent 2%);border-top:1px solid var(--border)}.mobile-detail-actions .btn{min-height:48px}.content-sections{margin-top:28px;padding:0 16px;gap:36px}.content-section h2{font-size:25px}.content-section p,.feature-item{font-size:15px}[data-tooltip]::after{display:none}}
@media (max-width:639px){.work-grid{grid-template-columns:1fr}.card-conditions{align-items:center;flex-direction:row}.card-conditions span:last-child{font-weight:400}}

/* Keep the homepage card's media and metadata in the same row at every preview width. */
.work-grid .video-card{display:grid;grid-template-areas:'media content';grid-template-columns:minmax(0,44%) minmax(0,56%);grid-template-rows:minmax(192px,auto)}.work-grid .video-card>.cover-button{grid-area:media;height:100%;min-height:192px}.work-grid .video-card>.card-body{grid-area:content;min-height:0}.work-grid .video-card>.cover-button>.cover-art{height:100%;aspect-ratio:auto}
@media (max-width:767px){.work-grid .video-card{grid-template-columns:minmax(0,42%) minmax(0,58%);grid-template-rows:minmax(192px,auto)}}

/* The search field is centered independently from the brand and account actions. */
@media (min-width:1024px){.header-inner,html[data-sidebar="collapsed"] .header-inner{grid-template-columns:minmax(0,1fr) minmax(320px,44vw) minmax(0,1fr)}.header-brand{justify-self:start}.header-inner>.search-control{width:100%;max-width:680px;justify-self:center}.header-actions{justify-self:end}}

/* Collections: quiet hierarchy, neutral selection, and complete async states. */
.collection-shell{max-width:1440px}.collection-shell>.page-head{align-items:flex-end;margin-bottom:var(--space-5)}.collection-shell>.page-head p{max-width:62ch}.collection-browser{display:grid;gap:var(--space-6)}.collection-folder-tabs{min-width:0;display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.collection-folder-tabs::-webkit-scrollbar{display:none}.collection-folder-tab{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-sm);background:transparent;padding:9px 12px;color:var(--muted);font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.collection-folder-tab:hover{background:color-mix(in oklab,var(--fg),transparent 95%);color:var(--fg)}.collection-folder-tab.active{background:color-mix(in oklab,var(--fg),var(--surface) 92%);color:var(--fg)}.collection-folder-tab .nav-count{min-width:20px;height:20px;display:grid;place-items:center;margin-left:2px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--fg),transparent 94%);font:600 11px/1 var(--font-mono)}.collection-folder-tab.active .nav-count{background:var(--surface)}.collection-content{min-width:0}.collection-current-head{min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.collection-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.collection-title-line h2{margin:0;font-size:var(--text-xl)}.collection-current-head p{margin:6px 0 0;color:var(--muted);font-size:var(--text-sm)}.collection-state{min-height:320px;display:grid;place-items:center;padding:var(--space-8);text-align:center}.collection-state>div{max-width:480px}.collection-state-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto var(--space-4);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--fg),transparent 95%);color:var(--muted)}.collection-state h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.collection-state p{margin:0 auto var(--space-5);color:var(--muted);line-height:1.6}.collection-loading{display:grid;gap:var(--space-5)}.collection-loading-head{display:grid;gap:8px;width:min(260px,70%)}.collection-loading-head .skeleton:first-child{width:55%;height:28px;border-radius:6px}.collection-loading-head .skeleton:last-child{width:100%;height:16px;border-radius:4px}.collection-card-skeleton{min-height:220px;border-radius:var(--radius-md)}.collection-spinner{width:15px;height:15px;display:inline-block;border:2px solid color-mix(in oklab,currentColor,transparent 65%);border-top-color:currentColor;border-radius:50%;animation:collection-spin .8s linear infinite}@keyframes collection-spin{to{transform:rotate(360deg)}}
@media (max-width:767px){.collection-shell>.page-head{align-items:stretch;margin-bottom:var(--space-4)}.collection-shell>.page-head>#new-folder{width:100%;min-height:44px}.collection-browser{gap:var(--space-5)}.collection-folder-tabs{margin-inline:calc(var(--container-gutter-phone) * -1);padding-inline:var(--container-gutter-phone);padding-bottom:0}.collection-current-head{min-height:0;margin-bottom:var(--space-4)}.collection-state{min-height:280px;padding:var(--space-6) var(--space-3)}.collection-loading .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:430px){.collection-loading .work-grid{grid-template-columns:1fr}.collection-card-skeleton{min-height:200px}}

/* Media uploads: up to six images and one video. */
.upload-zone.is-dragover{border-color:var(--accent);background:color-mix(in oklab,var(--accent),var(--surface) 92%);box-shadow:var(--focus-ring)}.upload-zone #choose-media{pointer-events:auto}.media-upload-status{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--muted);font:600 var(--text-xs)/1.4 var(--font-mono)}.media-asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.media-asset{min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr) 40px;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.media-asset-preview{position:relative;width:96px;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:var(--bg)}.media-asset-preview img,.media-asset-preview video{width:100%;height:100%;object-fit:cover}.media-video-mark{position:absolute;left:5px;bottom:5px;display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:4px;background:color-mix(in oklab,var(--fg),transparent 12%);color:var(--surface);font:600 10px/1 var(--font-body)}.media-asset-meta{min-width:0;display:grid;gap:4px}.media-asset-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.media-asset-meta span{color:var(--muted);font-size:var(--text-xs)}.media-empty{grid-column:1/-1;min-height:72px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm)}
@media (max-width:767px){.media-asset-list{grid-template-columns:1fr}.media-asset{grid-template-columns:80px minmax(0,1fr) 40px}.media-asset-preview{width:80px}}

/* Cards scale as one 9:4 unit; the 4/9 media column is always a square. */
.work-grid .video-card{aspect-ratio:9/4;grid-template-columns:minmax(0,4fr) minmax(0,5fr);grid-template-rows:minmax(0,1fr);min-height:0}.work-grid .video-card>.cover-button{width:100%;height:100%;min-height:0;aspect-ratio:1;align-self:stretch}.work-grid .video-card>.cover-button>.cover-art{width:100%;height:100%;aspect-ratio:1}.work-grid .video-card>.card-body{height:100%;min-height:0;overflow:hidden}
@media (max-width:767px){.work-grid .video-card{aspect-ratio:9/4;grid-template-columns:minmax(0,4fr) minmax(0,5fr);grid-template-rows:minmax(0,1fr)}.work-grid .video-card>.cover-button{min-height:0}.work-grid .video-card>.cover-button>.cover-art{aspect-ratio:1}}

/* Card content scales with the fixed card canvas instead of being clipped. */
.work-grid .video-card{container-type:inline-size;container-name:work-card}.work-grid .video-card>.card-body{padding:3cqw 3.35cqw;gap:1.5cqw;overflow:visible}.work-grid .video-card .card-badges{min-height:4.45cqw;gap:1.1cqw}.work-grid .video-card .badge{min-height:4.45cqw;padding:.75cqw 1.5cqw;border-radius:999px;font-size:2.05cqw}.work-grid .video-card .card-title{font-size:3.35cqw;line-height:1.35}.work-grid .video-card .card-value{min-height:7.8cqw;font-size:2.6cqw;line-height:1.5}.work-grid .video-card .card-author-row{gap:1.5cqw;font-size:2.22cqw;line-height:1.35}.work-grid .video-card .avatar-sm{width:5.2cqw;height:5.2cqw;font-size:2.22cqw}.work-grid .video-card .card-conditions{gap:1.5cqw;font-size:2.22cqw;line-height:1.35}.work-grid .video-card .cover-label{left:2.25cqw;top:2.25cqw;padding:.9cqw 1.3cqw;border-radius:.9cqw;font-size:2.05cqw}.work-grid .video-card .duration{left:2.25cqw;bottom:2.25cqw;gap:.75cqw;padding:.9cqw 1.3cqw;border-radius:.9cqw;font-size:2.05cqw}.work-grid .video-card .duration .icon{width:2.4cqw;height:2.4cqw}

/* Settings remain compact and self-sized; mobile navigation becomes a horizontal tab strip. */
@media (max-width:767px){.settings-page{max-width:none}.settings-layout{gap:var(--space-4)}.settings-nav{width:100%;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;padding:4px}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-link{min-height:40px;padding:8px 12px}.setting-row{gap:var(--space-4)}.setting-row:has(.setting-select){grid-template-columns:1fr}.setting-select{width:100%;max-width:none}}

/* Dark theme component tuning: preserve hierarchy without introducing bright inverse surfaces. */
html[data-theme="dark"] .logo-mark{background:#22262e;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border)}
html[data-theme="dark"] .chip.active{background:color-mix(in oklab,var(--accent),var(--surface) 82%);border-color:color-mix(in oklab,var(--accent),var(--border) 55%);color:#dce7ff}
html[data-theme="dark"] .switch.on{background:var(--accent)}html[data-theme="dark"] .switch::after{background:#fff}
html[data-theme="dark"] .filter-count{background:var(--accent);color:var(--accent-on)}
html[data-theme="dark"] .modal-backdrop{background:rgb(0 0 0 / 72%)}
html[data-theme="dark"] .toast{background:#252a33;color:var(--fg);border:1px solid var(--border)}
html[data-theme="dark"] :is(.duration,.media-video-mark,.media-thumb-play){background:rgb(5 7 10 / 78%);color:#fff}
html[data-theme="dark"] :is(.btn-secondary,.btn-danger,.input,.textarea,.select,.search-control,.chip,.filter-token,.collection-folder-tab,.media-thumb){background:var(--surface)}
html[data-theme="dark"] :is(.popover button:hover,.queue-item:hover,.btn-secondary:hover,.btn-quiet:hover,.icon-button:hover,.sidebar-toggle:hover){background:#22262e}
html[data-theme="dark"] :is(.nav-link.active,.folder-button.active,.step-link.active,.queue-item.active,.chip-filter.active,.settings-nav-link.active,.collection-folder-tab.active){background:color-mix(in oklab,var(--accent),var(--surface) 88%);border-color:color-mix(in oklab,var(--accent),var(--border) 58%);color:#c8d9ff}
html[data-theme="dark"] body[data-page="collections"] .collection-folder-tab{background:transparent}html[data-theme="dark"] body[data-page="collections"] .collection-folder-tab:hover{background:color-mix(in oklab,var(--fg),transparent 92%);color:var(--fg)}html[data-theme="dark"] body[data-page="collections"] .collection-folder-tab.active{border-color:transparent;background:color-mix(in oklab,var(--fg),transparent 88%);color:var(--fg)}
html[data-theme="dark"] .upload-zone{background:#15181d}

/* Settings no longer use an internal category sidebar. */
.settings-page{max-width:960px}.settings-layout{grid-template-columns:minmax(0,1fr)}

/* Public profile: shared structure with explicit owner and visitor states. */
.profile-page{max-width:1400px}.profile-preview-banner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding:7px 12px 7px 16px;border:1px solid color-mix(in oklab,var(--accent),var(--border) 58%);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent),var(--surface) 92%);color:var(--fg);font-size:var(--text-sm);font-weight:600}.profile-hero{overflow:hidden;margin-bottom:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.profile-cover{height:176px;background:color-mix(in oklab,var(--accent),var(--surface) 86%)}.profile-cover::before,.profile-cover::after{display:none}.profile-info{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:var(--space-5);margin-top:-28px;padding:0 var(--space-8) var(--space-5)}.profile-avatar{width:96px;height:96px;border:4px solid var(--surface);font-size:var(--text-xl);box-shadow:0 0 0 1px var(--border)}.profile-identity{min-width:0;padding-top:40px}.profile-identity h1{max-width:100%;margin:0;font-size:30px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-handle{margin:3px 0 10px;color:var(--muted);font:500 var(--text-sm)/1.4 var(--font-mono)}.profile-bio{max-width:68ch;margin:0 0 var(--space-3);color:var(--fg);font-size:var(--text-sm);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.profile-stats{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-bottom:var(--space-3)}.profile-stats button{border:0;background:transparent;padding:0;color:var(--muted);font-size:var(--text-sm)}.profile-stats button:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.profile-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.profile-links a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-sm)}.profile-links a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.profile-links-compact{gap:var(--space-4)}.profile-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding-top:40px}.profile-actions .btn{white-space:nowrap}.profile-more-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:220px}.profile-more-menu[hidden]{display:none}.profile-tabs{display:flex;align-items:flex-end;gap:var(--space-6);min-height:50px;margin:0;padding:0 var(--space-8);border-top:1px solid var(--border);border-bottom:0;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{min-height:50px;padding:14px 2px 12px}.profile-tab.active{color:var(--fg);border-color:var(--accent)}.profile-tab-content{min-height:320px;padding-top:var(--space-6)}.profile-content-toolbar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.profile-content-toolbar h2{margin:0;font-size:var(--text-xl)}.profile-content-toolbar h2 span{color:var(--muted);font-size:var(--text-base);font-weight:500}.profile-sort{width:160px;min-height:38px;padding-block:8px}.profile-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card-meta{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:.8cqw 1.3cqw;margin-top:auto;padding-top:1.45cqw;border-top:1px solid var(--border);color:var(--muted);font-size:2.22cqw;line-height:1.35}.profile-card-meta span+span::before{content:'·';margin-right:1.3cqw;color:var(--border)}.profile-series-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.profile-series-item{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:var(--space-4);padding:var(--space-5);transition:border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.profile-series-item:hover{border-color:color-mix(in oklab,var(--accent),var(--border) 58%);transform:translateY(-1px)}.profile-series-index{font:700 var(--text-lg)/1 var(--font-mono);color:var(--muted)}.profile-series-item h3{margin:0 0 5px}.profile-series-item p{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-sm)}.profile-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.profile-collection-item{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-5)}.profile-collection-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted)}.profile-collection-item h3{margin:0 0 4px;font-size:var(--text-base)}.profile-collection-item p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-sm)}.profile-updates{max-width:820px}.profile-update{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--space-3);padding:0 0 var(--space-6)}.profile-update:not(:last-child)::before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--border)}.profile-update-marker{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--border)}.profile-update h3{margin:0 0 4px;font-size:var(--text-base)}.profile-update p{margin:0 0 5px;color:var(--muted);font-size:var(--text-sm)}.profile-about{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:var(--space-8) var(--space-12);max-width:960px;padding-bottom:var(--space-8)}.profile-about section{min-width:0}.profile-about h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.profile-about p{max-width:68ch;margin:0;color:var(--muted);line-height:1.7}.profile-about .profile-links{align-items:flex-start;flex-direction:column}.profile-about .chip{cursor:default}.profile-about .chip:hover{border-color:var(--border)}

@media (max-width:1023px){.profile-page{max-width:none}.profile-info{grid-template-columns:96px minmax(0,1fr);padding-inline:var(--space-6)}.profile-actions{grid-column:2;justify-content:flex-start;padding-top:0}.profile-tabs{padding-inline:var(--space-6)}.profile-work-grid,.profile-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-about{grid-template-columns:1fr 1fr;gap:var(--space-8)}}
@media (max-width:767px){.profile-preview-banner{margin-bottom:var(--space-3)}.profile-hero{border-radius:var(--radius-sm)}.profile-cover{height:132px}.profile-info{grid-template-columns:80px minmax(0,1fr);gap:var(--space-3);margin-top:-22px;padding:0 var(--space-4) var(--space-4)}.profile-avatar{width:80px;height:80px;font-size:var(--text-lg)}.profile-identity{padding-top:29px}.profile-identity h1{font-size:25px}.profile-bio{grid-column:1/-1}.profile-stats{gap:5px 12px}.profile-links-compact{gap:var(--space-3)}.profile-actions{grid-column:1/-1;width:100%;padding-top:var(--space-1);justify-content:flex-start}.profile-actions-own .btn:not(.btn-icon){flex:1}.profile-actions-visitor .profile-follow{flex:1}.profile-tabs{min-height:48px;gap:var(--space-5);padding-inline:var(--space-4)}.profile-tab{min-height:48px;padding-block:13px 11px}.profile-tab-content{padding-top:var(--space-5)}.profile-content-toolbar{align-items:flex-start}.profile-content-toolbar h2{font-size:var(--text-lg)}.profile-sort{width:144px}.profile-series-list,.profile-collection-grid,.profile-about{grid-template-columns:1fr}.profile-series-item,.profile-collection-item{padding:var(--space-4)}.profile-about{gap:var(--space-8)}.profile-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.profile-work-grid{grid-template-columns:1fr}.profile-card-meta{font-size:2.22cqw}}

html[data-theme="dark"] .profile-cover{background:color-mix(in oklab,var(--accent),var(--surface) 78%)}html[data-theme="dark"] .profile-preview-banner{background:color-mix(in oklab,var(--accent),var(--surface) 86%)}html[data-theme="dark"] .profile-collection-icon{background:#14171c}html[data-theme="dark"] .profile-update-marker{border-color:var(--surface)}

/* Account authentication: one shared panel for pages and restricted-action dialogs. */
body[data-page="auth"]{min-height:100vh;padding-bottom:0;background:var(--bg)}body[data-page="auth"] #page{min-height:100vh}.auth-shell{position:relative;min-height:100svh;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px 32px}.auth-logo{position:absolute;top:32px;left:max(24px,calc((100vw - var(--container-max))/2 + 24px))}.auth-page-panel{width:min(100%,440px);margin-top:64px;padding:32px;border-radius:var(--radius-md)}.auth-security-note{position:absolute;left:24px;right:24px;bottom:18px;margin:0;text-align:center;color:var(--muted);font-size:var(--text-xs)}.auth-panel-inner{min-width:0}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;border-bottom:1px solid var(--border)}.auth-mode-button{min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:600}.auth-mode-button:hover{color:var(--fg)}.auth-mode-button.active{border-color:var(--accent);color:var(--fg)}.auth-heading{margin-bottom:24px}.auth-heading h1{margin:0 0 8px;font-size:28px;line-height:1.2;letter-spacing:var(--tracking-display)}.auth-heading p{margin:0;color:var(--muted);font-size:var(--text-sm)}.auth-form{display:grid;gap:14px}.auth-field{gap:6px}.auth-field label{font-weight:500}.auth-field .input{min-height:44px}.password-control{position:relative}.password-control .input{padding-right:48px}.password-toggle{position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.password-toggle:hover{color:var(--fg)}.field-error-text{display:block;min-height:18px;color:var(--danger);font-size:13px;line-height:1.35}.auth-field.field-error .input{border-color:var(--danger)}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.check-control{display:flex;align-items:flex-start;gap:9px;color:var(--fg);font-size:var(--text-sm);line-height:1.45}.check-control input{width:16px;height:16px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--accent)}.check-control a{color:var(--accent)}.auth-agreement{margin-top:2px}.auth-text-button,.auth-footer-copy button{border:0;background:transparent;padding:0;color:var(--accent);font-size:var(--text-sm)}.auth-text-button:hover,.auth-footer-copy button:hover{text-decoration:underline;text-underline-offset:3px}.auth-submit{width:100%;min-height:44px;margin-top:2px}.auth-demo-entry{display:grid;gap:10px}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--text-xs)}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--border)}.auth-demo-button{width:100%;min-height:44px}.auth-demo-copy{max-width:38ch;margin:0 auto;text-align:center;color:var(--muted);font-size:var(--text-xs);line-height:1.5}.auth-footer-copy{margin:2px 0 0;text-align:center;color:var(--muted);font-size:var(--text-sm)}.auth-status{min-height:20px;color:var(--danger);font-size:13px;line-height:1.45}.captcha-slot{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-sm)}.captcha-slot[hidden]{display:none}.auth-back{min-height:40px;display:inline-flex;align-items:center;gap:6px;margin:0 0 20px -8px;border:0;background:transparent;color:var(--muted);font-size:var(--text-sm)}.auth-back:hover{color:var(--fg)}.auth-spinner{width:16px;height:16px;display:inline-block;flex:0 0 auto;border:2px solid color-mix(in oklab,currentColor,transparent 66%);border-top-color:currentColor;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading{min-height:260px;display:grid;place-items:center;align-content:center;gap:var(--space-3);color:var(--muted)}.auth-loading p{margin:0}.auth-result{min-height:280px;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:var(--space-3);text-align:center}.auth-result-icon{width:48px;height:48px;display:grid;place-items:center;align-self:center;border:1px solid color-mix(in oklab,var(--success),var(--border) 58%);border-radius:50%;color:var(--success)}.auth-result-icon.is-error{border-color:color-mix(in oklab,var(--danger),var(--border) 58%);color:var(--danger)}.auth-result h1{margin:4px 0 0;font-size:var(--text-xl)}.auth-result p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-sm)}.auth-result .btn{width:100%}.auth-modal-backdrop{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:5vh 20px;background:color-mix(in oklab,var(--fg),transparent 42%)}.auth-modal{position:relative;width:min(100%,440px);max-height:90vh;overflow:auto;border-radius:var(--radius-md);box-shadow:var(--elev-raised)}.auth-modal-body{padding:32px}.auth-modal-close{position:absolute;top:12px;right:12px;z-index:2}.auth-modal .auth-panel-inner{padding-top:22px}

/* Header session controls. */
.header-account-slot,.account-control{position:relative;display:flex;align-items:center}.header-login{min-height:40px}.account-trigger{border:1px solid var(--border);cursor:pointer}.account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:120;min-width:220px}.account-menu[hidden]{display:none}.account-menu-head{display:grid;gap:2px;margin:0 8px 6px;padding:8px 4px 12px;border-bottom:1px solid var(--border)}.account-menu a,.account-menu button{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;border:0;border-radius:var(--radius-sm);background:transparent;padding:8px 10px;color:var(--fg);font-size:var(--text-sm);text-align:left}.account-menu a:hover,.account-menu button:hover{background:var(--bg)}

@media (max-width:639px){.auth-shell{min-height:100svh;padding:20px 22px 32px}.auth-logo{position:static;align-self:flex-start;margin-bottom:36px}.auth-page-panel{width:100%;margin:0;padding:0;border:0;background:transparent}.auth-security-note{position:static;margin-top:32px;line-height:1.5}.auth-heading h1{font-size:26px}.auth-modal-backdrop{display:block;padding:0}.auth-modal{width:100%;height:100svh;max-height:none;border:0;border-radius:0;box-shadow:none}.auth-modal-body{height:100%;overflow:auto;padding:72px 22px 32px}.auth-modal .auth-panel-inner{padding-top:0}.auth-modal-close{top:16px;right:16px}.auth-submit,.auth-demo-button{min-height:48px}.auth-options{align-items:flex-start}.auth-agreement span{min-width:0}.header-login{min-width:52px;padding-inline:12px}}

html[data-theme="dark"] .auth-modal-backdrop{background:rgb(0 0 0 / 72%)}html[data-theme="dark"] .captcha-slot{background:#14171c}html[data-theme="dark"] .account-menu :is(a,button):hover{background:#22262e}

/* Discovery home: use whitespace instead of structural rules. */
body[data-page="home"]{--card-gradient-1:oklch(97% 0.020 255);--card-gradient-2:oklch(97.6% 0.012 255);--card-gradient-3:oklch(97% 0.020 165);--card-gradient-4:oklch(97.6% 0.012 165);--card-gradient-5:oklch(97% 0.018 305);--card-gradient-6:oklch(97.6% 0.011 305)}
body[data-page="home"] .app-header{border-bottom:0}
body[data-page="home"] .side-nav{border-right:0}
body[data-page="home"] .side-nav .nav-group{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:0}
body[data-page="home"] .sidebar-toggle{border:0;background:transparent}
body[data-page="home"] .content-shell{padding-top:0}
body[data-page="home"] .sticky-filters{margin-inline:0;padding:12px 0;border-bottom:0;box-shadow:none}
body[data-page="home"] .advanced-filters{padding-top:var(--space-5);border-top:0}
body[data-page="home"] .active-filters{padding-top:var(--space-3);border-top:0}
body[data-page="home"] .sticky-filters :is(.chip,.filter-token){border-color:transparent;background:color-mix(in oklab,var(--fg),transparent 95%)}
body[data-page="home"] .sticky-filters :is(.chip,.filter-token):hover{border-color:transparent;background:color-mix(in oklab,var(--fg),transparent 91%)}
body[data-page="home"] .sticky-filters :is(.chip.active,.chip-filter.active){border-color:transparent;background:var(--fg);color:var(--surface)}
body[data-page="home"] [data-od-id="work-feed"]{padding-top:36px}
body[data-page="home"] .work-grid{gap:32px 22px}
body[data-page="home"] .work-grid .video-card{--card-gradient-top:var(--card-gradient-1);grid-template-columns:minmax(0,44%) minmax(0,1fr);column-gap:0;overflow:hidden;border:0;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--card-gradient-top) 0%,var(--bg) 100%);transition:none}
body[data-page="home"] .work-grid .video-card:nth-child(6n+1){--card-gradient-top:var(--card-gradient-1)}
body[data-page="home"] .work-grid .video-card:nth-child(6n+2){--card-gradient-top:var(--card-gradient-2)}
body[data-page="home"] .work-grid .video-card:nth-child(6n+3){--card-gradient-top:var(--card-gradient-3)}
body[data-page="home"] .work-grid .video-card:nth-child(6n+4){--card-gradient-top:var(--card-gradient-4)}
body[data-page="home"] .work-grid .video-card:nth-child(6n+5){--card-gradient-top:var(--card-gradient-5)}
body[data-page="home"] .work-grid .video-card:nth-child(6n+6){--card-gradient-top:var(--card-gradient-6)}
body[data-page="home"] .work-grid .video-card:hover{border-color:transparent;transform:none}
body[data-page="home"] .work-grid .video-card:hover .card-title{color:var(--fg)}
body[data-page="home"] .work-grid .video-card>.cover-button{border-radius:0;overflow:hidden}
body[data-page="home"] .work-grid .video-card>.cover-button>.cover-art{border-radius:0}
body[data-page="home"] .work-grid .video-card>.card-body{padding:12px 16px 8px;background:transparent}
body[data-page="home"] .card-badges .badge{border-color:transparent;background:color-mix(in oklab,var(--fg),transparent 95%)}
body[data-page="home"] .cover-label{box-shadow:none}
body[data-page="home"] .avatar-sm{border-color:transparent}

@media (max-width:1023px){
  body[data-page="home"] .work-grid{gap:28px 18px}
}
@media (max-width:767px){
  body[data-page="home"] .sticky-filters{padding-block:14px 10px}
  body[data-page="home"] [data-od-id="work-feed"]{padding-top:28px}
  body[data-page="home"] .work-grid{gap:24px 14px}
  body[data-page="home"] .work-grid .video-card{grid-template-columns:minmax(0,42%) minmax(0,1fr);column-gap:0}
  body[data-page="home"] .work-grid .video-card>.card-body{padding:10px 12px 6px}
}
@media (max-width:639px){
body[data-page="home"] .work-grid{row-gap:28px}
}

html[data-theme="dark"] body[data-page="home"] .work-grid .video-card{background:linear-gradient(180deg,color-mix(in oklab,var(--card-gradient-top),var(--surface) 90%) 0%,var(--bg) 100%)}

/* Motion polish: one arrival language for primary surfaces and one for transient menus. */
.content-shell,.auth-panel-inner{animation:surface-arrive var(--motion-base) var(--ease-standard) both}
@keyframes surface-arrive{from{opacity:.96;transform:translateY(6px)}to{opacity:1;transform:none}}
.popover:not([hidden]){transform-origin:top right;animation:popover-in var(--motion-fast) var(--ease-standard) both}
@keyframes popover-in{from{opacity:.96;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
html[data-motion="reduce"] :is(.content-shell,.auth-panel-inner,.popover:not([hidden])){animation:none}
@media (prefers-reduced-motion:reduce){.content-shell,.auth-panel-inner,.popover:not([hidden]){animation:none!important}}