APP_CSS = """
Screen {
    background: #090f1f;
    color: #e2e8f0;
}

Header {
    background: #0f172a;
    color: #f8fafc;
}

Footer {
    background: #0f172a;
    color: #cbd5e1;
}

#app {
    height: 1fr;
    padding: 1 2;
}

#hero {
    height: auto;
    margin-bottom: 1;
    padding: 1 2;
    background: #0f172a;
    border: round #334155;
}

#hero-title {
    color: #f8fafc;
    text-style: bold;
}

#hero-subtitle {
    color: #94a3b8;
}

#hero-credit {
    color: #60a5fa;
    margin-top: 1;
}

#layout {
    height: 1fr;
}

#sidebar {
    width: 42;
    min-width: 42;
    max-width: 42;
    margin-right: 1;
}

#main {
    height: 1fr;
}

.panel {
    background: #0f172a;
    border: round #334155;
    padding: 1 2;
    margin-bottom: 1;
    height: auto;
}

.panel-title {
    color: #f8fafc;
    text-style: bold;
    margin-bottom: 1;
}

.subtle {
    color: #94a3b8;
}

Input {
    margin-top: 1;
    background: #0b1220;
    border: round #475569;
    color: #e2e8f0;
}

Input:focus {
    border: round #60a5fa;
}

RadioSet {
    margin-top: 1;
}

#controls Button {
    width: 1fr;
    margin-top: 1;
}

#quick-validation {
    margin-top: 1;
    color: #94a3b8;
}

#status-body.ok {
    color: #4ade80;
}

#status-body.warn {
    color: #fbbf24;
}

#status-body.error {
    color: #f87171;
}

#status-body.info {
    color: #93c5fd;
}

#metrics {
    layout: grid;
    grid-size: 2 3;
    grid-columns: 1fr 1fr;
    grid-gutter: 1 1;
    height: auto;
}

.metric-card {
    min-height: 8;
    padding: 1 2;
    background: #0b1220;
    border: round #253247;
}

.metric-label {
    color: #94a3b8;
}

.metric-value {
    color: #f8fafc;
    text-style: bold;
    margin-top: 1;
}

#details-grid {
    height: auto;
}

.detail-row {
    margin-bottom: 1;
}

.detail-key {
    color: #94a3b8;
}

.detail-value {
    color: #e2e8f0;
}

#json-panel {
    height: auto;
    min-height: 18;
}

#json-box {
    height: auto;
    min-height: 14;
    background: #0b1220;
    border: round #253247;
    padding: 1;
}

.hidden {
    display: none;
}

#help-dialog {
    width: 76;
    height: auto;
    background: #0f172a;
    border: round #60a5fa;
    padding: 1 2;
}

#help-title {
    color: #f8fafc;
    text-style: bold;
    margin-bottom: 1;
}

#help-body {
    color: #cbd5e1;
    margin-bottom: 1;
}

#github-dialog {
    width: 72;
    height: auto;
    background: #0f172a;
    border: round #60a5fa;
    padding: 1 2;
}

#github-title {
    color: #f8fafc;
    text-style: bold;
    margin-bottom: 1;
}

#github-body {
    color: #cbd5e1;
    margin-bottom: 1;
}

#github-url {
    color: #93c5fd;
    margin-bottom: 1;
}

#github-buttons Button {
    width: 1fr;
}
"""