:root{--bg: #0b1220;--card: #121b2e;--text: #e8eef8;--muted: #8b9bb4}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid #1e2a44}.brand{font-weight:700;letter-spacing:.08em;color:#6ee7b7}.title{font-size:22px}.clock{font-variant-numeric:tabular-nums;color:var(--muted)}.top-right{display:flex;align-items:center;gap:14px}.exit-btn{padding:5px 12px;line-height:1;border:1px solid #2a3b5c;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;opacity:.55}.exit-btn:hover{opacity:1;color:#fca5a5;border-color:#ef4444}.exit-btn.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:20px 28px 32px}.card{background:var(--card);border-radius:16px;padding:16px 18px 18px;border:3px solid #2a3b5c;min-height:200px}.card.green{border-color:#22c55e}.card.yellow{border-color:#eab308}.card.red{border-color:#ef4444;animation:alarm 1s ease-in-out infinite}.card.red .meta{color:#fca5a5;font-weight:600}.card.red .hr{color:#fecaca}@keyframes alarm{0%,to{background:var(--card);box-shadow:0 0 #ef444400}50%{background:#3b1418;box-shadow:0 0 28px 6px #ef4444a6}}@media(prefers-reduced-motion:reduce){.card.red{animation:none;background:#3b1418;box-shadow:0 0 0 3px #ef4444}}.card.gray{border-color:#64748b;opacity:.85}.head{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;background:#24324d;display:flex;align-items:center;justify-content:center;font-weight:700}.nick{font-size:18px;font-weight:600}.meta{font-size:12px;color:var(--muted)}.hr{font-size:56px;font-weight:700;line-height:1.1;margin:12px 0 4px;font-variant-numeric:tabular-nums}.hr span{font-size:18px;color:var(--muted);font-weight:500}.hrv{font-size:15px;color:var(--muted);margin-bottom:10px;font-variant-numeric:tabular-nums}.hrv strong{color:var(--text);font-weight:600}.row{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.empty{text-align:center;color:var(--muted);margin-top:20vh}.copy{position:fixed;left:0;right:0;bottom:10px;margin:0;text-align:center;color:var(--muted);font-size:12px;pointer-events:none}.hidden{display:none}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#070c16eb;padding:24px}.gate.hidden{display:none}.gate-card{width:min(920px,100%);display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:32px;border-radius:20px;background:var(--card);border:1px solid #1e2a44}.gate-card h2{margin:0 0 12px;grid-column:1 / -1;text-align:center;font-size:28px;font-weight:700;letter-spacing:.04em}.gate-qr{text-align:center}.gate-qr img{width:260px;height:260px;background:#fff;border-radius:12px;padding:10px}.gate-qr strong{letter-spacing:.2em;font-size:22px}.gate-card form{display:flex;flex-direction:column;justify-content:center}.gate-card h3{margin:0 0 16px}.gate-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;color:var(--muted);font-size:14px}.gate-card input{padding:12px 14px;border-radius:10px;border:1px solid #2a3b5c;background:#0b1220;color:var(--text)}.gate-btn{padding:12px 16px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:650;cursor:pointer}.gate-status{min-height:20px;color:var(--muted);font-size:13px}@media(max-width:800px){.gate-card{grid-template-columns:1fr}}