:root{--bg:#0a0d12;--panel:#11161d;--border:#1d2530;--text:#e7edf3;--muted:#738196;--temp:#29c4ff;--gsr:#ffb454;--hr:#ff6f91;--spo2:#a78bfa;--live:#34d399;--err:#ff5d5d;--ai:#a78bfa;--ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui)}.app{max-width:1120px;margin:auto;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:22px}.eyebrow{margin:0 0 8px;color:var(--muted);font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase}h1{font-size:28px;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}h2{font-size:16px;margin:0}.subtitle{margin:0;color:var(--muted);font-size:13px}.status-area{display:flex;align-items:center;gap:14px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font:12px var(--mono)}.dot{width:10px;height:10px;border-radius:50%;background:#637184}.dot.live{background:var(--live);box-shadow:0 0 10px var(--live)}.dot.error{background:var(--err);box-shadow:0 0 10px var(--err)}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:21px}.connect-panel{margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.pill,.tag{font:10px var(--mono);color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:99px;white-space:nowrap}.pill.violet{color:var(--ai);border-color:var(--ai)}.tag{font-size:8px;padding:2px 5px;color:var(--ai);border-color:#5a417f;vertical-align:middle}.connect-row,.actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:15px}.field{flex:1 1 400px}label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}input[type="url"],input[type="password"]{width:100%;background:#0a0f15;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:12px;font:12px var(--mono);outline:none}input:focus{border-color:var(--ai)}.remember{display:flex;align-items:center;gap:7px;height:40px;margin:0;font-size:12px;white-space:nowrap}.remember input{accent-color:var(--ai)}button{border:1px solid var(--border);border-radius:9px;padding:12px 16px;cursor:pointer;background:#1b2530;color:var(--text);font:600 13px var(--ui)}button:hover{border-color:#3a4b5d}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--live);color:#06150e;border-color:var(--live)}.secondary{background:#1b2530}.ai{background:var(--ai);border-color:var(--ai);color:#180c2e}.small{font-size:12px;padding:8px 11px}.connect-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font:11px var(--mono)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metric{min-height:255px}.value-row{display:flex;gap:8px;align-items:baseline}.value{font:600 50px var(--mono);line-height:1;letter-spacing:-.04em}.unit{color:var(--muted);font:600 16px var(--mono)}.temp{color:var(--temp)}.gsr{color:var(--gsr)}.hr{color:var(--hr)}.spo2{color:var(--spo2)}.sub{color:var(--muted);font-size:12px;min-height:18px;margin:10px 0 12px}canvas{display:block;width:100%;height:95px}.stats{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font:11px var(--mono)}
.session-index,.ai-panel,.feed-panel{margin-top:18px}.experimental{display:inline-block;color:var(--ai);border:1px solid var(--ai);padding:2px 6px;border-radius:99px;font-size:9px;margin-left:7px}.index-body{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center;margin-top:8px}.gauge-box{max-width:250px;margin:auto}.gauge-track{fill:none;stroke:#26313d;stroke-width:13;stroke-linecap:round}.gauge-progress{fill:none;stroke:var(--live);stroke-width:13;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:.35s}#needle{stroke:var(--text);stroke-width:3;stroke-linecap:round;transform-origin:120px 120px;transform:rotate(-90deg);transition:.35s}#needle+circle{fill:var(--text)}.score{display:flex;align-items:baseline;gap:8px}.score span{font:600 49px var(--mono)}.score small{font:16px var(--mono);color:var(--muted)}.index-body p{color:var(--muted);font-size:13px;line-height:1.55;margin:8px 0 13px}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.stable{background:var(--live)}.mid{background:var(--gsr)}.high{background:var(--err)}.note{color:var(--muted);font-size:11px;line-height:1.55;margin:14px 0 0}.ai-output{background:#0a0f15;border:1px solid var(--border);border-radius:10px;min-height:86px;padding:15px;white-space:pre-wrap;line-height:1.62;font-size:13px;margin-top:14px}.feed{height:150px;overflow:auto;background:#0a0f15;border:1px solid var(--border);border-radius:10px;padding:12px;font:12px var(--mono);line-height:1.65;color:var(--muted)}.feed div:last-child{color:var(--text)}footer{border-top:1px solid var(--border);margin-top:22px;padding-top:16px;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:720px){.app{padding:16px}.grid{grid-template-columns:1fr}.index-body{grid-template-columns:1fr;text-align:center}.score{justify-content:center}.legend{justify-content:center}.status-area{width:100%;justify-content:space-between}.remember{height:auto}}