:root,body.dark{--paper:#0d1031;--surface:#1c2042;--ink:#ede8ff;--muted:#aaa6c4;--line:#343658;--sage:#393457;--sage-dark:#c2b0ff;--accent:#bca8ff}body{background:radial-gradient(ellipse at 80% 0,#242042 0,transparent 60%),var(--paper);color:var(--ink)}.sidebar{background:#10132f}.brand>span{font-family:Georgia,serif;font-weight:400;letter-spacing:3px}.brand-dot{display:none}.primary,.play-circle{background:linear-gradient(110deg,#ddd0ff,#b6a3ff);color:#211d40;border:0}.secondary{background:#171a3b;border:1px solid #454369;color:#e3dafa}.nav-item.active{background:#292345;color:#d6c4ff}.hero,.room-art{display:none}.greeting h1{font-size:38px}.character-hero{display:grid;grid-template-columns:1fr 1fr;min-height:380px;background:linear-gradient(125deg,#383451,#1d2544);border:1px solid #454365;border-radius:26px;overflow:hidden}.night-copy{padding:38px}.night-copy h2{font-size:38px;line-height:1.3;margin:16px 0}.night-copy h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.night-copy>p{color:#c4bed9;line-height:1.8}.portrait{background-image:url('/characters-reference.png');background-repeat:no-repeat;background-size:4096px 2255px;background-color:#282344}.portrait-luna{background-position:-460px -935px}.portrait-yuki{background-position:-1119px -935px}.portrait-nina{background-position:-1774px -935px}.portrait-kairo{background-position:-2430px -935px}.character-hero>.portrait{width:176px;height:238px;border-radius:28px;align-self:center;justify-self:center;box-shadow:0 0 90px #bdb0ff38;transform:scale(1.35)}.night-controls{margin:22px 0}.night-actions{display:flex;gap:12px;margin:15px 0}.night-actions>*{flex:1}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.character-card{position:relative;text-align:left;padding:16px;border:1px solid #3a3c5d;border-radius:22px;color:var(--ink);background:#1b1d3e;overflow:hidden}.character-card.selected{border-color:#c9b6ff;box-shadow:0 0 0 1px #c9b6ff}.character-card .portrait{width:176px;height:238px;border-radius:14px;margin:0 auto;max-width:100%}.character-card h2{font-family:Georgia,serif;font-size:27px;margin:12px 0 6px}.character-card p{font-size:12px;color:var(--muted);line-height:1.8}.character-card>span:last-child{font-size:12px;color:#d9caff}.ai-label{font-size:10px;display:inline-block;margin-top:12px;border-radius:20px;background:#363052;padding:4px 9px}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.sound-tile{border:1px solid #404263;border-radius:18px;background:linear-gradient(135deg,#2b3c56,#25223d);color:var(--ink);padding:24px;text-align:left}.sound-tile>span{font-size:42px;color:#c6b6e7}.sound-tile small,.sound-tile p{color:var(--muted);font-size:12px}.mix-row{display:flex;align-items:center;gap:16px;margin:14px 0}.mix-row>span{min-width:100px}.mix-row input{min-width:0;flex:1}#sound-search{background:#131635;border:1px solid var(--line);color:var(--ink);border-radius:12px;width:100%;padding:14px;font-size:16px;margin-top:12px}.rest-row{background:#242747;border-radius:18px;padding:24px;margin:16px 0}.rest-row h2{font-size:32px}.rest-row small{color:var(--muted)}.player{background:#141633;border-color:#353655}.quote-card,.scene-picture{background:#292542}.bubble.assistant{background:#292c4e}.bubble.user{background:#b9a8ed;color:#211c3b}.surface{border:1px solid var(--line)}.empty-state{padding:40px 16px;line-height:2;color:var(--muted)}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #d9c5ff;outline-offset:3px}@media(max-width:1150px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));background:#10122d}.nav-item{font-size:11px}.greeting h1{font-size:28px}.greeting{margin-top:22px}.character-hero{min-height:288px;grid-template-columns:1fr 130px;border-radius:22px}.night-copy{padding:22px 18px}.night-copy h2{font-size:27px}.night-copy h3{font-size:20px}.night-copy .eyebrow{font-size:8px}.night-copy>p{font-size:12px}.character-hero>.portrait{transform:scale(.8);transform-origin:center;justify-self:center}.character-card{padding:10px}.character-card .portrait{height:220px}.sound-grid{grid-template-columns:1fr 1fr;gap:10px}.sound-tile{padding:16px}.sound-tile h3{font-size:15px}.mix-row{gap:8px}.mix-row>span{min-width:74px;font-size:12px}.night-actions{flex-wrap:wrap}.character-grid{gap:12px}.brand>span{font-size:22px}.player{background:#171936}main{overflow-x:clip}.topbar .breadcrumb{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root,body.dark{--bg:#0d1031;--green:#d0beff;--sidebar:#10132f;color-scheme:dark}.dark .nav-item.active,.dark .filter.active{background:#302849;color:#ddd0ff}.dark .companion-banner,.dark .album-mini{background:#2c2848}.dark .primary{background:linear-gradient(110deg,#ddd0ff,#b6a3ff);color:#211d40}.dark .bubble.user{background:#b9a8ed;color:#211c3b}.player:not(.has-source){display:none}.greeting>p:last-child{color:#b8b2d0}#page-discover>.greeting{display:none}#page-discover .character-hero{margin-top:26px}.night-controls{padding:20px}.night-controls small{color:var(--muted)}.night-controls>p:first-child{margin-top:0}.dark .primary.full{color:#211d40}.character-hero .night-copy .hero-badge{background:#292443;color:#e2d7ff}.brand img{border-radius:0}@media(max-width:650px){main{padding-bottom:calc(90px + env(safe-area-inset-bottom))}body:has(.player.has-source) main{padding-bottom:calc(226px + env(safe-area-inset-bottom))}.character-hero{min-height:250px}.night-copy{padding:18px 14px}.night-copy h2{font-size:25px;margin:12px 0}.night-copy h3{font-size:18px;margin:12px 0}.night-controls{margin:16px 0;padding:18px}.night-actions{margin:12px 0}.character-card .portrait{height:196px}.character-card h2{font-size:24px}.character-card p{font-size:10px}.greeting{margin-top:16px}}
.rest-dialog{background:#202342;color:var(--ink);border:1px solid #555177;border-radius:22px;padding:26px;max-width:min(92vw,480px)}.rest-dialog::backdrop{background:#070920ba}.rest-dialog label{display:block;margin:18px 0}.rest-dialog input{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #54506e;border-radius:10px;background:#141633;color:var(--ink)}.rest-dialog button{margin:6px}#edit-error{color:#ffb9ca;font-size:13px}
@media(min-width:651px){.brand{padding-left:8px}.brand>span{font-size:28px;letter-spacing:2px}.brand{gap:8px}.brand img{width:28px;height:28px}}.toast{background:#383050;color:#f3ecff}.avatar{background:#363050;color:#e1d3ff}.night-copy h3{margin-top:16px}