.control-page{position:relative;height:100%;display:flex;flex-direction:column;gap:20px;padding:calc(20px + env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--ctrl-bg-top) 0%,var(--ctrl-bg-bottom) 100%);overflow-y:auto}.ctrl-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ctrl-title{margin:0;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--ctrl-text)}.ctrl-header-right{display:flex;align-items:center;gap:8px}.ctrl-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.ctrl-close svg{width:22px;height:22px;stroke:#fff;stroke-width:2.4;stroke-linecap:round}.ctrl-timer{display:flex;flex-direction:column;gap:10px}.ctrl-timer-row{display:flex;align-items:center;gap:8px}.ctrl-timer-row svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.ctrl-timer-text{font-size:16px;font-weight:600;letter-spacing:1px;color:var(--ctrl-text)}.ctrl-progress{position:relative;height:8px;border-radius:999px;background:var(--ctrl-track)}.ctrl-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ctrl-progress-from),var(--ctrl-progress-to));transition:width 1s linear}.ctrl-progress-heart{position:absolute;right:-4px;top:50%;width:20px;height:20px;transform:translateY(-50%);filter:drop-shadow(0 0 6px rgba(255,85,187,.7))}.ctrl-card{display:flex;align-items:center;gap:8px;padding:16px 12px;border-radius:20px;background:var(--ctrl-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ctrl-device{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.ctrl-avatar{position:relative;width:54px;height:54px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center}.ctrl-avatar-initial{font-size:20px;font-weight:700;color:var(--ctrl-text)}.ctrl-badge{position:absolute;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ctrl-badge svg{width:11px;height:11px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ctrl-badge.mic{right:-3px;bottom:-3px;background:#10312b;border:1.5px solid var(--ctrl-link)}.ctrl-badge.mic svg{stroke:var(--ctrl-link)}.ctrl-badge.chain{left:-3px;bottom:-3px;background:#2a1030;border:1.5px solid var(--ctrl-chain)}.ctrl-badge.chain svg{stroke:var(--ctrl-chain)}.ctrl-name{font-size:14px;font-weight:600;color:var(--ctrl-text)}.ctrl-status{font-size:11px;color:var(--ctrl-link)}.ctrl-link{display:flex;flex-direction:column;align-items:center;gap:5px}.ctrl-link-line{width:46px;height:2px;border-radius:2px;background:var(--ctrl-progress-from);opacity:.85}.ctrl-link-id{font-size:10px;letter-spacing:1px;color:var(--ctrl-text-dim)}.ctrl-mode{position:relative;display:flex;padding:4px;border-radius:999px;background:var(--ctrl-track)}.ctrl-mode-opt{position:relative;z-index:1;flex:1;height:40px;border-radius:999px;font-size:15px;font-weight:700;color:var(--ctrl-text-dim);transition:color .25s ease}.ctrl-mode-opt.active{color:#fff}.ctrl-mode-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,#a06bff,#7b3fe4);box-shadow:0 0 14px #965aff80;transition:transform .28s cubic-bezier(.4,0,.2,1)}.ctrl-mode-thumb.manual{transform:translate(100%)}.ctrl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 14px;justify-items:center;padding-top:4px}.ctrl-key{width:100%;max-width:68px;aspect-ratio:1;border-radius:50%;background:var(--ctrl-surface);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.ctrl-key .wave-icon{filter:drop-shadow(0 0 5px var(--ctrl-accent-glow))}.ctrl-key.enabled{box-shadow:0 0 0 1.5px var(--ctrl-ring),0 0 12px #b482ff73}.ctrl-key.enabled:active{transform:scale(.94)}.ctrl-key.locked{opacity:.3}.ctrl-key.locked .wave-icon{filter:none}.ctrl-key.active{box-shadow:0 0 0 2px var(--ctrl-ring),0 0 20px #ff78dca6}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:32px;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:dialog-fade .16s ease-out}.dialog-card{width:100%;max-width:300px;padding:24px 20px 16px;border-radius:18px;background:var(--dialog-bg);box-shadow:0 12px 40px #00000080;animation:dialog-pop .18s ease-out}.dialog-message{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--dialog-text);text-align:center}.dialog-ok{width:100%;height:44px;border-radius:12px;background:linear-gradient(90deg,var(--pair-btn-from),var(--pair-btn-to));color:#fff;font-size:15px;font-weight:700}.dialog-ok:active{opacity:.88}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:scale(.92)}}.pairing-page{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--pair-bg-top) 0%,var(--pair-bg-bottom) 100%);text-align:center}.pair-title{position:absolute;top:max(26px,env(safe-area-inset-top));left:0;right:0;margin:0;font-size:21px;font-weight:800;color:var(--pair-text);letter-spacing:1px}.pair-body{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;gap:14px}.bt-badge{width:120px;height:120px;border-radius:50%;background:var(--pair-plate);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #3c145040}.bt-badge svg{width:58px;height:58px}.pair-heading{margin:6px 0 0;font-size:30px;font-weight:800;color:var(--pair-text);letter-spacing:1px}.pair-subtitle{margin:0;font-size:14px;color:var(--pair-text-soft)}.pair-hint{margin:0;max-width:280px;font-size:12px;line-height:1.5;color:var(--pair-text-soft);opacity:.85}.pair-input{width:100%;height:52px;margin-top:6px;padding:0 16px;border-radius:16px;border:1px solid var(--pair-plate);background:var(--pair-input-bg);color:var(--pair-text);font-size:19px;font-weight:600;letter-spacing:6px;text-align:center;outline:none;transition:border-color .2s ease}.pair-input::placeholder{color:var(--pair-text-soft);font-weight:400;letter-spacing:1px}.pair-input:focus{border-color:#e6b8e6cc}.pair-input.has-error{border-color:#ff7a9c}.pair-error{margin:-4px 0 0;font-size:12px;color:#ffd7e6}.pair-connect{width:100%;height:52px;margin-top:4px;border-radius:26px;background:linear-gradient(90deg,var(--pair-btn-from) 0%,var(--pair-btn-to) 100%);color:#fff;font-size:17px;font-weight:700;letter-spacing:2px;box-shadow:0 8px 22px #ff449959;transition:opacity .2s ease,transform .1s ease}.pair-connect:active:not(:disabled){transform:scale(.98)}.pair-connect:disabled{opacity:.5;box-shadow:none}.pair-bt-hint{margin:2px 0 0;font-size:11px;color:var(--pair-text-soft);opacity:.8}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,PingFang SC,Microsoft YaHei,sans-serif;background:#0b0d1c;color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{position:relative;width:100%;max-width:480px;height:100dvh;margin:0 auto;overflow:hidden}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}input{font-family:inherit}.lang-switch{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:20;display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px}.lang-switch button{padding:4px 10px;border-radius:999px;color:#ffffffb8;font-weight:600;transition:all .2s ease}.lang-switch button.active{background:#ffffffe6;color:#582b78}.lang-switch-inline{position:static;top:auto;right:auto;background:#ffffff1a}:root{--pair-bg-top: #582b78;--pair-bg-bottom: #e8a8d8;--pair-text: #ffffff;--pair-text-soft: #e6b8e6;--pair-plate: rgba(160, 120, 180, .3);--pair-input-bg: rgba(60, 30, 80, .28);--pair-btn-from: #ff88c0;--pair-btn-to: #ff4499;--ctrl-bg-top: #121a40;--ctrl-bg-bottom: #282050;--ctrl-text: #ffffff;--ctrl-text-dim: #9999aa;--ctrl-surface: rgba(140, 80, 200, .4);--ctrl-card: rgba(90, 60, 140, .32);--ctrl-track: rgba(60, 40, 100, .6);--ctrl-accent: #ffbc70;--ctrl-accent-glow: rgba(255, 188, 112, .65);--ctrl-link: #70e0c0;--ctrl-chain: #ff77dd;--ctrl-heart: #ff55bb;--ctrl-progress-from: #44aaff;--ctrl-progress-to: #ff66cc;--ctrl-ring: rgba(180, 130, 255, .75);--dialog-bg: #1c1530;--dialog-text: #ffffff;--dialog-accent: #ff66cc}