:root{--color-primary:#3f4a5a;--color-secondary:#a9b2be;--color-muted:#8a929c;--color-background:#f5f5f2;--color-surface:#fff;--color-accent:#b08d57;--color-text:#24272c;--font-display:Georgia, serif;--font-body:system-ui, sans-serif;--radius:10px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}.page{flex-direction:column;min-height:100vh;display:flex}.dev-ribbon{background:var(--color-accent);color:var(--color-text);text-align:center;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;font-size:12px}.masthead{background:var(--color-primary);color:var(--color-background);text-align:center;padding:48px 16px 40px}.wordmark{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(30px,6vw,44px);font-weight:500}.ornament{justify-content:center;margin:14px 0 12px;display:flex}.ornament span{background:var(--color-accent);width:140px;height:1px;position:relative}.ornament span:after{content:"";background:var(--color-accent);width:7px;height:7px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.tagline{letter-spacing:.32em;text-transform:uppercase;opacity:.85;font-size:12px}.card{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-muted) 35%, transparent);border-radius:var(--radius);width:min(560px,100% - 32px);margin:-24px auto 0;padding:32px 28px;box-shadow:0 1px 2px #0000000a}.card h1{font-family:var(--font-display);color:var(--color-primary);margin:0 0 8px;font-size:28px;font-weight:500}.lead{color:color-mix(in srgb, var(--color-text) 80%, transparent);margin:0 0 24px}.checks{border-top:1px solid color-mix(in srgb, var(--color-muted) 30%, transparent);margin:0;padding:0;list-style:none}.checks li{border-bottom:1px solid color-mix(in srgb, var(--color-muted) 30%, transparent);flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:12px 0;display:flex}.checks strong{color:var(--color-primary);overflow-wrap:anywhere;font-weight:600}.detail{width:100%;color:var(--color-muted);padding-left:18px;font-size:13px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;transform:translateY(-1px)}.dot.ok{background:var(--color-secondary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent)}.dot.wait{background:var(--color-muted)}.dot.problem{background:#b3261e}.motto{font-family:var(--font-display);text-align:center;color:var(--color-primary);margin:24px 0 0;font-size:18px;font-style:italic}.footer{text-align:center;color:var(--color-muted);margin-top:auto;padding:32px 16px 24px;font-size:12px}