:root{color-scheme:dark;--bg:#0d1513;--panel:#16221f;--line:#2c3d37;--text:#edf4ee;--muted:#a3b4a9;--accent:#c1ed9b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -20%,#253c30 0,transparent 60%),var(--bg);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);min-height:100dvh}main{max-width:1000px;margin:auto;padding:0 24px 48px}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:36px}.brand{font-size:20px;font-weight:650;text-decoration:none;color:var(--text);letter-spacing:1px}.brand-mark{color:var(--accent);margin-right:6px}.tag,.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--muted)}.tag{border:1px solid var(--line);border-radius:20px;padding:7px 12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;margin-bottom:22px}.login-card{max-width:540px;padding:42px;margin:56px auto}h1{font-size:42px;line-height:1.28;font-weight:550;letter-spacing:-1px;margin:14px 0 20px}.login-card h1{font-size:52px}p{color:var(--muted);font-size:15px;line-height:1.8;margin:12px 0}.fine,.footer-note{font-size:12px;color:#8ca295}.fine{line-height:1.65}form{margin:28px 0 18px}label{display:block;font-size:13px;margin:14px 0 10px;color:#d0dcd3}input,textarea{font:inherit;width:100%;padding:15px;background:#0c1712;border:1px solid #3a5043;border-radius:11px;color:var(--text);resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;border:0;border-radius:11px;padding:13px 21px;cursor:pointer;background:var(--accent);color:#162017;font-weight:650;transition:opacity .15s}button:disabled{opacity:.35;cursor:default}button:focus-visible,summary:focus-visible{outline:2px solid #e5ffc9;outline-offset:4px}form button{width:100%;display:flex;justify-content:space-between;margin-top:16px}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 14px;font-size:13px}.secondary{background:#293e32;color:#d8edcf}.intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.intro h1{margin:10px 0;font-size:34px}.voice-card{text-align:center;padding-top:22px}.voice-top{display:flex;align-items:center;gap:9px;text-align:left;font-size:13px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:#637269}.dot.active{background:var(--accent);box-shadow:0 0 12px #b6ef9677}.duration{margin-left:auto;font-variant-numeric:tabular-nums}.voice-orb{margin:25px auto 12px;display:flex;align-items:center;justify-content:center;gap:7px;width:130px;height:100px;border-radius:50%;background:radial-gradient(ellipse,#c1ed9b12,transparent 70%)}.voice-orb span{display:block;width:9px;height:18px;background:#76956b;border-radius:10px}.voice-orb span:nth-child(2),.voice-orb span:nth-child(4){height:36px}.voice-orb span:nth-child(3){height:54px}.voice-orb.active span{background:var(--accent);animation:wave .9s ease-in-out infinite alternate}.voice-orb.active span:nth-child(2){animation-delay:-.6s}.voice-orb.active span:nth-child(3){animation-delay:-.3s}.voice-orb.active span:nth-child(4){animation-delay:-.7s}.voice-orb.active span:nth-child(5){animation-delay:-.4s}@keyframes wave{from{transform:scaleY(.55)}to{transform:scaleY(1.15)}}.voice-actions{display:flex;justify-content:center;gap:10px;margin:24px 0 18px}.desktop-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.desktop-heading p{margin:4px 0 0;font-size:13px}.screen-wrap{border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0b100e;line-height:0}.screen-wrap img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;cursor:crosshair}.screen-hint{margin-bottom:0}details{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:13px;color:#c3d4c7}details .secondary{margin-top:12px}.keys{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.keys button{font-size:12px;background:#26372d;color:#d2e0d5;padding:9px 12px}.footer-note{text-align:center;margin:24px 8px}#notice:empty{display:none}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(90%,600px);padding:15px 20px;background:#304239;border:1px solid #58725e;border-radius:12px;font-size:14px;z-index:10;box-shadow:0 8px 40px #0005}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 16px 24px}header{height:76px;margin-bottom:24px}.brand{font-size:18px}.tag{font-size:9px;padding:6px 9px}.card{padding:20px;border-radius:18px}.login-card{margin:35px auto;padding:28px}.login-card h1{font-size:43px}.intro h1{font-size:28px}.intro>.quiet{padding:9px 11px}.voice-actions{gap:8px}.voice-actions button{padding:12px 16px}.desktop-card{padding:16px}.footer-note{font-size:11px}.voice-card>p{font-size:13px}}@media(prefers-reduced-motion:reduce){.voice-orb.active span{animation:none}}
.secret-option{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.secret-option input{width:auto;padding:0;accent-color:var(--accent)}
.official-login{color:var(--accent);font-size:14px;line-height:1.8;text-underline-offset:4px}#device-code{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:1px;color:var(--accent);user-select:all}.account-card>p{font-size:13px}
.screen-wrap canvas{width:100%;height:auto;aspect-ratio:4/3;cursor:crosshair}
#send-code{width:100%;display:flex;justify-content:space-between;margin-top:24px}#login-form{margin-top:18px}#login-code{font-size:26px;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}details.account-card{margin-top:0;padding-top:20px;border-top:1px solid var(--line)}details.account-card[open] summary{margin-bottom:6px}
.headset-option{justify-content:center;font-size:13px;color:var(--muted);margin-top:4px}