:root{--night:#061522;--navy:#0b2539;--navy-soft:#11374c;--sky:#8fd5ed;--ice:#e9f8fc;--field:#76a96c;--wheat:#e6c274;--paper:#f8fcfd;--ink:#102a3b;--line:#bddee838;--accent:#b9e667;--danger:#ffcc78;--radius:1.25rem;--background:var(--night);--foreground:var(--paper);--card:var(--navy);--card-foreground:var(--paper);--popover:var(--navy);--popover-foreground:var(--paper);--primary:var(--accent);--primary-foreground:#15280c;--secondary:var(--navy-soft);--secondary-foreground:var(--paper);--muted:#17364a;--muted-foreground:#a9c3ce;--accent-foreground:#15280c;--destructive:#ef6b65;--border:#bddee838;--input:#bddee847;--ring:var(--sky)}*{box-sizing:border-box}html{background:var(--night);min-width:320px}body{min-height:100dvh;color:var(--paper);background:var(--night);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif}button{font:inherit}button:focus-visible,a:focus-visible,[data-slot=slider]:focus-within{outline-offset:3px;outline:3px solid #b9e667b8}.studio-shell{background:radial-gradient(circle at 12% 8%,#57b4d538,#0000 26rem),radial-gradient(circle at 92% 94%,#76a96c26,#0000 32rem),linear-gradient(145deg,#061522 0%,#091f30 54%,#071923 100%);min-height:100dvh;padding:clamp(14px,2vw,28px);overflow:hidden}.ambient-grid{pointer-events:none;opacity:.14;background-image:linear-gradient(#8fd5ed1f 1px,#0000 1px),linear-gradient(90deg,#8fd5ed1f 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.studio{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071b2be0;border:1px solid #a6d6e53d;border-radius:28px;grid-template-rows:auto 1fr auto auto;width:min(1480px,100%);min-height:calc(100dvh - clamp(28px,4vw,56px));margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #00070d75}.studio:after{content:"";pointer-events:none;background:linear-gradient(172deg,#6397552b,#dab9671a);border-radius:60% 0 0;width:68%;height:42%;position:absolute;bottom:-20%;right:-12%}.studio-header{z-index:2;border-bottom:1px solid var(--line);background:#05152299;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:20px clamp(20px,3vw,42px);display:flex;position:relative}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{width:46px;height:46px;color:var(--accent);letter-spacing:-.08em;background:linear-gradient(145deg,#b9e66724,#8fd5ed14);border:1px solid #b9e66780;border-radius:13px;place-items:center;font-weight:900;display:grid}.brand-lockup p,.program-meta span{color:var(--sky);letter-spacing:.22em;margin:0;font-size:10px;font-weight:800}.brand-lockup h1{letter-spacing:.08em;margin:2px 0 0;font-size:clamp(20px,2vw,28px)}.program-meta{align-items:center;gap:18px;display:flex}.program-meta span{color:var(--danger)}.program-meta time{color:#b7cbd4;font-size:11px}.stage{z-index:1;isolation:isolate;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.65fr);align-items:stretch;gap:clamp(22px,3vw,46px);min-height:0;padding:clamp(22px,3vw,46px);display:grid;position:relative}.anchor-zone{isolation:isolate;flex-direction:column;justify-content:flex-end;align-items:center;min-height:520px;display:flex;position:relative}.anchor-halo{z-index:-1;background:radial-gradient(circle,#8fd5ed2e,#0000 68%);border-radius:50%;position:absolute;inset:6% 4% 12%}.avatar-card{background:linear-gradient(#8fd5ed1f,#76a96c14),#0b2539c7;border:1px solid #8fd5ed38;border-radius:46% 46% 30px 30px;flex:1;align-items:flex-end;width:min(100%,340px);min-height:380px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 24px 55px #0003}.avatar-image{object-fit:contain;object-position:center bottom;opacity:0;width:100%;height:100%;position:absolute;inset:0}.avatar-image--ready{opacity:1}.avatar-placeholder{color:#e9f8fcc2;background:repeating-linear-gradient(135deg,#0000 0 16px,#8fd5ed09 16px 17px);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:380px;display:flex}.avatar-placeholder span{letter-spacing:.14em;font-size:clamp(38px,5vw,62px);font-weight:300}.avatar-placeholder small{color:#7593a0;letter-spacing:.2em;font-size:9px}.anchor-nameplate{background:#051724eb;border:1px solid #b9e66747;border-radius:18px;align-items:center;gap:14px;width:min(92%,320px);margin-top:-28px;padding:16px 22px;display:flex;box-shadow:0 16px 30px #0000003d}.status-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #b9e6671a}.anchor-nameplate p{color:#9ab3be;letter-spacing:.06em;margin:0 0 2px;font-size:10px}.anchor-nameplate h2{letter-spacing:.12em;margin:0;font-size:25px}.on-air-label{color:#72909d;letter-spacing:.12em;margin-left:auto;font:800 8px/1 ui-monospace,monospace}.anchor-zone[data-character-state=idle] .avatar-card{animation:5.8s ease-in-out infinite avatarIdle}.anchor-zone[data-character-state=speaking] .avatar-card{animation:.62s ease-in-out infinite avatarSpeaking}.anchor-zone[data-character-state=thinking] .avatar-card{animation:1.7s ease-in-out infinite avatarThinking}.anchor-zone[data-character-state=thinking] .anchor-halo{animation:1.7s ease-in-out infinite thinkingHalo}.anchor-zone[data-character-state=transition] .avatar-card{animation:.28s ease-out both avatarTransition}.anchor-zone[data-character-state=speaking] .status-dot{background:var(--sky);animation:1s ease-in-out infinite statusPulse}.anchor-zone[data-character-state=thinking] .status-dot{background:var(--danger);animation:1.6s ease-in-out infinite statusPulse}.anchor-zone[data-character-state=transition] .status-dot{background:#b7cbd4}.news-board{min-width:0;min-height:520px;color:var(--ink);background:linear-gradient(90deg, #8fd5ed14 1px, transparent 1px), linear-gradient(#8fd5ed14 1px, transparent 1px), var(--paper);background-size:34px 34px;border:1px solid #b9dee94d;border-radius:24px;flex-direction:column;padding:clamp(24px,3.2vw,48px);animation:.36s ease-out boardIn;display:flex;box-shadow:0 28px 60px #0000003d,inset 0 0 0 8px #0927390a}.stage--transition .news-board{animation:.26s ease-in both boardOut}.program-board{background:radial-gradient(circle at 82% 18%,#8fd5ed33,#0000 16rem),linear-gradient(135deg,#f8fcfd 0%,#e7f4f6 100%);position:relative;overflow:hidden}.program-board:after{content:"";pointer-events:none;background:#76a96c21;border-radius:50%;width:58%;height:54%;position:absolute;bottom:-28%;right:-12%}.program-board--closing{background:radial-gradient(circle at 78% 18%,#e6c27433,#0000 16rem),linear-gradient(135deg,#f8fcfd 0%,#eef3eb 100%)}.program-board-heading{z-index:1;margin:auto 0;position:relative}.program-board-heading>p{color:#4f8e6a;letter-spacing:.1em;margin:0 0 16px;font-size:12px;font-weight:800}.program-board-heading h2{white-space:pre-line;letter-spacing:.03em;max-width:15ch;margin:0 0 24px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(36px,5vw,68px);line-height:1.28}.program-board-heading>span{color:#49636f;max-width:42rem;font-size:clamp(12px,1.2vw,16px);line-height:1.8;display:block}.program-board-signal{z-index:1;align-items:flex-end;gap:7px;height:34px;margin:18px 0;display:flex;position:relative}.program-board-signal i{background:#5a9870;border-radius:999px;width:5px;height:45%;animation:1.2s ease-in-out infinite alternate programSignal}.program-board-signal i:nth-child(2){height:100%;animation-delay:-.4s}.program-board-signal i:nth-child(3){height:70%;animation-delay:-.8s}.replay-button{z-index:2;color:#173a2f;position:relative}.board-topline,.board-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.category-chip{color:#173a2f;background:#dff2b9;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:800}.story-count{color:#66808b;letter-spacing:.12em;font:700 11px/1 ui-monospace,monospace}.board-heading{margin:clamp(26px,4vh,44px) 0 26px}.location-line,.date-line{color:#56717d;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:700;display:flex}.location-line svg,.date-line svg{color:#4f8e6a;width:14px;height:14px}.board-heading h2{white-space:pre-line;letter-spacing:.02em;max-width:16ch;margin:13px 0 16px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(30px,4.1vw,58px);line-height:1.28}.story-points{border-top:1px solid #dbe8eb;margin:0;padding:0;list-style:none}.story-points li{border-bottom:1px solid #dbe8eb;align-items:center;gap:15px;padding:14px 4px;display:flex}.story-points li>span{color:#5b8b70;font:800 11px/1 ui-monospace,monospace}.story-points p{color:#2d4857;margin:0;font-size:clamp(12px,1.15vw,15px);line-height:1.6}.board-footer{margin-top:auto;padding-top:22px}.board-footer p{color:#c07825;letter-spacing:.18em;margin:0;font-size:9px;font-weight:900}.detail-button{color:#607984;background:#fff;border:1px solid #c7d9df;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.detail-button:disabled{cursor:not-allowed;opacity:.7}.detail-button svg,.start-button svg{width:15px;height:15px}.start-overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#051623db;border:1px solid #8fd5ed33;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:clamp(22px,3vw,46px);box-shadow:0 24px 80px #00080e6b}.start-overlay>p{color:var(--sky);letter-spacing:.12em;margin:0 0 14px;font-size:11px;font-weight:800}.start-overlay h2{letter-spacing:.04em;margin:0 0 28px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(34px,5vw,66px);line-height:1.25}.start-overlay small{color:#79939f;letter-spacing:.05em;margin-top:14px;font-size:9px}.caption-bar{z-index:3;background:#04131fe0;border:1px solid #8fd5ed3d;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:86px;margin:0 clamp(22px,3vw,46px);padding:14px 16px 14px 20px;display:grid;position:relative}.caption-content{align-items:center;gap:18px;min-width:0;display:flex}.caption-label{border-right:1px solid var(--line);color:var(--sky);letter-spacing:.12em;flex:none;padding-right:18px;font-size:10px;font-weight:900}.caption-content p{color:#e7f2f6;margin:0;font-size:clamp(12px,1.1vw,15px);line-height:1.7}.start-button{color:#15280c;background:var(--accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 25px #b9e66733}.start-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.start-button--hero{min-height:58px;padding:0 26px}.story-controls{gap:8px;display:flex}.player-panel{align-items:center;gap:16px;display:flex}.control-button{width:44px;height:44px;color:var(--paper);cursor:pointer;background:#123448b8;border:1px solid #8fd5ed47;border-radius:50%;place-items:center;display:inline-grid}.control-button:hover{color:var(--accent);border-color:#b9e66775}.control-button:disabled{cursor:not-allowed;opacity:.38}.control-button--primary{color:#15280c;border-color:var(--accent);background:var(--accent)}.control-button--primary:hover:not(:disabled){color:#15280c;background:#c9f27f}.control-button svg{width:17px;height:17px}.loading-icon{animation:.8s linear infinite loadingSpin}.audio-meta{flex-direction:column;gap:8px;min-width:150px;display:flex}.audio-status{color:#a8c1cc;white-space:nowrap;font-size:9px}.volume-control{align-items:center;gap:8px;display:flex}.volume-control>svg{width:14px;height:14px;color:var(--sky);flex:none}.volume-control output{color:#a8c1cc;text-align:right;min-width:30px;font:700 8px/1 ui-monospace,monospace}.volume-slider{touch-action:none;width:96px}.volume-slider>div{touch-action:none;align-items:center;width:100%;height:24px;display:flex;position:relative}.volume-slider [data-slot=slider-track]{background:#294a5d;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.volume-slider [data-slot=slider-range]{background:var(--sky);height:100%}.volume-slider [data-slot=slider-thumb]{border:2px solid var(--sky);background:var(--paper);border-radius:50%;flex:none;width:14px;height:14px;display:block;position:relative;box-shadow:0 2px 8px #00000047}.volume-slider[data-disabled]{opacity:.4}.audio-error{color:#ffd0bc;grid-column:1/-1;margin:0;font-size:10px}.caption-bar>audio{display:none}.studio-footnote{z-index:2;color:#829ca8;justify-content:space-between;gap:20px;margin:10px clamp(22px,3vw,46px) 14px;font-size:9px;display:flex;position:relative}.studio-footnote p{margin:0}.demo-note{align-items:center;gap:6px;display:flex}.demo-note svg{width:12px;height:12px}@keyframes boardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes boardOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(7px)}}@keyframes avatarIdle{0%,to{transform:translate(0,0)rotate(0)}42%{transform:translate(2px,-3px)rotate(.2deg)}72%{transform:translate(-1px,-1px)rotate(-.15deg)}}@keyframes avatarSpeaking{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(1px,-3px)scale(1.008)}}@keyframes avatarThinking{0%,to{transform:translate(0,0)rotate(-.2deg)}50%{transform:translate(2px,-2px)rotate(.35deg)}}@keyframes thinkingHalo{0%,to{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes avatarTransition{0%{opacity:1;transform:translate(0)}50%{opacity:.72;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes statusPulse{50%{opacity:.55;box-shadow:0 0 0 9px #b9e6670a}}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes programSignal{to{opacity:.58;transform:scaleY(.45)}}@media (max-width:860px){.studio-shell{padding:0;overflow:visible}.studio{border:0;border-radius:0;min-height:100dvh}.studio-header{min-height:68px;padding:13px 16px}.brand-mark{width:38px;height:38px}.brand-lockup p{font-size:8px}.brand-lockup h1{font-size:18px}.program-meta{text-align:right;display:block}.program-meta span{display:none}.program-meta time{font-size:9px}.stage{grid-template-columns:1fr;gap:14px;padding:14px}.start-overlay{min-height:640px;inset:14px}.anchor-zone{grid-template-columns:150px 1fr;place-items:center stretch;gap:14px;min-height:210px;display:grid}.anchor-halo{inset:0 48% 0 0}.avatar-card{border-radius:46% 46% 18px 18px;width:150px;height:190px;min-height:190px}.avatar-placeholder{min-height:190px}.avatar-placeholder span{font-size:25px}.avatar-placeholder small{font-size:6px}.anchor-nameplate{width:100%;margin:0;padding:14px 15px}.anchor-nameplate h2{font-size:23px}.news-board{min-height:430px;padding:22px 19px}.program-board-heading h2{font-size:clamp(32px,9vw,46px)}.board-heading{margin:22px 0 18px}.board-heading h2{max-width:18ch;font-size:clamp(28px,9vw,40px)}.caption-bar{border-left:0;border-right:0;border-radius:0;grid-template-columns:1fr;margin:0;padding:12px 14px;position:sticky;bottom:0}.caption-content{align-items:flex-start;gap:12px}.caption-label{padding-right:12px}.caption-content p{font-size:11px}.player-panel{justify-content:space-between}.control-button{width:40px;height:40px}.studio-footnote{margin:9px 12px 12px}.demo-note{display:none}}@media (max-width:390px){.stage{padding:12px}.anchor-zone{grid-template-columns:126px 1fr;gap:10px;min-height:178px}.avatar-card{width:126px;height:170px;min-height:170px}.avatar-placeholder{min-height:170px}.anchor-nameplate{padding:12px}.anchor-nameplate p{font-size:8px}.anchor-nameplate h2{font-size:20px}.news-board{min-height:420px}.program-board-heading h2{font-size:30px}.board-heading h2{font-size:28px}.story-points li{gap:10px}.player-panel{grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.story-controls{justify-content:flex-start}.audio-meta{align-items:flex-end;min-width:0}.audio-status{text-overflow:ellipsis;max-width:160px;overflow:hidden}.volume-slider{width:80px}.start-overlay{min-height:612px;inset:12px}.start-overlay h2{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}