:root{--bg:#020910;--panel:#071724;--text:#eefbff;--muted:#93b1bf;--cyan:#69e5ff;--line:rgba(112,215,255,.18);--ok:#53e5a7;--warning:#ffd457;--error:#ff6374;--info:#65aaff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0,#0b2e48 0,transparent 35%),var(--bg);color:var(--text)}body{padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}a{color:var(--cyan)}button,a{font:inherit}.status-shell{width:min(1120px,100%);margin:auto}.status-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:18px 0 24px}.eyebrow{font-size:.63rem;letter-spacing:.2em;color:var(--cyan);font-weight:850}.status-header h1{margin:5px 0 5px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em}.status-header p{max-width:680px;margin:0;color:var(--muted);line-height:1.5}.header-actions{display:flex;flex-wrap:wrap;gap:9px}.header-actions a,.header-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:rgba(6,27,42,.84);color:var(--text);text-decoration:none;cursor:pointer}.header-actions button{background:linear-gradient(135deg,var(--cyan),#2688ff);color:#00131e;border:0;font-weight:850}.overall-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(7,23,36,.9);box-shadow:0 18px 60px rgba(0,0,0,.35)}.overall-dot{width:15px;height:15px;border-radius:50%;background:var(--info);box-shadow:0 0 18px currentColor}.overall-card.is-ok .overall-dot{background:var(--ok);color:var(--ok)}.overall-card.is-warning .overall-dot{background:var(--warning);color:var(--warning)}.overall-card.is-error .overall-dot{background:var(--error);color:var(--error)}.overall-card strong{font-size:1.05rem}.overall-card p{margin:3px 0 0;color:var(--muted);font-size:.77rem}.overall-card time{color:var(--cyan);font-size:.72rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:14px 0 24px}.summary-grid article{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(7,23,36,.82)}.summary-grid span,.summary-grid strong{display:block}.summary-grid span{color:var(--muted);font-size:.69rem}.summary-grid strong{margin-top:5px;font-size:1.65rem;font-variant-numeric:tabular-nums}.status-groups{display:grid;gap:20px}.status-group h2{margin:0 0 10px;font-size:1rem}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-card{position:relative;padding:15px 15px 15px 42px;border:1px solid var(--line);border-radius:14px;background:rgba(7,23,36,.78)}.check-card::before{content:"";position:absolute;left:16px;top:19px;width:11px;height:11px;border-radius:50%;background:var(--info);box-shadow:0 0 13px currentColor}.check-card.is-ok::before{background:var(--ok);color:var(--ok)}.check-card.is-warning::before{background:var(--warning);color:var(--warning)}.check-card.is-error::before{background:var(--error);color:var(--error)}.check-card.is-info::before{background:var(--info);color:var(--info)}.check-card h3{margin:0;font-size:.83rem}.check-card p{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}.status-explanation{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(7,23,36,.65)}.status-explanation h2{margin:0 0 8px;font-size:1rem}.status-explanation p{margin:7px 0;color:var(--muted);line-height:1.55;font-size:.78rem}.status-explanation strong{color:var(--text)}footer{display:flex;gap:9px;justify-content:center;padding:24px 0 4px;color:var(--muted);font-size:.72rem}footer a{text-decoration:none}@media(max-width:760px){.status-header{display:grid}.header-actions{width:100%}.header-actions>*{flex:1}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid{grid-template-columns:1fr}.overall-card{grid-template-columns:auto minmax(0,1fr)}.overall-card time{grid-column:2}}@media(max-width:430px){.summary-grid{gap:8px}.summary-grid article{padding:13px}.summary-grid strong{font-size:1.35rem}}
