:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07090d;color:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #07090d;--panel: rgba(18, 22, 31, .82);--panel-strong: rgba(27, 32, 44, .94);--line: rgba(255, 255, 255, .11);--muted: #9ba5b6;--text: #f7f8fb;--red: #ff263f;--red-deep: #9e0719;--red-soft: rgba(255, 38, 63, .18);--amber: #ffb84d;--cyan: #57d8ff;--green: #4ade80;--shadow: 0 24px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background:radial-gradient(circle at 50% 22%,rgba(255,38,63,.2),transparent 34rem),linear-gradient(145deg,#07090d,#111722 52%,#090b10)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 82%)}button,input{font:inherit}.app-shell{display:grid;width:min(100%,520px);min-height:100vh;min-height:100svh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));gap:16px}.hero-panel{position:relative;display:grid;min-height:min(720px,calc(100vh - 72px));min-height:min(720px,calc(100svh - 72px));padding:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff12,#ffffff06),var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-panel:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;content:"";pointer-events:none;border-radius:27px;background:linear-gradient(120deg,rgba(255,38,63,.2),transparent 36%),radial-gradient(circle at 80% 88%,rgba(87,216,255,.09),transparent 16rem)}.top-bar,.sos-zone,.permission-panel,.greeting-row,.settings-list,.auth-copy,.login-form,.safety-note,.result-banner{position:relative;z-index:1}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-lockup{display:flex;min-width:0;align-items:center;gap:12px}.brand-mark{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;color:#fff;background:linear-gradient(145deg,var(--red),var(--red-deep));border:1px solid rgba(255,255,255,.22);border-radius:16px;box-shadow:0 14px 34px #ff263f4d}.eyebrow,.panel-kicker,.status-card p{margin:0;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.45rem,8vw,2.05rem);line-height:1.05}h2{margin-bottom:6px;font-size:1rem}.live-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:34px;padding:0 10px;color:#f8fafc;font-size:.76rem;font-weight:800;background:#ffffff14;border:1px solid rgba(255,255,255,.13);border-radius:999px}.live-badge span{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px var(--amber)}.live-badge.success span{background:var(--green);box-shadow:0 0 18px var(--green)}.live-badge.danger span{background:var(--red);box-shadow:0 0 18px var(--red)}.live-badge.warning span{background:var(--amber);box-shadow:0 0 18px var(--amber)}.top-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}.icon-action,.mini-pill{display:inline-grid;min-width:38px;height:38px;place-items:center;color:#f8fafc;background:#ffffff14;border:1px solid rgba(255,255,255,.13);border-radius:14px}.icon-action{cursor:pointer}.mini-pill{width:auto;padding:0 10px;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.mini-pill.success{color:#d8f8e5;border-color:#4ade8040}.sos-zone{display:grid;min-height:330px;place-items:center;align-self:center}.radar-field{position:absolute;display:grid;width:min(78vw,380px);aspect-ratio:1;place-items:center}.radar-field span{position:absolute;width:48%;aspect-ratio:1;border:1px solid rgba(255,38,63,.28);border-radius:50%;animation:radar 3.8s ease-out infinite}.radar-field span:nth-child(2){animation-delay:1.1s}.radar-field span:nth-child(3){animation-delay:2.2s}.radar-field.activated span{animation-duration:1s;border-color:#ffffff70}.sos-button{position:relative;display:grid;width:min(64vw,270px);aspect-ratio:1;place-items:center;padding:0;color:#fff;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.32),transparent 23%),linear-gradient(145deg,#ff3149,#e6112c 42%,#8f0616);border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 14px #ff263f14,0 0 0 28px #ff263f0a,0 30px 70px #ff263f57,inset 0 -22px 46px #2900086b;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.sos-button:hover{filter:brightness(1.05)}.sos-button:disabled{cursor:not-allowed;opacity:.7}.sos-button:active,.sos-button.pressed{transform:scale(.96);box-shadow:0 0 0 18px #ff263f1f,0 0 0 36px #ff263f0f,0 18px 54px #ff263f5c,inset 0 -18px 44px #29000880}.sos-button:focus-visible,.notify-button:focus-visible{outline:3px solid rgba(87,216,255,.8);outline-offset:5px}.sos-glow{position:absolute;top:12%;right:12%;bottom:12%;left:12%;z-index:-1;border-radius:inherit;box-shadow:0 0 80px #fff3}.sos-text{margin-top:24px;font-size:clamp(3.6rem,19vw,5.8rem);font-weight:950;line-height:.9}.sos-subtext{margin-top:-34px;color:#ffffffc7;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.permission-panel{display:grid;align-self:end;gap:16px;padding:16px;background:#06090e85;border:1px solid rgba(255,255,255,.11);border-radius:22px}.permission-copy{display:grid;grid-template-columns:auto 1fr;gap:12px}.permission-copy p:not(.panel-kicker){margin-bottom:0;color:#c7cedb;font-size:.9rem;line-height:1.45}.permission-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--amber);background:#ffb84d1f;border:1px solid rgba(255,184,77,.24);border-radius:15px}.permission-icon.success{color:var(--green);background:#4ade801f;border-color:#4ade8042}.permission-icon.danger{color:var(--red);background:var(--red-soft);border-color:#ff263f57}.notify-button{display:inline-flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:850;cursor:pointer;background:linear-gradient(145deg,#ff3149,#c80b21);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 16px 32px #ff263f2e;transition:transform .16s ease,opacity .16s ease,filter .16s ease}.notify-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.notify-button:disabled{cursor:not-allowed;opacity:.56}.secondary-button,.danger-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 16px;color:#fff;font-weight:850;cursor:pointer;border-radius:15px;transition:transform .16s ease,opacity .16s ease,filter .16s ease}.secondary-button{background:#ffffff14;border:1px solid rgba(255,255,255,.13)}.danger-button{background:linear-gradient(145deg,#ff3149,#b7071b);border:1px solid rgba(255,255,255,.16)}.secondary-button.full-width,.danger-button.full-width{width:100%}.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.6}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.status-card{display:grid;min-height:88px;gap:9px;align-content:center;padding:12px;color:var(--cyan);background:#111722bf;border:1px solid var(--line);border-radius:18px}.status-card strong{display:block;margin-top:3px;color:var(--text);font-size:.9rem}.status-card.success{color:var(--green)}.status-card.warning{color:var(--amber)}.status-card.danger{color:var(--red)}.readiness-strip,.safety-note{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:14px;color:#dce4f2;background:#12161fb8;border:1px solid var(--line);border-radius:18px}.readiness-strip p,.safety-note p{margin:0;font-size:.9rem;line-height:1.4}.readiness-strip{color:#d8f8e5}.safety-note{color:#ffe1e5}.auth-shell{width:min(100%,520px);grid-template-columns:1fr;align-content:center}.auth-panel,.settings-panel{min-height:auto;gap:22px}.loading-panel{min-height:420px;place-items:center;text-align:center}.auth-copy,.settings-item,.greeting-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;background:#06090e6b;border:1px solid rgba(255,255,255,.1);border-radius:20px}.greeting-row{grid-template-columns:1fr;align-items:start}.greeting-row p:not(.panel-kicker),.auth-copy p:not(.panel-kicker),.settings-item p:not(.panel-kicker){margin-bottom:0;color:#c7cedb;font-size:.9rem;line-height:1.45}.login-form,.settings-list{display:grid;gap:16px}.field-group{display:grid;gap:8px}.field-group label{color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px}.segmented-control button{min-height:46px;color:#c7cedb;cursor:pointer;background:transparent;border:0;border-radius:12px;font-weight:850}.segmented-control button.selected{color:#fff;background:linear-gradient(145deg,#ff3149f2,#9e0719f2);box-shadow:0 12px 24px #ff263f2e}.input-shell{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:54px;padding:0 14px;color:var(--muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px}.input-shell input{width:100%;min-width:0;color:var(--text);background:transparent;border:0;outline:0}.input-shell input::placeholder{color:#c7cedb94}.form-error,.result-banner{margin:0;padding:12px 14px;color:#ffe1e5;font-size:.9rem;line-height:1.4;background:#ff263f1f;border:1px solid rgba(255,38,63,.28);border-radius:16px}.result-banner{color:#f8fafc;background:#ffffff12;border-color:#ffffff1f}.debug-panel{margin:0;padding:12px 14px;overflow-x:auto;color:#dce4f2;white-space:pre-wrap;background:#06090e94;border:1px solid rgba(255,255,255,.12);border-radius:16px;font:.82rem/1.5 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:end center;padding:18px;background:#0000009e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.confirm-sheet{display:grid;width:min(100%,440px);gap:16px;padding:18px;background:linear-gradient(180deg,#ffffff14,#ffffff08),#12161ff5;border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:var(--shadow)}.confirm-sheet p:not(.panel-kicker){margin-bottom:0;color:#c7cedb;line-height:1.45}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes radar{0%{opacity:.75;transform:scale(.62)}to{opacity:0;transform:scale(1.5)}}@media(min-width:720px){.app-shell{width:min(100%,980px);grid-template-columns:minmax(0,1fr) 300px;align-content:center;padding-inline:28px}.hero-panel{grid-row:span 3;min-height:760px;padding:24px}.status-grid{grid-template-columns:1fr}.status-card{grid-template-columns:auto 1fr;align-items:center}.auth-shell{grid-template-columns:1fr}.greeting-row{grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}