:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #14151a;
    color: #e8e9ee;
    line-height: 1.55;
}
.site-header {
    display: flex; align-items: baseline; gap: 0.75rem;
    padding: 1rem 1.5rem; border-bottom: 1px solid #2a2c36; background: #1b1d24;
}
.brand { font-weight: 700; font-size: 1.15rem; letter-spacing: 0.02em; }
.surface-tag { font-size: 0.85rem; color: #8c8fa3; }
.site-main { max-width: 760px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.panel { background: #1b1d24; border: 1px solid #2a2c36; border-radius: 10px; padding: 2rem; }
h1 { margin-top: 0; font-size: 1.6rem; }
.status-line { color: #6fcf97; font-size: 0.95rem; }
.action {
    display: inline-block; margin-top: 0.5rem; padding: 0.5rem 1rem;
    background: #3b6fe0; color: #fff; text-decoration: none; border-radius: 6px;
}
.action:hover { background: #2f5cc0; }
.site-footer {
    max-width: 760px; margin: 0 auto; padding: 1.5rem; color: #6b6e80;
    border-top: 1px solid #2a2c36;
}