.tv{background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center}.tv{--dock-space: 88px;padding-bottom:var(--dock-space)}.tv-frame{position:relative;width:min(100vw,calc((100vh - var(--dock-space)) * 16 / 9));display:flex;flex-direction:column;margin-bottom:var(--dock-space)}.nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:4px;padding:6px;border-radius:22px;background:var(--glass-bg);border:1px solid var(--glass-line);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:var(--shadow);width:max-content;max-width:calc(100% - 24px)}.nav-menu{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.nav-menu::-webkit-scrollbar{display:none}.nav-cta{flex:none}@media(max-width:820px){.nav-cta .cta-long{display:none}.nav-cta{padding:0 .9rem}}@media(max-width:1600px){.nav-menu .mi{padding:0 .8rem}}@media(max-width:1600px){.nav-menu{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);padding-right:20px}}.nav-menu .mi{flex:none;scroll-snap-align:start}.nav-tools{display:flex;align-items:center;gap:4px;flex:none}.dock-tools.inline{flex-direction:row;gap:2px;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nav-tools .fab-ai{min-height:44px;padding:0 1rem 0 .85rem;box-shadow:none;font-size:.875rem}.mi{font:500 .875rem var(--font-body);color:var(--glass-text);background:transparent;border:1px solid transparent;border-radius:999px;min-height:44px;min-width:44px;padding:0 1rem;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.mi:hover{color:var(--glass-text);background:var(--glass-hover);border-color:var(--glass-hover-line);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px #ffffff40,0 8px 24px #00000040}.mi[aria-pressed=true]{background:var(--glass-on);border-color:var(--glass-hover-line);box-shadow:inset 0 1px #ffffff4d}.mi .ld{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}.mi.cta{background:var(--accent);color:var(--on-accent);font-weight:600}.mi.cta:hover{background:var(--accent-hover);color:var(--on-accent);border-color:transparent}.mi svg{width:18px;height:18px}.nav-sep{width:1px;height:24px;background:var(--glass-line);margin:0 2px}.stage{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--stage-bg);color:var(--stage-text);container-type:inline-size;font-family:var(--font-body)}.stage:focus-visible{outline-offset:-3px}.ad{position:absolute;inset:0;transition:filter .6s,opacity .6s,transform .6s}.ad.dim{filter:blur(14px) brightness(var(--stage-dim));transform:scale(1.04)}.ad video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--stage-bg)}.ad video::cue{font-family:var(--font-body);font-size:2.2cqw;color:#fff;background:#000000bf}.scene{position:absolute;inset:0;opacity:0;transition:opacity .9s;display:flex;flex-direction:column;justify-content:center;padding:0 9cqw}.scene.on{opacity:1}.scene.on .big{animation:rise 5s cubic-bezier(.2,.7,.2,1) both}.scene.on .shape{animation:drift 5s linear both}.big{font-family:var(--font-display);font-weight:600;font-size:6.8cqw;line-height:1.02;letter-spacing:-.03em;margin:0;color:var(--stage-text)}.big em{font-style:normal;color:var(--stage-accent)}.big-logo{display:flex;align-items:center;gap:2.4cqw}.big-logo svg{width:9cqw;height:9cqw;flex:none}.scene .sub{font:500 1.6cqw var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--stage-text-3);margin:2cqw 0 0}.shape{position:absolute;border:2.2cqw solid var(--shape-line);border-radius:1.2cqw}.shape:after{content:"";position:absolute;inset:28%;background:var(--shape-line);border-radius:.6cqw}@keyframes rise{0%{opacity:0;transform:translateY(3cqw) scale(.98)}18%{opacity:1;transform:none}to{transform:scale(1.04)}}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(-4cqw,2cqw) rotate(-6deg)}}.corner-logo{position:absolute;top:2.8cqw;left:4.5cqw;z-index:5;display:inline-flex;align-items:center;gap:.9cqw;color:var(--stage-text);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.45cqw;letter-spacing:-.01em}.corner-logo svg{width:2.6cqw;height:2.6cqw;min-width:22px;min-height:22px}.corner-logo:hover{color:var(--stage-text)}.bug{position:absolute;top:6.3cqw;left:4.5cqw;display:flex;align-items:center;gap:.6cqw;z-index:5}.bug svg{width:2.6cqw;height:2.6cqw}.live{font:500 .95cqw var(--font-mono);letter-spacing:.1em;background:var(--stage-accent);color:var(--stage-ink);padding:.35cqw .7cqw;border-radius:.35cqw}.clock{font:500 1.1cqw var(--font-mono);color:var(--stage-text);background:var(--stage-chip);padding:.3cqw .7cqw;border-radius:.35cqw;font-variant-numeric:tabular-nums}.panel{position:absolute;left:4.5cqw;top:9.6cqw;width:56cqw;z-index:4;display:flex;flex-direction:column;gap:1.3cqw;animation:panelIn .6s cubic-bezier(.2,.7,.2,1) both}@keyframes panelIn{0%{opacity:0;transform:translate(-2cqw)}to{opacity:1;transform:none}}.pe{font:500 1cqw var(--font-mono);letter-spacing:.12em;color:var(--stage-accent-text);text-transform:uppercase}.pt{font-family:var(--font-display);font-weight:600;font-size:3cqw;line-height:1.08;letter-spacing:-.02em;margin:0;color:var(--stage-text)}.rows{display:flex;flex-direction:column;border-top:1px solid var(--stage-rule);margin:0}.row{display:flex;gap:2cqw;padding:.75cqw 0;border-bottom:1px solid var(--stage-rule-2);align-items:baseline}.rk{font:500 .95cqw var(--font-mono);letter-spacing:.08em;color:var(--stage-text-3);width:9cqw;flex:none;text-transform:uppercase;margin:0}.rv{font:400 1.25cqw/1.45 var(--font-body);color:var(--stage-text);margin:0}.panel a{color:var(--stage-accent-text);text-decoration:underline}.l3{position:absolute;left:4.5cqw;bottom:12.2cqw;z-index:4;display:flex;align-items:stretch;font-family:var(--font-broadcast);font-weight:700;font-size:1.15cqw;animation:panelIn .5s both}.l3 b{background:var(--stage-accent);color:var(--stage-ink);padding:.55cqw 1cqw;letter-spacing:.06em}.l3 span{background:var(--stage-l3);color:var(--stage-ink);padding:.55cqw 1.2cqw}.rcol{position:absolute;top:2.8cqw;right:4.5cqw;width:19cqw;z-index:6;display:flex;flex-direction:column;gap:.9cqw}.qrc{position:relative;z-index:6;background:var(--stage-card);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--stage-card-line);border-radius:1cqw;padding:1.1cqw;display:flex;flex-direction:column;gap:.8cqw;box-shadow:var(--stage-card-shadow)}.qr-body{display:flex;flex-direction:column;gap:.8cqw;transition:opacity .35s}.qr-body.fading{opacity:0}.qrbox{background:var(--stage-paper);border-radius:.5cqw;padding:.9cqw;position:relative;display:block}.qrbox svg{display:block;width:100%;height:auto}.qrt{text-shadow:var(--stage-text-shadow);font-family:var(--font-broadcast);font-weight:700;font-size:1.12cqw;line-height:1.25;color:var(--stage-text);min-height:2.8cqw;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qrs{font:500 .78cqw var(--font-body);color:var(--stage-text-3);margin:0}.qr-open{font:600 .82cqw var(--font-body);color:var(--stage-accent-text);text-decoration:underline;text-underline-offset:.15em;align-self:flex-start}.qr-open:hover{color:var(--stage-text)}.prog{height:.22cqw;background:var(--stage-rule);border-radius:1cqw;overflow:hidden}.prog i{display:block;height:100%;width:100%;background:var(--stage-accent);transform-origin:left;transition:transform .25s linear}.qr-nav{display:flex;justify-content:space-between;align-items:center;gap:.6cqw;font:500 .8cqw var(--font-mono);color:var(--stage-text-3)}.qr-nav button{min-width:2.6cqw;min-height:2.6cqw;border-radius:.5cqw;border:1px solid var(--stage-card-line);background:transparent;color:var(--stage-text);cursor:pointer;font-size:1.1cqw}.qr-nav button:hover{border-color:var(--stage-accent)}.tk{position:absolute;left:0;right:0;bottom:4.5cqw;z-index:6;display:flex;flex-direction:column;gap:.18cqw;font-family:var(--font-broadcast);font-weight:600;font-size:1.15cqw}.tr{display:flex;height:2.5cqw;align-items:center;background:var(--stage-row);overflow:hidden}.tl{flex:none;height:100%;display:flex;align-items:center;padding:0 1.2cqw;font-weight:800;letter-spacing:.04em}.tl.hot{background:var(--stage-accent);color:var(--stage-ink)}.tl.cool{background:var(--stage-text);color:var(--stage-ink)}.tw{flex:1;overflow:hidden;padding-left:1.2cqw;border-left:1px solid var(--stage-rule)}.tm{display:flex;gap:3cqw;white-space:nowrap;width:max-content;animation:scroll 40s linear infinite;color:var(--stage-text)}.tm.static{animation:none}.tm .sep{color:var(--stage-accent)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.up{color:var(--stage-up)}.dn{color:var(--stage-down)}.sound{position:absolute;left:4.5cqw;bottom:18cqw;z-index:7;display:inline-flex;align-items:center;gap:.6cqw;font:600 max(12px,.95cqw) var(--font-body);color:var(--stage-text);background:var(--stage-chip);border:1px solid var(--stage-card-line);border-radius:999px;padding:0 1.1cqw;min-height:max(44px,2.8cqw);cursor:pointer}.sound:hover{border-color:var(--stage-accent)}.sound svg{width:max(16px,1.2cqw);height:max(16px,1.2cqw)}.panel-below{display:none}@media(max-width:820px){.tv{--dock-space: 72px}.nav{bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;border-radius:0;border-width:1px 0 0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--header-bg)}.nav-menu{flex:1}.tv-frame{width:100vw}}@media(max-width:560px){.nav-tools .fab-motion,.nav-tools .fab-theme,.nav-tools .fab-ai span{display:none}.nav-tools .fab-ai{width:44px;padding:0}}@media(max-width:720px){.stage .panel{display:none}.panel-below{display:block;width:100%;padding:1.25rem 1rem 0}.panel-below .pe-b{font:500 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}.panel-below h2{font-family:var(--font-display);font-size:1.5rem;line-height:1.15;margin:.5rem 0 1rem}.panel-below dl{margin:0;border-top:1px solid var(--line)}.panel-below dl div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.panel-below dt{font:500 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.panel-below dd{margin:0}.qr-open{font-size:max(11px,.82cqw)}.stage .wxc{display:none}.tv-frame .wx-below{display:block;width:100%;padding:1rem 1rem 0}.wx-below .wxc{border-radius:14px;padding:1rem 1.1rem;gap:.6rem;background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;--stage-text: var(--text);--stage-text-3: var(--text-2);--stage-ink: var(--bg);--stage-rule: var(--line-strong);--stage-rule-2: var(--line);--stage-accent: var(--accent);--stage-text-shadow: none}.wx-below .wx-tag{font-size:.7rem;padding:.15rem .45rem;border-radius:4px}.wx-below .wx-real,.wx-below .wx-src{font-size:.7rem}.wx-below .wx-real i{width:7px;height:7px}.wx-below .wx-city{font-size:1.05rem}.wx-below .wx-temp{font-size:2.2rem}.wx-below .wx-meta{font-size:.875rem}.wx-below .wx-arrow{width:14px;height:14px}.wx-below .wx-dots i{width:6px;height:6px}.wx-below .wx-dots{gap:4px}.wx-below .wx-src{padding-top:.5rem}.wx-below .wx-empty{font-size:.875rem}.panel-below .wx-map svg{width:100%}.panel-below .wx-legend-src{white-space:normal;flex-basis:100%}.panel-below .wx-map{width:100%;margin:0 0 1rem;gap:.5rem;--stage-text: var(--text);--stage-text-3: var(--text-2);--stage-chip: var(--surface);--stage-bg: var(--bg)}.panel-below .wx-legend{font-size:.75rem;gap:.4rem .8rem}.panel-below .wx-scale i{width:14px;height:6px}}.intro{width:100%;padding:4rem 0 5rem;border-top:1px solid var(--line)}.intro .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem}.intro ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line)}.intro li{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;gap:1rem}.intro li b{font-family:var(--font-mono);font-weight:500;font-size:.75rem;letter-spacing:.08em;color:var(--accent-text);text-transform:uppercase;min-width:5.5rem;padding-top:.2rem}@media(max-width:860px){.intro .wrap{grid-template-columns:1fr;gap:2rem}}:root[data-theme=light] .tv{--stage-bg: #F2F0EB;--stage-text: #0B0E13;--stage-text-2: #3A4250;--stage-text-3: #4A5260;--stage-accent: #BA3010;--stage-accent-text: #A92B0E;--stage-ink: #FFFFFF;--stage-card: rgba(255, 255, 255, .55);--stage-card-line: rgba(11, 14, 19, .12);--stage-card-shadow: 0 1.6cqw 3cqw rgba(40, 32, 20, .16);--stage-chip: rgba(255, 255, 255, .72);--stage-row: rgba(255, 255, 255, .88);--stage-l3: #0B0E13;--stage-up: #1E7A4C;--stage-down: #B4300F;--scene-1: #F6F5F2;--scene-2: #EFEDE8;--scene-3: #F2F0EB;--shape-line: rgba(11, 14, 19, .06);--stage-rule: rgba(11, 14, 19, .14);--stage-rule-2: rgba(11, 14, 19, .09);--stage-dim: 1.06;--stage-text-shadow: none}:root[data-theme=light] .tv .ad.dim{opacity:.55}:root[data-theme=light][data-contrast=high] .tv{--stage-card: rgba(255, 255, 255, .97);--stage-text-2: #0B0E13;--stage-text-3: #0B0E13}html[data-motion=off] :is(.panel,.l3,.scene.on .big,.scene.on .shape){animation:none!important}