:root{--bg:#0f151c;--bg-panel:#182029;--bg-panel-2:#1e2731;--line:#2a3540;--ink:#eef2f5;--ink-dim:#8fa0ad;--ink-faint:#5c6b78;--alert:#ff5a36;--alert-soft:#3a2018;--calm:#4fb6a0;--calm-soft:#16302b;--gold:#e8a23d;--gold-soft:#3a2c14;--radius:16px;--radius-sm:10px}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--bg-panel:#fff;--bg-panel-2:#eef0f3;--line:#dde2e7;--ink:#131a20;--ink-dim:#5b6b76;--ink-faint:#8b98a2;--alert:#e6492b;--alert-soft:#ffe2d8;--calm:#2f9484;--calm-soft:#dcf1ec;--gold:#c07d1f;--gold-soft:#faecd2}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;height:100%}body{overflow-x:hidden}.shell{max-width:460px;min-height:100vh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;position:relative;border-left:1px solid var(--line);border-right:1px solid var(--line)}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,monospace;letter-spacing:.02em}.topbar{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:20}.topbar .brand{display:flex;flex-direction:column;gap:2px}.topbar .brand small{color:var(--ink-faint);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.topbar .brand h1{font-size:19px}.code-badge{background:var(--gold-soft);color:var(--gold);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid rgba(232,162,61,.25)}.onboard{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:32px 26px;gap:26px}.onboard .mark{display:flex;align-items:center;gap:10px}.onboard .dot{width:14px;height:14px;border-radius:50%;background:var(--alert);box-shadow:0 0 0 4px var(--alert-soft)}.onboard h1{font-size:30px;line-height:1.15}.onboard p.lead{color:var(--ink-dim);font-size:15px;line-height:1.55;margin-top:4px}.field{display:flex;flex-direction:column;gap:6px;margin-top:6px}.field label{font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.field input{background:var(--bg-panel);border:1px solid var(--line);color:var(--ink);padding:13px 14px;border-radius:var(--radius-sm);font-size:15px;font-family:inherit;outline:none;width:100%}.field input:focus{border-color:var(--calm)}.field input::placeholder{color:var(--ink-faint)}.choice-row{display:flex;gap:10px;margin-top:10px}.choice-card{flex:1 1;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;transition:border-color .15s}.choice-card.active{border-color:var(--calm)}.choice-card h3{font-size:14px;margin-bottom:4px}.choice-card p{font-size:12px;color:var(--ink-faint);margin:0;line-height:1.4}.btn{border:none;border-radius:var(--radius-sm);padding:14px 18px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;cursor:pointer;width:100%}.btn-primary{background:var(--calm);color:#062622}.btn-primary:disabled{background:var(--bg-panel-2);color:var(--ink-faint);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--line)}.btn-danger{background:var(--alert);color:#2a0f08}.error-text{color:var(--alert);font-size:12.5px;min-height:16px}.view{flex:1 1;padding:20px 20px 130px;overflow-y:auto}.hidden{display:none!important}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-title h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.section-title span{font-size:12px;color:var(--ink-faint)}.status-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px}.status-card .pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--calm);flex-shrink:0;animation:pulseCalm 2.4s infinite}.status-card.active-alert .pulse-dot{background:var(--alert);animation:pulseAlert 1.1s infinite}@keyframes pulseCalm{0%{box-shadow:0 0 0 0 rgba(79,182,160,.45)}70%{box-shadow:0 0 0 10px rgba(79,182,160,0)}to{box-shadow:0 0 0 0 rgba(79,182,160,0)}}@keyframes pulseAlert{0%{box-shadow:0 0 0 0 rgba(255,90,54,.55)}70%{box-shadow:0 0 0 12px rgba(255,90,54,0)}to{box-shadow:0 0 0 0 rgba(255,90,54,0)}}.status-card .status-text h3{font-size:15px}.status-card .status-text p{margin:2px 0 0;font-size:12.5px;color:var(--ink-faint)}.alert-card{background:var(--alert-soft);border:1px solid rgba(255,90,54,.35);border-radius:var(--radius);padding:16px;margin-bottom:10px}.alert-card.resolved{background:var(--bg-panel);border-color:var(--line);opacity:.75}.alert-card .row1{display:flex;justify-content:space-between;align-items:baseline}.alert-card .who{font-weight:600;font-size:14.5px}.alert-card .when{font-size:11.5px;color:var(--ink-faint)}.alert-card .msg{font-size:13px;color:var(--ink-dim);margin-top:6px}.alert-card .actions{margin-top:10px;display:flex;gap:8px}.chip-btn{font-size:12px;padding:7px 11px;border-radius:20px;border:1px solid var(--line);background:var(--bg-panel-2);color:var(--ink-dim);cursor:pointer;font-family:inherit;font-weight:500}.chip-btn:disabled{opacity:.4;cursor:not-allowed}.chip-btn.resolve{border-color:rgba(79,182,160,.4);color:var(--calm)}.empty-state{text-align:center;padding:36px 10px;color:var(--ink-faint);font-size:13px}.empty-state .glyph{font-size:26px;margin-bottom:8px;opacity:.7}.member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border-bottom:none}.avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-panel-2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--calm);border:1px solid var(--line)}.member-row .name{font-size:14px;font-weight:500}.member-row .since{font-size:11.5px;color:var(--ink-faint)}.panic-wrap{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:460px;width:100%;pointer-events:none}.panic-btn-holder{position:relative;width:104px;height:104px;pointer-events:auto}.panic-btn{position:absolute;inset:8px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ff7a55,var(--alert) 60%);color:#2a0f08;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;box-shadow:0 8px 24px rgba(255,90,54,.4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.panic-btn.armed{animation:armedPulse 1.6s infinite}@keyframes armedPulse{0%{box-shadow:0 8px 24px rgba(255,90,54,.4)}50%{box-shadow:0 8px 34px rgba(255,90,54,.7)}to{box-shadow:0 8px 24px rgba(255,90,54,.4)}}.panic-hint{font-size:11px;color:var(--ink-faint);background:rgba(15,21,28,.85);padding:4px 10px;border-radius:20px;pointer-events:none}.navbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:460px;width:100%;background:var(--bg-panel);border-top:1px solid var(--line);display:flex;z-index:25;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--ink-faint);cursor:pointer;background:none;border:none;font-family:inherit}.nav-item.active{color:var(--ink)}.nav-item .ic{width:22px;height:22px}.nav-item span{font-size:10.5px;font-weight:500;letter-spacing:.02em}.settings-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.settings-card h3{font-size:14px;margin-bottom:4px}.settings-card p.hint{font-size:12px;color:var(--ink-faint);line-height:1.5;margin:4px 0 12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.toggle-row .label{font-size:13.5px}.save-note{font-size:12px;color:var(--calm);min-height:16px}.toast{position:fixed;left:50%;bottom:210px;transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:13px;font-weight:600;padding:10px 16px;border-radius:20px;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}::-webkit-scrollbar{width:0;height:0}