:root{--navy: #1d2a4a;--navy-d: #0f1628;--gold: #e3b65a;--gold-l: #f4d68c;--ink: #111216;--paper: #f6f1e6;--wood: #2a1f18;--ui: "Microsoft JhengHei", "Noto Sans TC", "PingFang TC", sans-serif;--serif: "Noto Serif TC", "PMingLiU", "MingLiU", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05060a;overflow:hidden;font-family:var(--ui)}#viewport{position:fixed;inset:0;display:grid;place-items:center}#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0;background:#141824;color:var(--paper)}button{font-family:var(--ui);cursor:pointer}#camera{position:absolute;inset:0;will-change:transform}#room{position:absolute;inset:0;background:radial-gradient(ellipse 900px 700px at 230px 880px,rgba(227,182,90,.16),transparent 70%),linear-gradient(#171b28,#10131c 70%,#0c0e15)}#window{position:absolute;left:150px;top:50px;width:1180px;height:620px;overflow:hidden;background:#070b1c}#sky{position:absolute;inset:0;transition:background 4s linear}#stars{position:absolute;inset:0;width:100%;height:100%}#dawn{position:absolute;left:0;right:0;bottom:120px;height:140px;opacity:0;transition:opacity 4s linear;background:linear-gradient(to top,rgba(244,198,110,.75),rgba(244,198,110,.18) 35%,transparent 100%)}#city{position:absolute;left:0;bottom:0;width:100%;height:200px}#city .lit{fill:var(--gold);transition:opacity 3s}#window .mullion{position:absolute;top:0;bottom:0;left:62%;width:18px;background:var(--ink)}#window .frame{position:absolute;inset:0;border:22px solid var(--ink);box-shadow:inset 0 0 0 3px #2a2c33}.sill{position:absolute;left:120px;top:664px;width:1240px;height:28px;background:#0b0c10;border-top:3px solid #3a3326}#lampglow{position:absolute;left:-200px;top:420px;width:1000px;height:700px;pointer-events:none;background:radial-gradient(ellipse at 45% 70%,rgba(255,214,130,.2),transparent 60%);mix-blend-mode:screen}#rig{position:absolute;left:233px;top:64px;width:1014px;height:1014px;transform-origin:50% 100%;will-change:transform;opacity:0;transition:opacity .6s ease}#rig.in{opacity:1}#rig .body{position:absolute;left:0;top:0;width:1536px;height:1536px;transform:scale(var(--cs, .66));transform-origin:0 0}#rig .body>img{position:absolute;left:0;top:0;width:1536px;height:1536px}#rig .breathe{animation:breathe 4.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(var(--cs, .66)) scaleY(1)}50%{transform:scale(var(--cs, .66)) scaleY(1.006) translateY(-3px)}}.expr{opacity:0;pointer-events:none}#rig .body.mesh>img{visibility:hidden}#rig .body>.mesh-canvas{position:absolute;left:0;top:0;width:1536px;height:1536px;pointer-events:none}.pose{opacity:0;transition:opacity .28s ease;pointer-events:none}.pose.show{opacity:1}#rig .body.sipping .expr{opacity:0!important}.expr.show{opacity:1}#props .prop{position:absolute;opacity:0;transition:opacity .35s,transform .55s cubic-bezier(.3,.7,.3,1);filter:drop-shadow(0 4px 0 rgba(0,0,0,.15))}#props .prop[data-prop=champagne]{left:708px;top:1004px;width:116px;height:336px;transform:translateY(160px)}#props .prop[data-prop=sake]{left:702px;top:1196px;width:132px;height:88px;transform:translateY(120px)}#props .prop.up{opacity:1;transform:none}#props .prop[data-prop=champagne].sip{opacity:1;transform:translate(10px,-318px) rotate(-14deg)}#props .prop[data-prop=sake].sip{opacity:1;transform:translate(4px,-500px) rotate(-10deg)}.fx b{position:absolute;font-family:var(--serif);color:var(--paper);opacity:0;transition:opacity .4s;text-shadow:0 0 0 var(--ink),3px 3px 0 var(--ink)}.fx .fx-z{left:1016px;top:250px;font-size:90px}.fx .fx-z small{font-size:56px}.fx .fx-heart{left:506px;top:330px;font-size:80px;color:#f2a1a8}.fx b.on{opacity:1;animation:floaty 2.2s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-14px)}}#desk{position:absolute;left:0;top:0;width:1460px;height:1080px;pointer-events:none}#desk:before{content:"";position:absolute;inset:990px 0 0;background:linear-gradient(90deg,#4a3624,#2a1f18 35%,#1c1611);border-top:4px solid #6b5038}.lamp{position:absolute;left:120px;top:700px;width:260px;height:300px}.lamp .foot{position:absolute;left:40px;bottom:6px;width:120px;height:18px;border-radius:50%;background:var(--gold);border:4px solid var(--ink)}.lamp .arm{position:absolute;left:92px;top:70px;width:12px;height:220px;background:var(--ink);transform:rotate(-12deg);transform-origin:bottom}.lamp .shade{position:absolute;left:90px;top:30px;width:150px;height:90px;background:var(--gold);border:4px solid var(--ink);border-radius:90px 90px 10px 10px;transform:rotate(22deg)}.lamp .bulb{position:absolute;left:150px;top:108px;width:70px;height:40px;border-radius:50%;background:#fff3c9;box-shadow:0 0 60px 30px #ffdc8c73}.monitor{position:absolute;left:1150px;top:690px;width:300px;height:300px}.monitor .screen{position:absolute;left:0;top:0;width:300px;height:210px;background:#0b0d12;border:4px solid var(--ink);border-radius:8px;box-shadow:-14px 0 40px #6e96ff38}.monitor .stand{position:absolute;left:130px;top:210px;width:40px;height:90px;background:#15171d;border:4px solid var(--ink);border-top:0}#clock{position:absolute;left:1010px;top:918px;width:156px;height:70px;border-radius:10px;background:#0d0f14;border:4px solid var(--ink);box-shadow:inset 0 0 0 2px #3a3326;display:grid;place-items:center;line-height:1}#clock-time{font:700 36px Consolas,Courier New,monospace;color:var(--gold-l);text-shadow:0 0 10px rgba(244,214,140,.7);letter-spacing:2px}#clock-date{font-size:13px;color:#a8915e;letter-spacing:1px}#player{position:absolute;left:330px;top:896px;width:230px;height:92px;pointer-events:auto;background:var(--navy);border:4px solid var(--ink);border-radius:12px;padding:0;color:var(--gold-l)}#player:hover{filter:brightness(1.15)}#player .cone{position:absolute;left:10px;top:12px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#0b1020 30%,#22325a 32%,#0b1020 60%);border:3px solid var(--gold)}#player .lcd{position:absolute;left:80px;top:14px;width:136px;height:32px;overflow:hidden;background:#0b1020;border:2px solid #3a4a72;border-radius:4px}#lcd-text{display:inline-block;white-space:nowrap;font-size:16px;line-height:28px;padding-left:100%;animation:marquee 12s linear infinite}@keyframes marquee{to{transform:translate(-100%)}}#eq{position:absolute;left:84px;top:54px;display:flex;gap:5px;align-items:flex-end;height:24px}#eq i{width:8px;background:var(--gold);height:4px}#player.playing #eq i{animation:eq .9s ease-in-out infinite alternate}#player.playing #eq i:nth-child(2){animation-delay:-.3s}#player.playing #eq i:nth-child(3){animation-delay:-.6s}#player.playing #eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:4px}to{height:22px}}#music-panel{position:absolute;left:22px;top:230px;width:470px;max-height:640px;z-index:30;background:#0f1628f0;border:2px solid var(--gold);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #00000080}#music-panel[hidden]{display:none}#music-panel header{font:700 22px var(--serif);color:var(--gold-l);display:flex;justify-content:space-between}#music-panel button{background:#22325a;color:var(--paper);border:1px solid #3a4a72;border-radius:8px;padding:6px 12px;font-size:16px}#music-panel button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}#mp-cats{display:flex;gap:8px;flex-wrap:wrap}#mp-list{margin:0;padding:0 0 0 28px;overflow:auto;max-height:250px;font-size:17px}#mp-list li{padding:5px 6px;cursor:pointer;border-radius:6px}#mp-list li:hover{background:#ffffff12}#mp-list li.cur{color:var(--gold-l);font-weight:700}#mp-list li small{color:#93a0c0;margin-left:8px}.mp-row{display:flex;gap:8px;align-items:center;font-size:16px}.mp-modes{margin-left:auto;display:flex;gap:6px}#mp-vol{width:220px;vertical-align:middle;accent-color:var(--gold)}#grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,.45))}#hud-top{position:absolute;left:186px;top:84px;display:flex;gap:14px;align-items:center;z-index:10;font-size:22px;background:#080a128c;padding:8px 16px;border-radius:10px}#hud-top .live{color:#fff;background:#d23b4a;padding:2px 10px;border-radius:6px;font-weight:700}#hud-top .host-badge{display:none;color:var(--ink);background:var(--gold);padding:2px 10px;border-radius:6px;font-weight:700}#hud-top.host .host-badge{display:inline}#hud-top .title{font:700 26px var(--serif);color:var(--gold-l);letter-spacing:2px}#hud-top .viewers,#hud-top .cups{color:#cfd6ea}#wx-card{position:absolute;left:186px;top:146px;z-index:10;display:grid;grid-template-columns:auto auto;gap:2px 14px;align-items:baseline;font-size:17px;color:#cfd6ea;background:#080a128c;padding:8px 14px;border-radius:10px;max-width:340px}#wx-card .d{grid-column:1 / -1}#wx-card .city{font:700 20px var(--serif);color:var(--gold-l)}#wx-card i{font-style:normal;color:#93a0c0}#wx-card b{font-variant-numeric:tabular-nums}#wx-card .mood b{color:var(--gold-l)}#toggles{position:absolute;right:30px;top:22px;display:flex;gap:10px;z-index:10}#toggles button{background:#0f1628d9;color:#8d97b3;border:2px solid #3a4a72;border-radius:10px;padding:8px 14px;font-size:18px}#toggles button.on{color:var(--gold-l);border-color:var(--gold)}#toggles .vol{display:flex;align-items:center;background:#0f1628d9;border:2px solid #3a4a72;border-radius:10px}#toggles .vol:has(button.on){border-color:var(--gold)}#toggles .vol button{border:0;background:none}#toggles .vol input{width:110px;margin:0 14px 0 2px;accent-color:var(--gold);cursor:pointer}#toggles .vol button:not(.on)+input{opacity:.45}#chat{position:absolute;left:1490px;top:84px;width:400px;height:966px;z-index:10;background:#0f1628d1;border:2px solid #2c3a62;border-radius:14px;display:flex;flex-direction:column}#chat>header{padding:12px 16px;font:700 22px var(--serif);color:var(--gold-l);border-bottom:1px solid #2c3a62}#comments{list-style:none;margin:0;padding:10px 14px;flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;font-size:19px}#comments li{line-height:1.35;animation:pop .3s ease-out}#comments li .n{color:#93a0c0;margin-right:8px;font-size:16px}#comments li.me .n{color:var(--gold-l)}#comments li.sc{background:linear-gradient(90deg,#b8862e,#e3b65a);color:var(--ink);padding:8px 10px;border-radius:8px}#comments li.sc .n{color:#3a2a10;font-weight:700}#comments li.read{outline:2px solid var(--gold);border-radius:6px;padding:2px 6px}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}#bubbles{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 6px;border-top:1px solid #2c3a62}#bubbles button{background:#22325a;color:var(--paper);border:1px solid #3f5084;border-radius:999px;padding:6px 12px;font-size:16px}#bubbles button:hover{background:#2e4378}#bubbles button.sc{background:var(--gold);color:var(--ink);border-color:var(--gold)}#chat-form{display:flex;gap:8px;padding:8px 12px 14px}#chat-input{flex:1;font:18px var(--ui);padding:9px 12px;border-radius:10px;border:2px solid #3a4a72;background:#0b1020;color:var(--paper)}#chat-form button{background:var(--gold);border:0;border-radius:10px;padding:0 16px;font-size:18px;font-weight:700}#subtitle{position:absolute;left:150px;width:1180px;bottom:18px;min-height:64px;z-index:12;display:flex;align-items:center;gap:16px;padding:10px 22px;border-radius:14px;background:#0a0e1cd1;border:2px solid rgba(227,182,90,.55);opacity:0;transition:opacity .3s}#subtitle.on{opacity:1}#subtitle .who{font:700 22px var(--serif);color:var(--ink);background:var(--gold);padding:3px 12px;border-radius:8px}#sub-text{font:500 30px var(--ui);color:#fffaf0;letter-spacing:1px;text-shadow:0 2px 0 #000}#start-overlay{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#05070eb8}#start-overlay.gone{display:none}#start-overlay .card{text-align:center;padding:50px 80px;border:2px solid var(--gold);border-radius:20px;background:#0f1628e6}#start-overlay h1{font:700 64px var(--serif);color:var(--gold-l);margin:0 0 12px;letter-spacing:6px}#start-overlay p{font-size:24px;color:#cfd6ea;margin:0 0 30px}#start{font-size:30px;padding:14px 50px;border-radius:14px;border:0;background:var(--gold);color:var(--ink);font-weight:700}#room-back,#room-front{position:absolute;left:0;top:0;width:1620px;height:1080px;pointer-events:none;display:none}#stage.art #room-back,#stage.art #room-front{display:block}#stage.art #room{background:#0d1018}#stage.art #window{left:150px;top:45px;width:1018px;height:600px}#stage.art #window .frame,#stage.art #window .mullion,#stage.art .sill,#stage.art #lampglow,#stage.art #desk:before,#stage.art .lamp,#stage.art .monitor{display:none}#stage.art #rig{left:296px;top:25px;width:891px;height:891px;--cs: .58}#stage.art #clock{left:255px;top:829px;width:111px;height:59px;background:transparent;border:0;box-shadow:none}#stage.art #clock-time{font-size:30px}#stage.art #clock-date{display:none}#stage.art #player{left:90px;top:740px;width:144px;height:167px;background:transparent;border:0;border-radius:14px}#stage.art #player:hover{box-shadow:0 0 0 3px #f4d68c99;filter:none}#stage.art #player .cone{display:none}#stage.art #player .lcd{left:-6px;top:-46px;width:230px;height:34px;background:#0b1020e0;border-color:var(--gold);border-radius:17px}#stage.art #player #eq{left:232px;top:-40px}#desk-shadow{position:absolute;left:400px;top:868px;width:680px;height:70px;pointer-events:none;display:none;background:radial-gradient(ellipse at 50% 15%,#140c068c,#140c0600 70%)}#stage.art #desk-shadow{display:block}#name-row{padding:0 12px;font-size:15px;color:#93a0c0}#name-row input{width:150px;margin-left:8px;font:15px var(--ui);padding:3px 8px;border-radius:8px;border:1px solid #3a4a72;background:#0b1020;color:var(--paper)}#comments li.fake{opacity:.78}#comments li.real{color:#fffaf0}#comments li.real .n{color:var(--gold-l);font-weight:700}#comments li.real.me .n:after{content:"\ff08\4f60\ff09";font-weight:400;color:#93a0c0;margin-left:2px}#comments li.notice{color:#93a0c0;font-size:15px}#comments li.notice .n{color:#e38a8a}#start:disabled{background:#3a4a72;color:#cfd6ea;cursor:progress}#chat-note{margin:-8px 14px 10px;text-align:right;font-size:14px;color:#93a0c0}#report-panel{position:absolute;right:30px;top:84px;width:440px;z-index:40;display:flex;flex-direction:column;gap:10px;padding:14px 18px;background:#0f1628f5;border:2px solid var(--gold);border-radius:14px;box-shadow:0 20px 60px #00000080;font-size:17px;color:var(--paper)}#report-panel[hidden]{display:none}#report-panel header{font:700 21px var(--serif);color:var(--gold-l);display:flex;justify-content:space-between}#report-panel select,#report-panel textarea,#report-panel input{font:17px var(--ui);background:#0b1020;color:var(--paper);border:1px solid #3a4a72;border-radius:8px;padding:6px 9px}#report-panel textarea{min-height:120px;resize:vertical}#report-panel .rp-note{margin:0;font-size:13px;color:#93a0c0}#report-panel .rp-row{display:flex;justify-content:space-between;align-items:center;gap:10px}#rp-msg{color:#a9c3a0}#report-panel button{background:#22325a;color:var(--paper);border:1px solid #3a4a72;border-radius:8px;padding:4px 12px;font-size:16px}#rp-send{background:var(--gold)!important;color:var(--ink)!important;border-color:var(--gold)!important;font-weight:700}#m-ui{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:var(--ui);color:var(--paper)}#m-ui>*{pointer-events:auto}#m-top{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0;pointer-events:none}body.mobile #hud-top{position:static;display:inline-flex;gap:8px;font-size:13px;padding:5px 10px;max-width:100%;flex-wrap:wrap;background:#080a1280;pointer-events:auto}body.mobile #hud-top .title{font-size:15px;letter-spacing:1px}body.mobile #hud-top .live{padding:1px 7px;border-radius:5px}#m-rail{position:absolute;z-index:4;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);display:flex;flex-direction:column;gap:12px}#m-rail button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(244,214,140,.35);background:#080a128c;color:var(--paper);font-size:21px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(4px)}#m-rail button[aria-expanded=true]{background:var(--gold);color:var(--ink)}#m-rail button[hidden]{display:none}#m-scrim{position:absolute;inset:0;background:#00000026;z-index:2}.m-drawer{position:absolute;z-index:3;right:62px;top:calc(env(safe-area-inset-top,0px) + 56px);width:min(calc(100vw - 74px),360px);max-height:66vh;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:#0d1324d6;backdrop-filter:blur(8px);border:1px solid rgba(244,214,140,.35);border-radius:14px;transform:translate(calc(100% + 74px));transition:transform .25s ease,visibility .25s;visibility:hidden}.m-drawer.open{transform:none;visibility:visible}@media(prefers-reduced-motion:reduce){.m-drawer{transition:none}}body.mobile #music-panel,body.mobile #report-panel{position:static;width:auto;max-height:none;border:0;box-shadow:none;background:none;padding:0;display:flex;font-size:15px}body.mobile #music-panel header button,body.mobile #report-panel header button{display:none}body.mobile #music-panel header,body.mobile #report-panel header{font-size:18px}body.mobile #mp-list{max-height:34vh;font-size:15px}body.mobile #music-panel button{font-size:14px;padding:5px 10px}body.mobile .mp-row{flex-wrap:wrap}body.mobile #mp-vol{width:100%}body.mobile #toggles{position:static;display:flex;flex-direction:column;align-items:stretch;gap:10px}body.mobile #toggles .vol{justify-content:space-between}body.mobile #toggles .vol input{flex:1;width:auto}body.mobile #toggles button{font-size:15px;padding:7px 12px}body.mobile #t-report{display:none}body.mobile #bubbles{border:0;padding:0;gap:8px}body.mobile #bubbles button{font-size:15px;padding:7px 13px}body.mobile #wx-card{position:static;max-width:none;background:none;padding:0;font-size:16px}body.mobile #wx-card[hidden]{display:grid}body.mobile #wx-card:empty:before{content:"\5929\6c23\8b80\53d6\4e2d\2026";color:#93a0c0}#m-bottom{position:absolute;z-index:1;left:0;right:62px;bottom:0;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 8px) 10px;display:flex;flex-direction:column;gap:6px;pointer-events:none}#m-bottom>*{pointer-events:auto}body.mobile #subtitle{position:static;width:auto;min-height:0;padding:7px 10px;gap:8px;border-width:1px;align-items:flex-start}body.mobile #subtitle:not(.on){display:none}body.mobile #subtitle .who{font-size:13px;padding:1px 7px;flex:none}body.mobile #sub-text{font-size:16px;letter-spacing:0;line-height:1.45}body.mobile #chat{position:static;width:auto;height:auto;background:none;border:0;border-radius:0}body.mobile #chat>header,body.mobile #chat-note{display:none}body.mobile #comments{max-height:30vh;padding:0;gap:4px;font-size:14px;-webkit-mask-image:linear-gradient(to top,#000 65%,transparent);mask-image:linear-gradient(to top,#000 65%,transparent)}body.mobile #comments li{align-self:flex-start;max-width:100%;padding:3px 9px;border-radius:12px;background:#080a1273;text-shadow:0 1px 2px #000;line-height:1.35}body.mobile #comments li .n{font-size:13px;margin-right:6px}body.mobile #comments li.read{outline-width:1px}body.mobile #name-row{padding:0;font-size:13px}body.mobile #name-row input{width:120px;font-size:13px}body.mobile #chat-form{padding:0;margin-right:-52px}body.mobile #chat-input{font-size:16px;padding:9px 14px;border-radius:999px;border:1px solid rgba(244,214,140,.4);background:#080a1299}body.mobile #chat-form button{border-radius:999px;font-size:15px;padding:0 16px}body.mobile #start-overlay{position:absolute;inset:0;z-index:5}body.mobile #start-overlay .card{padding:26px 22px;margin:0 16px}body.mobile #start-overlay h1{font-size:30px;letter-spacing:3px}body.mobile #start-overlay p{font-size:16px;margin-bottom:18px}body.mobile #start{font-size:20px;padding:10px 30px}.stream #toggles,.stream #bubbles,.stream #name-row,.stream #chat-form,.stream #chat-note,.stream #t-report,.stream #report-panel,.stream #hud-top .viewers{display:none!important}.stream #comments li.yt .n{color:#b9c6e6}#yt-alert{position:absolute;left:440px;top:150px;width:780px;z-index:13;padding:22px 30px 24px;background:linear-gradient(120deg,#b8862e,#f4d68c 55%,#e3b65a);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 14px 40px #0000008c;opacity:0;transform:translateY(-24px) scale(.96);transition:opacity .35s,transform .35s}#yt-alert.on{opacity:1;transform:none;animation:ytglow 1.6s ease-in-out 3}#yt-alert .top{display:flex;align-items:baseline;gap:18px}#yt-alert .who{font:700 40px var(--serif)}#yt-alert .amt{font:900 44px var(--ui);margin-left:auto}#yt-alert p{margin:10px 0 0;font-size:30px;line-height:1.4;word-break:break-all}#yt-alert p:empty{display:none}@keyframes ytglow{50%{box-shadow:0 0 46px #f4d68cf2}}