:root{--bg:#071019;--panel:#101c27;--panel2:#162634;--line:#273b4b;--text:#eef5f7;--muted:#9db0bb;--red:#e23c48;--darkred:#8f1f29;--green:#27b879;--amber:#f5b94b;--blue:#4fa8ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% -10%,#3a1920 0,transparent 32%),var(--bg);color:var(--text);font:16px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:4;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:flex;justify-content:space-between;align-items:center;background:rgba(7,16,25,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:850}.brand img{width:38px;height:38px;border-radius:10px}.brand span{display:grid}.brand small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.network{font-size:11px;color:var(--green);border:1px solid currentColor;padding:4px 8px;border-radius:999px}.network.offline{color:var(--amber)}main{width:min(760px,100%);margin:auto;padding:18px 14px calc(40px + env(safe-area-inset-bottom));display:grid;gap:14px}.panel,.incident{border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(20,34,46,.98),rgba(11,22,31,.98));box-shadow:0 18px 50px rgba(0,0,0,.18);margin-bottom:14px}.incident{background:linear-gradient(145deg,#8f1f29,#3e151a);border-color:#e65f68}.incident.quiet{background:linear-gradient(145deg,#123327,#0b211a);border-color:#286848}.incident h1,.panel h1{font-size:clamp(28px,8vw,44px);line-height:1.05;margin:9px 0 12px;letter-spacing:-.04em}.panel h2{margin:4px 0 14px;font-size:23px}.panel p,.incident p{color:#c7d3d9}.incident-meta{font-size:12px;color:#f1c9cc}.tag,.kicker{font-size:11px;letter-spacing:.12em;font-weight:900}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.25)}.kicker{color:var(--amber)}.form-grid{display:grid;gap:12px}label{display:grid;gap:6px;color:#d6e0e4;font-weight:700;font-size:13px}input,textarea,select{width:100%;background:#071019;color:var(--text);border:1px solid #355064;border-radius:12px;padding:13px 14px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,168,255,.12)}textarea{resize:vertical}.check{display:flex;align-items:flex-start;font-weight:500}.check input{width:auto;margin:4px 10px 0 0}.indoor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.primary,.secondary,.safe,.help,.neutral,.text-danger,.ask-row button{border:0;border-radius:13px;padding:13px 16px;font:inherit;font-weight:850;cursor:pointer}.primary,.ask-row button{background:var(--red);color:white}.secondary,.neutral{background:#223747;color:var(--text);border:1px solid #365267}.text-danger{background:transparent;color:#ff8189;border:1px solid #7b343a}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.status-dot{font-size:11px;color:var(--muted)}.status-dot.good{color:var(--green)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.safe{background:var(--green);color:#052217}.help{background:var(--red);color:white}.message{min-height:22px;margin:10px 0 0!important;font-weight:700}.details,.privacy{color:var(--muted)!important;font-size:12px;margin:12px 0 0}.guide-content{display:grid;gap:10px}.guide-block{background:#0d1721;border:1px solid var(--line);border-radius:14px;padding:14px}.guide-block h3{margin:0 0 8px;font-size:16px}.guide-block ul{margin:0;padding-left:18px}.guide-block li+li{margin-top:6px}.guide-content a{color:var(--blue)}.chat{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;margin:10px 0 12px}.bubble{padding:11px 13px;border-radius:15px;max-width:88%;white-space:pre-wrap}.bubble.bot{align-self:flex-start;background:#142f43;border:1px solid #224963}.bubble.user{align-self:flex-end;background:#374358}.ask-row{display:grid;grid-template-columns:1fr auto;gap:8px}.profile #lastSeen{font-size:11px;color:var(--muted)}@media(max-width:580px){.indoor{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.ask-row{grid-template-columns:1fr}.ask-row button{width:100%}.button-row>*{flex:1}.panel,.incident{padding:17px;border-radius:18px}}
