html,body,#root{min-height:100%}button:disabled{cursor:default;opacity:.5}:root{--bg:#0b0a0f;--stage:#121018;--fg:#ece7ef;--fg-dim:#8d8699;--line:#2a2633;--accent:#c9a46a;--accent-ink:#1a1408;--danger:#d9453f;--ok:#5fb37d;--card:#1a1722;--display:"Cormorant Garamond","Noto Serif TC","Songti TC","PingFang TC",serif;--body:-apple-system,"PingFang TC","PingFang SC","Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#efeae3;--stage:#f8f5f0;--fg:#1d1a22;--fg-dim:#6e6878;--line:#ddd6cc;--accent:#9a7232;--accent-ink:#fff8ea;--danger:#c73a34;--ok:#3f8f5c;--card:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#efeae3;--stage:#f8f5f0;--fg:#1d1a22;--fg-dim:#6e6878;--line:#ddd6cc;--accent:#9a7232;--accent-ink:#fff8ea;--danger:#c73a34;--ok:#3f8f5c;--card:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);margin:0;font-size:15px;line-height:1.5}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;padding-block:16px;padding-inline:16px;display:flex}.note{color:var(--fg-dim);text-align:center;max-width:390px;font-size:12px}.note b{color:var(--fg)}.stage{background:var(--stage);border:1px solid var(--line);border-radius:36px;flex-direction:column;width:100%;max-width:390px;height:780px;max-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}@media (width<=480px){.wrap{gap:0;padding:0}.note{display:none}.stage{border:0;border-radius:0;max-width:none;height:100%;min-height:100vh;max-height:none}}.screen{flex-direction:column;padding-block:28px 24px;padding-inline:24px;display:none;position:absolute;inset:0}.screen.on{display:flex}.top{color:var(--fg-dim);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.seg{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.seg button{letter-spacing:.04em;padding:4px 9px;font-size:11px}.seg button[aria-pressed=true]{background:var(--fg);color:var(--stage)}.brand{font-family:var(--display);letter-spacing:.06em;color:var(--fg);font-size:20px}.gate{justify-content:flex-end;gap:18px}.gate h1{font-family:var(--display);text-wrap:balance;margin:0;font-size:44px;font-weight:500;line-height:1.05}.gate p{color:var(--fg-dim);margin:0;font-size:14px}.moon{background:radial-gradient(circle at 35% 35%,var(--accent) 0,transparent 62%);opacity:.25;filter:blur(2px);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:120px;right:-40px}.btn{text-align:center;letter-spacing:.02em;border-radius:999px;width:100%;padding:15px;font-weight:600;display:block}.btn.gold{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border:1px solid var(--line);color:var(--fg-dim)}.fine{color:var(--fg-dim);text-align:center;font-size:11px;line-height:1.5}.pick h2,.detail h2{font-family:var(--display);margin:14px 0 4px;font-size:30px;font-weight:500}.pick .sub{color:var(--fg-dim);margin:0 0 16px;font-size:13px}.cards{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding-bottom:8px;display:grid;overflow-y:auto}.card{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.card .av{width:64px;height:64px}.card .nm{font-family:var(--display);font-size:22px;line-height:1.1}.card .tag{color:var(--fg-dim);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.card .one{color:var(--fg-dim);font-size:12px;line-height:1.4}.card.soon{opacity:.5}.soon .nm:after{content:" ·";color:var(--fg-dim)}.av{font-family:var(--display);color:#fff;text-shadow:0 1px 8px #0006;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;position:relative}.av:after{content:"";border:1px solid var(--accent);opacity:.5;border-radius:50%;position:absolute;inset:-4px}.av.fushen{background:radial-gradient(circle at 30% 25%,#5a3a2a,#1c1116 70%)}.av.peiyan{background:radial-gradient(circle at 30% 25%,#2f4a5c,#0e161c 70%)}.av.julian{background:radial-gradient(circle at 30% 25%,#4a3d5f,#16111f 70%)}.av.nathan{background:radial-gradient(circle at 30% 25%,#5c4a2f,#1b150f 70%)}.detail{gap:10px}.detail .hero{align-items:center;gap:16px;margin-top:8px;display:flex}.detail .hero .av{width:92px;height:92px;font-size:34px}.detail .meta{color:var(--fg-dim);letter-spacing:.05em;font-size:12px}.detail .intro{color:var(--fg);flex:1;min-height:0;padding-right:4px;font-size:14px;line-height:1.65;overflow-y:auto}.detail .intro p{margin:0 0 10px}.detail .quote{font-family:var(--display);color:var(--accent);border-left:2px solid var(--accent);margin:4px 0 10px;padding-left:12px;font-size:17px;font-style:italic}.back{color:var(--fg-dim);align-self:flex-start;padding:6px 0;font-size:13px}.call{text-align:center;background:radial-gradient(ellipse at 50% 30%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 60%),var(--stage);justify-content:space-between;align-items:center}.call .who{margin-top:28px}.call .who .nm{font-family:var(--display);font-size:34px;line-height:1.1}.call .who .st{color:var(--fg-dim);font-variant-numeric:tabular-nums;min-height:21px;margin-top:6px;font-size:14px}.ring{place-items:center;width:170px;height:170px;display:grid;position:relative}.ring .av{z-index:1;width:140px;height:140px;font-size:52px}.ring i{border:1px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:0}.ringing .ring i{animation:2.2s ease-out infinite pulse}.ringing .ring i:nth-child(2){animation-delay:.7s}.ringing .ring i:nth-child(3){animation-delay:1.4s}@keyframes pulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.live .ring .av{transition:transform .12s}.pad{justify-content:center;gap:28px;margin-bottom:8px;display:flex}.pad .k{color:var(--fg-dim);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.pad .k span{background:var(--card);border:1px solid var(--line);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.pad .k[aria-pressed=true] span{background:var(--fg);color:var(--stage)}.pad .k.end span{background:var(--danger);border-color:var(--danger);color:#fff}.pad svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.cap{color:var(--fg-dim);min-height:40px;padding:0 10px;font-size:13px;font-style:italic}@media (prefers-reduced-motion:reduce){.ringing .ring i{opacity:.3;animation:none}}.ended{text-align:center;justify-content:center;align-items:center;gap:14px}.ended .av{width:84px;height:84px;font-size:30px}.ended h2{font-family:var(--display);margin:0;font-size:28px;font-weight:500}.ended .dur{font-variant-numeric:tabular-nums;color:var(--fg-dim)}.ended .why{color:var(--fg-dim);font-size:13px}.ended .last{font-family:var(--display);color:var(--accent);text-wrap:balance;max-width:280px;font-size:18px;font-style:italic}.ended .acts{flex-direction:column;gap:10px;width:100%;margin-top:14px;display:flex}#root{min-height:100vh}.mic-error{color:var(--danger);margin:0}.settings{background:var(--stage);color:var(--fg);border:1px solid var(--line);border-radius:18px;width:min(340px,100% - 48px);padding:24px}.settings::backdrop{background:#0009}.settings h2{font-family:var(--display);margin:0 0 20px;font-weight:500}.settings label{align-items:center;gap:12px;margin-bottom:24px;display:flex}.settings input{accent-color:var(--accent);width:20px;height:20px}