/* Studio visual direction: editorial clarity, quiet craft. Light scope only. */
:root{--sv-paper:#faf9f6;--sv-surface:#fffefa;--sv-ink:#243d38;--sv-muted:#61706a;--sv-line:#dce2da;--sv-green:#275d4b;--sv-copper:#946c48;--sv-radius:16px}
body:is([data-theme="light"],[data-theme="day"]){--bg:var(--sv-paper);--bg2:#f2f3ed;--bg3:#e9ede5;--surface:var(--sv-surface);--surface2:#f4f5ef;--fg:var(--sv-ink);--text:var(--sv-ink);--fg2:#495e55;--fg3:var(--sv-muted);--accent:var(--sv-green);--border:var(--sv-line);--bd:var(--sv-line);background:var(--sv-paper);color:var(--sv-ink)}
body:is([data-theme="light"],[data-theme="day"]) header.topbar{background:rgba(250,249,246,.98)!important;border-bottom:1px solid var(--sv-line)!important;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) .opc-brand-mark{color:var(--sv-ink)!important;letter-spacing:-.65px;font-weight:750}
body:is([data-theme="light"],[data-theme="day"]) .opc-brand-studio{color:var(--sv-copper)!important;letter-spacing:.1em}
body:is([data-theme="light"],[data-theme="day"]) #topbarNav{background:transparent!important;border:1px solid transparent!important;border-radius:12px;padding:4px;gap:3px;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #topbarNav .nav-btn{border:1px solid transparent!important;border-radius:8px;color:#53645b!important;font-weight:550;transition:background .16s,color .16s}
body:is([data-theme="light"],[data-theme="day"]) #topbarNav .nav-btn.active{background:transparent!important;color:#244c3e!important;border-color:transparent!important;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #topbarNav .nav-btn.active:after{display:none}
body:is([data-theme="light"],[data-theme="day"]) :is(button,input,textarea,a):focus-visible{outline:2px solid #4f7864!important;outline-offset:3px}
/* Company: a working desk, not a metrics dashboard. */
body:is([data-theme="light"],[data-theme="day"]) #page-company{--ck-bg:var(--sv-paper);--ck-surface:var(--sv-surface);--ck-surface2:#f1f3ec;--ck-border:var(--sv-line);--ck-text:var(--sv-ink);--ck-text2:#53645b;--ck-text3:#617268;--ck-accent:var(--sv-green);--ck-accent2:#537e65;--ck-accent-dim:#e9eee4;background:var(--sv-paper)!important}
body:is([data-theme="light"],[data-theme="day"]) .opc-ck-brief-in{background:var(--sv-surface)!important;border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:0 6px 20px #243d3804}
body:is([data-theme="light"],[data-theme="day"]) .opc-ck-head{padding-block:20px;border-bottom:1px solid var(--sv-line)}
body:is([data-theme="light"],[data-theme="day"]) .opc-ck-name{font-size:25px!important;font-weight:650;letter-spacing:-.5px}
body:is([data-theme="light"],[data-theme="day"]) .opc-ck-card{background:var(--sv-surface)!important;border-color:var(--sv-line)!important;border-radius:var(--sv-radius)!important;box-shadow:0 3px 14px #243d3803!important}
body:is([data-theme="light"],[data-theme="day"]) .opc-ck-card-title{font-weight:650;font-size:14px;letter-spacing:.02em}
body:is([data-theme="light"],[data-theme="day"]) #ckAI{border-color:#bfcfc0!important;box-shadow:0 6px 26px #243d3806!important}
body:is([data-theme="light"],[data-theme="day"]) .opc-ck-ai-bar :is(input,textarea){background:#fafbf7!important;border-color:#d0dbcd!important;color:var(--sv-ink)!important;border-radius:12px!important}
/* Studio: one compositional axis, typography before decoration. */
body:is([data-theme="light"],[data-theme="day"]) #page-home{background:radial-gradient(ellipse at 50% 36%,#eaf0e480,transparent 62%),var(--sv-paper)!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .stage{background:transparent!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .stage h1{font-size:clamp(30px,3.6vw,50px)!important;line-height:1.22!important;letter-spacing:-1.5px!important;font-weight:650!important;color:var(--sv-ink)!important;text-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .stage h1 em{color:var(--sv-green)!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-style:normal}
body:is([data-theme="light"],[data-theme="day"]) #page-home .stage>p{color:var(--sv-muted)!important;font-size:15px;line-height:1.8;max-width:560px}
body:is([data-theme="light"],[data-theme="day"]) #page-home .caster{background:var(--sv-surface)!important;border:1px solid #becdbb!important;border-radius:20px!important;box-shadow:0 12px 36px #243d380a,0 2px 5px #243d3804!important;overflow:hidden}
body:is([data-theme="light"],[data-theme="day"]) #page-home .caster:focus-within{border-color:#72967a!important;box-shadow:0 12px 36px #243d380b,0 0 0 3px #e1eadd!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .caster textarea{background:transparent!important;color:var(--sv-ink)!important;font-size:16px!important;line-height:1.7}
body:is([data-theme="light"],[data-theme="day"]) #page-home .caster textarea::placeholder{color:#657266!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .chip{background:transparent!important;border:1px solid #d8e0d2!important;color:#53644f!important;border-radius:24px!important;padding:8px 14px!important;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .chip:hover{background:#e9eee3!important;border-color:#a9bca3!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .live{color:#677263!important}

/* Discover: editorial promise above a generous work gallery. */
body:is([data-theme="light"],[data-theme="day"]) :is(#discoveryPage,.dp-dialog){--dp-ink:var(--sv-ink);--dp-muted:var(--sv-muted);--dp-line:var(--sv-line);--dp-accent:var(--sv-green);--dp-paper:var(--sv-surface);--dp-bg:var(--sv-paper);background:var(--sv-paper)!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-wrap{max-width:1240px;padding:28px 32px 48px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-intro{gap:36px;align-items:center;margin-bottom:24px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-manifesto h1{font-size:clamp(27px,2.65vw,38px)!important;line-height:1.4;letter-spacing:-1px;font-weight:550;color:var(--sv-ink)!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-manifesto h1 strong{font-weight:700;color:var(--sv-green)!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-manifesto p{font-size:13px;color:var(--sv-muted);line-height:1.8;margin-top:16px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore{padding:22px 24px;background:linear-gradient(125deg,#eef2e8,#f7f7ef)!important;border:1px solid #d6dfce!important;border-radius:18px!important;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore h2{font-size:23px!important;line-height:1.45;letter-spacing:-.5px;margin-block:8px 14px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-eyebrow{color:#526848;font-size:11px;letter-spacing:.08em;font-weight:650}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore .dp-ask-line{background:#fffefa;border-color:#bdcdb4;border-radius:12px;padding:6px 6px 6px 12px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-path{background:transparent!important;border-color:var(--sv-line)!important;border-radius:0!important;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-card{border-color:#dce2d6!important;border-radius:16px!important;background:var(--sv-surface)!important;box-shadow:0 3px 10px #243d3803!important;transition:transform .18s,box-shadow .18s,border-color .18s}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-card:hover{border-color:#b0c3a5!important;box-shadow:0 10px 24px #243d380b!important;transform:translateY(-3px)}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage #discoverGrid{gap:20px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage #discoverGrid #dpCarousel{border-color:#c6d2ba!important;border-radius:16px!important;background:#eef2e5!important;box-shadow:none!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage #discoverGrid .dp-pick{background:linear-gradient(140deg,#eaf0df,#f6f5e9)!important}
body:is([data-theme="light"],[data-theme="day"]) :is(#discoveryPage,.dp-dialog) .dp-primary{background:var(--sv-green)!important;border-color:var(--sv-green)!important;color:#fff!important;border-radius:10px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-switch{box-shadow:none!important}
@media(max-width:700px){body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-wrap{padding:20px 20px 36px}body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-intro{gap:20px}body:is([data-theme="light"],[data-theme="day"]) #discoveryPage #discoverGrid{gap:16px}body:is([data-theme="light"],[data-theme="day"]) #page-home .stage h1{letter-spacing:-.7px!important}}
@media(prefers-reduced-motion:reduce){body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-card,body:is([data-theme="light"],[data-theme="day"]) #topbarNav .nav-btn{transition:none!important}}

/* Resolve legacy accent and low-contrast text families. */
body:is([data-theme="light"],[data-theme="day"]) #page-home :is(.world,.stars,.hz,.grain){display:none!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home #liveCount{color:#426344!important}
body:is([data-theme="light"],[data-theme="day"]) #page-company :is(.opc-ck-stat-dot,.ck-os-feed-k,.sbx-cnt){color:#5c6c60!important}
body:is([data-theme="light"],[data-theme="day"]) #page-company :is(:is(#ckPosterBtn,#ckEditProfileBtn),.opc-ck-poster-ic,.opc-ck-ai-chips button){color:#365d46!important}
body:is([data-theme="light"],[data-theme="day"]) #page-company .opc-ck-ai-chips button{background:#eef2e8!important;border-color:#d8e1d0!important}
body:is([data-theme="light"],[data-theme="day"]) #page-home .go{background:#275d4b!important;color:white!important;border-radius:12px!important;box-shadow:none!important}

/* A complete first work row matters more than oversized introductory chrome. */
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-intro{padding-bottom:16px;margin-bottom:16px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore{min-height:0;padding:16px 20px;gap:8px;background:#f0f3e9!important}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore h2{font-size:21px!important;margin-block:2px 6px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore h2 br{display:none}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-intro-links{margin-bottom:8px}
body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-manifesto p{margin-top:12px}
@media(min-width:901px) and (max-height:800px){body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-wrap{padding-top:18px}body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-explore{padding-block:12px}body:is([data-theme="light"],[data-theme="day"]) #discoveryPage .dp-intro{padding-bottom:10px;margin-bottom:10px}}

body:is([data-theme="light"],[data-theme="day"]) #page-company .ck-guide-chips button{color:#365d46!important;background:#eef2e8!important;border-color:#d8e1d0!important}

/* Matched geometry and a quiet charcoal / sage night palette. */
body:is([data-theme="midnight"],[data-theme="dark"]){--sv-paper:#171c1b;--sv-surface:#202725;--sv-ink:#e4eae5;--sv-muted:#a6b5ad;--sv-line:#39453f;--sv-green:#96c6ac;--sv-copper:#c5ad90;color-scheme:dark}
body:is([data-theme="midnight"],[data-theme="dark"]){--bg:var(--sv-paper);--bg2:#27312c;--bg3:#27312c;--surface:var(--sv-surface);--surface2:#202725;--fg:var(--sv-ink);--text:var(--sv-ink);--fg2:#b4cec0;--fg3:var(--sv-muted);--accent:var(--sv-green);--border:var(--sv-line);--bd:var(--sv-line);background:var(--sv-paper);color:var(--sv-ink)}
body:is([data-theme="midnight"],[data-theme="dark"]) header.topbar{background:rgba(250,249,246,.98)!important;border-bottom:1px solid var(--sv-line)!important;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-brand-mark{color:var(--sv-ink)!important;letter-spacing:-.65px;font-weight:750}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-brand-studio{color:var(--sv-copper)!important;letter-spacing:.1em}
body:is([data-theme="midnight"],[data-theme="dark"]) #topbarNav{background:transparent!important;border:1px solid transparent!important;border-radius:12px;padding:4px;gap:3px;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #topbarNav .nav-btn{border:1px solid transparent!important;border-radius:8px;color:#b4cec0!important;font-weight:550;transition:background .16s,color .16s}
body:is([data-theme="midnight"],[data-theme="dark"]) #topbarNav .nav-btn.active{background:transparent!important;color:#b4cec0!important;border-color:transparent!important;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #topbarNav .nav-btn.active:after{display:none}
body:is([data-theme="midnight"],[data-theme="dark"]) :is(button,input,textarea,a):focus-visible{outline:2px solid #aabbb0!important;outline-offset:3px}
/* Company: a working desk, not a metrics dashboard. */
body:is([data-theme="midnight"],[data-theme="dark"]) #page-company{--ck-bg:var(--sv-paper);--ck-surface:var(--sv-surface);--ck-surface2:#27312c;--ck-border:var(--sv-line);--ck-text:var(--sv-ink);--ck-text2:#b4cec0;--ck-text3:#aabbb0;--ck-accent:var(--sv-green);--ck-accent2:#aabbb0;--ck-accent-dim:#27312c;background:var(--sv-paper)!important}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-ck-brief-in{background:var(--sv-surface)!important;border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:0 6px 20px #e4eae5}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-ck-head{padding-block:20px;border-bottom:1px solid var(--sv-line)}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-ck-name{font-size:25px!important;font-weight:650;letter-spacing:-.5px}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-ck-card{background:var(--sv-surface)!important;border-color:var(--sv-line)!important;border-radius:var(--sv-radius)!important;box-shadow:0 3px 14px #e4eae5!important}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-ck-card-title{font-weight:650;font-size:14px;letter-spacing:.02em}
body:is([data-theme="midnight"],[data-theme="dark"]) #ckAI{border-color:#3b4c42!important;box-shadow:0 6px 26px #e4eae5!important}
body:is([data-theme="midnight"],[data-theme="dark"]) .opc-ck-ai-bar :is(input,textarea){background:#202725!important;border-color:#3b4c42!important;color:var(--sv-ink)!important;border-radius:12px!important}
/* Studio: one compositional axis, typography before decoration. */
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home{background:radial-gradient(ellipse at 50% 36%,#27312c,transparent 62%),var(--sv-paper)!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .stage{background:transparent!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .stage h1{font-size:clamp(30px,3.6vw,50px)!important;line-height:1.22!important;letter-spacing:-1.5px!important;font-weight:650!important;color:var(--sv-ink)!important;text-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .stage h1 em{color:var(--sv-green)!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-style:normal}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .stage>p{color:var(--sv-muted)!important;font-size:15px;line-height:1.8;max-width:560px}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .caster{background:var(--sv-surface)!important;border:1px solid #3b4c42!important;border-radius:20px!important;box-shadow:0 12px 36px #e4eae5,0 2px 5px #e4eae5!important;overflow:hidden}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .caster:focus-within{border-color:#aabbb0!important;box-shadow:0 12px 36px #e4eae5,0 0 0 3px #27312c!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .caster textarea{background:transparent!important;color:var(--sv-ink)!important;font-size:16px!important;line-height:1.7}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .caster textarea::placeholder{color:#aabbb0!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .chip{background:transparent!important;border:1px solid #3b4c42!important;color:#b4cec0!important;border-radius:24px!important;padding:8px 14px!important;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .chip:hover{background:#27312c!important;border-color:#3b4c42!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .live{color:#aabbb0!important}

/* Discover: editorial promise above a generous work gallery. */
body:is([data-theme="midnight"],[data-theme="dark"]) :is(#discoveryPage,.dp-dialog){--dp-ink:var(--sv-ink);--dp-muted:var(--sv-muted);--dp-line:var(--sv-line);--dp-accent:var(--sv-green);--dp-paper:var(--sv-surface);--dp-bg:var(--sv-paper);background:var(--sv-paper)!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-wrap{max-width:1240px;padding:28px 32px 48px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-intro{gap:36px;align-items:center;margin-bottom:24px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-manifesto h1{font-size:clamp(27px,2.65vw,38px)!important;line-height:1.4;letter-spacing:-1px;font-weight:550;color:var(--sv-ink)!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-manifesto h1 strong{font-weight:700;color:var(--sv-green)!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-manifesto p{font-size:13px;color:var(--sv-muted);line-height:1.8;margin-top:16px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore{padding:22px 24px;background:linear-gradient(125deg,#27312c,#202725)!important;border:1px solid #3b4c42!important;border-radius:18px!important;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore h2{font-size:23px!important;line-height:1.45;letter-spacing:-.5px;margin-block:8px 14px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-eyebrow{color:#b4cec0;font-size:11px;letter-spacing:.08em;font-weight:650}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore .dp-ask-line{background:#202725;border-color:#3b4c42;border-radius:12px;padding:6px 6px 6px 12px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-path{background:transparent!important;border-color:var(--sv-line)!important;border-radius:0!important;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-card{border-color:#3b4c42!important;border-radius:16px!important;background:var(--sv-surface)!important;box-shadow:0 3px 10px #e4eae5!important;transition:transform .18s,box-shadow .18s,border-color .18s}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-card:hover{border-color:#3b4c42!important;box-shadow:0 10px 24px #e4eae5!important;transform:translateY(-3px)}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage #discoverGrid{gap:20px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage #discoverGrid #dpCarousel{border-color:#3b4c42!important;border-radius:16px!important;background:#27312c!important;box-shadow:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage #discoverGrid .dp-pick{background:linear-gradient(140deg,#27312c,#27312c)!important}
body:is([data-theme="midnight"],[data-theme="dark"]) :is(#discoveryPage,.dp-dialog) .dp-primary{background:var(--sv-green)!important;border-color:var(--sv-green)!important;color:#fff!important;border-radius:10px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-switch{box-shadow:none!important}
@media(max-width:700px){body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-wrap{padding:20px 20px 36px}body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-intro{gap:20px}body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage #discoverGrid{gap:16px}body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .stage h1{letter-spacing:-.7px!important}}
@media(prefers-reduced-motion:reduce){body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-card,body:is([data-theme="midnight"],[data-theme="dark"]) #topbarNav .nav-btn{transition:none!important}}

/* Resolve legacy accent and low-contrast text families. */
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home :is(.world,.stars,.hz,.grain){display:none!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home #liveCount{color:#b4cec0!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-company :is(.opc-ck-stat-dot,.ck-os-feed-k,.sbx-cnt){color:#aabbb0!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-company :is(:is(#ckPosterBtn,#ckEditProfileBtn),.opc-ck-poster-ic,.opc-ck-ai-chips button){color:#b4cec0!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-company .opc-ck-ai-chips button{background:#27312c!important;border-color:#3b4c42!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #page-home .go{background:#96c6ac!important;color:white!important;border-radius:12px!important;box-shadow:none!important}

/* A complete first work row matters more than oversized introductory chrome. */
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-intro{padding-bottom:16px;margin-bottom:16px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore{min-height:0;padding:16px 20px;gap:8px;background:#27312c!important}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore h2{font-size:21px!important;margin-block:2px 6px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore h2 br{display:none}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-intro-links{margin-bottom:8px}
body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-manifesto p{margin-top:12px}
@media(min-width:901px) and (max-height:800px){body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-wrap{padding-top:18px}body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-explore{padding-block:12px}body:is([data-theme="midnight"],[data-theme="dark"]) #discoveryPage .dp-intro{padding-bottom:10px;margin-bottom:10px}}

body:is([data-theme="midnight"],[data-theme="dark"]) #page-company .ck-guide-chips button{color:#b4cec0!important;background:#27312c!important;border-color:#3b4c42!important}

/* Minimal navigation; no container or selected-tab color blocks in either mode. */
body #topbarNav,body #topbarNav .nav-btn,body #topbarNav .nav-btn:is(.active,:hover){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
body #topbarNav .nav-btn.active{font-weight:700!important;text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:2px}
body #page-home .chips{margin-top:10px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;gap:6px!important}
body #page-home .chips::before,body #page-home .chips::after{display:none!important}
body #page-home .chips .chip{background:transparent!important;border-color:transparent!important;border-radius:6px!important;padding:4px 9px!important;font-size:12px!important;box-shadow:none!important}
body #page-home .chips .chip:hover{text-decoration:underline;text-underline-offset:4px;background:transparent!important}
body #discoveryPage .dp-explore{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:10px 0 10px 24px!important;gap:12px!important}
body #discoveryPage .dp-explore .dp-ask-line{min-height:64px;padding:10px 10px 10px 16px;border-radius:16px;background:var(--sv-surface)!important;border:1px solid var(--sv-line)!important}
body #discoveryPage .dp-explore h2{font-size:24px!important;margin:4px 0 10px!important}
body{background-image:none!important}
body #page-home :is(.world,.stars,.hz,.grain){display:none!important}
@media(max-width:700px){body #discoveryPage .dp-explore{padding:10px 0!important}}

/* The bridge writes data-theme to both html and body. Keep the root surface
   explicit so broad light-mode body rules cannot win through !important. */
html[data-theme="midnight"], body[data-theme="midnight"]{--bg:#171c1b;--surface:#202725;--surface2:#29332e;--text:#e4eae5;--text-dim:#a6b5ad;--text-primary:#e4eae5;--text-secondary:#b2c0b7;--text-tertiary:#a6b5ad;--accent:#96c6ac;--accent-rgb:150,198,172;--accent-hover:#afd6bd;--border-color:#39453f;--ng-bg:#171c1b;--ng-surface-1:#202725;--ng-surface-2:#29332e;--ng-text-1:#e4eae5;--ng-text-2:#b2c0b7;--ng-text-3:#a6b5ad;--ng-primary:#96c6ac;--ng-primary-hover:#afd6bd;--ng-border:#39453f;--ng-border-strong:#627a6a;--toolbar-bg:#202725;color-scheme:dark}
html[data-theme="midnight"], html[data-theme="midnight"] body{background:#171c1b!important;color:#e4eae5!important}
html[data-theme="midnight"] body{background-image:none!important}
html[data-theme="midnight"] :is(.app-container,.main-area,.chat-stage,.chat-scroll){background-color:transparent;color:inherit}
html[data-theme="midnight"] header.topbar{background:transparent!important}
html[data-theme="midnight"] #discoveryPage{color-scheme:dark}
html[data-theme="midnight"] #page-home .go{background:#96c6ac!important;color:#17271e!important}

/* Featured discovery cards must shrink with their track, including long CJK copy. */
#discoveryPage #discoverGrid .dp-pick{min-width:0;max-width:100%;box-sizing:border-box}
#discoveryPage #discoverGrid .dp-pick-copy{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
#discoveryPage #discoverGrid .dp-pick-copy > *{min-width:0;max-width:100%;overflow-wrap:anywhere}
#discoveryPage #discoverGrid .dp-pick::before{right:0;width:150px;height:150px}
#discoveryPage #discoverGrid .dp-pick > img{min-width:0;max-width:100%;width:100%;height:auto;object-fit:contain}
#discoveryPage #discoverGrid .dp-art{min-width:0;max-width:100%;box-sizing:border-box}
#discoveryPage #discoverGrid .dp-art > *{max-width:100%;box-sizing:border-box}

/* Keep exploration visually attached to the catalogue without moving columns. */
body #discoveryPage .dp-intro{padding-bottom:0!important;margin-bottom:10px!important}
body #discoveryPage .dp-explore{align-self:end;margin-top:12px;padding-bottom:0!important}
@media(max-width:700px){body #discoveryPage .dp-intro{gap:16px!important}body #discoveryPage .dp-explore{margin-top:0}}

/* Discovery covers: artwork is the click target, so let it own the full frame. */
body #discoveryPage #discoverGrid .dp-art{position:relative;display:block;width:100%;height:clamp(168px,18vw,238px);overflow:hidden;background:var(--art-bg,#e9ede5);border-radius:14px 14px 0 0}
body #discoveryPage #discoverGrid .dp-art img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
body #discoveryPage #discoverGrid .dp-art span{position:absolute;left:12px;bottom:12px}
/* Each discovery cover owns its frame: no inset/padding or contain shrinkage. */
body #discoveryPage #discoverGrid .dp-art{padding:0!important}
body #discoveryPage #discoverGrid .dp-pick img{display:block!important;width:68px!important;height:140px!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
body #discoveryPage #discoverGrid .dp-art img{padding:0!important}

/* Discovery feature: image is a compact visual, never a tall white strip. */
body #discoveryPage #discoverGrid .dp-pick{grid-template-columns:minmax(0,1fr) 180px!important;min-height:250px!important}
body #discoveryPage #discoverGrid .dp-pick img{width:180px!important;height:250px!important;object-fit:cover!important;border-radius:12px!important}
body #discoveryPage #discoverGrid .dp-pick-copy{max-width:100%!important}
/* The racing poster already contains its own artwork and copy; do not paint a separate label panel. */
body #discoveryPage #discoverGrid .dp-art[style*="--art-bg"]{background:transparent!important}
body :is(#discoveryPage,.dp-dialog) .dp-work-poster{background:#102520!important}