:root{color:#172033;background:#f3f6fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 15% 0,rgba(82,110,255,.13),transparent 34rem),#f3f6fb;color:#172033;-webkit-font-smoothing:antialiased}button,input{font:inherit}.page-shell{min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.panel{width:100%;max-width:880px;margin:0 auto}.hero{margin-bottom:20px}.eyebrow{display:inline-block;margin-bottom:8px;color:#5367e9;font-size:.72rem;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(1.75rem,8vw,2.6rem);line-height:1.15;letter-spacing:-.04em}.hero p{max-width:620px;margin:10px 0 0;color:#657087;font-size:.93rem;line-height:1.65}.card,.status-card{border:1px solid #e1e6f0;border-radius:18px;background:hsla(0,0%,100%,.94);box-shadow:0 12px 32px rgba(31,45,78,.06)}.settings-card{padding:18px}.card h2{margin:0;font-size:1rem}.field-label,.mode-fieldset legend{display:block;margin:18px 0 8px;padding:0;color:#59657b;font-size:.78rem;font-weight:700}.room-input{width:100%;min-height:48px;padding:0 14px;border:1px solid #cfd6e4;border-radius:12px;outline:none;background:#fff;color:#172033;font-size:1rem;transition:border-color .2s,box-shadow .2s}.room-input:focus{border-color:#6173e8;box-shadow:0 0 0 4px rgba(97,115,232,.13)}.room-input:disabled{background:#f2f4f8;color:#7c8595}.mode-fieldset{min-width:0;margin:0;padding:0;border:0}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-option{cursor:pointer}.mode-option input{position:absolute;opacity:0;pointer-events:none}.mode-option span{display:flex;min-height:66px;padding:12px;border:1px solid #d8deea;border-radius:13px;flex-direction:column;justify-content:center;background:#f9faff;transition:border-color .2s,background .2s,box-shadow .2s}.mode-option strong{font-size:.9rem}.mode-option small{margin-top:4px;color:#7b8598;font-size:.72rem}.mode-option input:checked+span{border-color:#6173e8;background:#eef0ff;box-shadow:inset 0 0 0 1px #6173e8;color:#3549c8}.mode-option input:focus-visible+span{outline:3px solid rgba(97,115,232,.25);outline-offset:2px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.status-card{display:flex;min-width:0;padding:14px;align-items:center;gap:11px;box-shadow:none}.status-card>div{min-width:0}.status-icon{width:12px;height:12px;border:3px solid #e4e7ed;border-radius:50%;flex:0 0 auto;background:#a4acba;box-shadow:0 0 0 4px #f0f2f6}.status-icon.active{border-color:#c9f4de;background:#20ad68;box-shadow:0 0 0 4px #e5f8ee}.status-icon.pending{border-color:#ffe5a9;background:#e9a11b;box-shadow:0 0 0 4px #fff5dc;animation:pulse 1.2s ease-in-out infinite}.status-icon.mic.active{border-color:#d7dcff;background:#6173e8;box-shadow:0 0 0 4px #eef0ff}.status-label{display:block;margin-bottom:3px;color:#7a8496;font-size:.68rem}.status-card strong{display:block;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.button{min-height:48px;padding:10px 12px;border:0;border-radius:13px;cursor:pointer;font-size:.88rem;font-weight:750;touch-action:manipulation;transition:transform .15s,box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent}.button:not(:disabled):active{transform:scale(.98)}.button:focus-visible{outline:3px solid rgba(97,115,232,.26);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.43}.button.primary{background:#5367e9;color:#fff;box-shadow:0 8px 18px rgba(83,103,233,.22)}.button.success{background:#daf7e7;color:#117a47}.button.secondary{background:#e9edf4;color:#4a566b}.button.danger{background:#ffe7e7;color:#bd3d45}.tip{margin:13px 4px 18px;color:#7b8494;font-size:.72rem;line-height:1.5;text-align:center}audio{display:none}.log-card{overflow:hidden}.log-header{display:flex;padding:14px 16px;align-items:center;justify-content:space-between;border-bottom:1px solid #263149;background:#172033;color:#f4f7ff}.log-header span{color:#8995aa;font-size:.7rem}.logs{min-height:170px;max-height:min(34vh,300px);margin:0;padding:15px 16px;overflow:auto;background:#111827;color:#9be6b7;font:.72rem/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch}@keyframes pulse{50%{opacity:.55}}@media (max-width:359px){.actions,.status-grid{grid-template-columns:1fr}}@media (min-width:720px){.page-shell{padding-top:44px;padding-bottom:44px}.hero{margin-bottom:26px}.hero p{font-size:1rem}.settings-card{padding:24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);-moz-column-gap:24px;column-gap:24px}.settings-card h2{grid-column:1/-1;margin-bottom:2px}.field-label,.room-input{grid-column:1}.mode-fieldset{grid-column:2;grid-row:2/span 2}.mode-fieldset legend{margin-top:18px}.status-grid{gap:12px;margin:14px 0}.status-card{padding:17px 18px}.status-card strong{font-size:.9rem}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.button{min-height:50px}.logs{min-height:210px;font-size:.78rem}}@media (hover:hover){.button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(.98)}.mode-option:hover span{border-color:#aeb9d4}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}