:root{color-scheme:dark;--bg: #020617;--panel: rgba(15, 23, 42, .94);--panel-soft: rgba(30, 41, 59, .9);--border: rgba(148, 163, 184, .18);--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--shadow: 0 22px 60px rgba(2, 6, 23, .45);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;--color-bg: var(--bg);--color-surface: var(--panel);--color-surface-elevated: var(--panel-soft);--color-surface-muted: rgba(30, 41, 59, .72);--color-border: var(--border);--color-text: var(--text);--color-text-muted: var(--muted);--color-primary: var(--accent);--color-primary-strong: var(--accent-strong);--color-success: var(--success);--color-warning: var(--warning);--color-danger: var(--danger);--color-shadow: var(--shadow);--focus-ring: rgba(56, 189, 248, .28)}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,var(--color-bg) 0%,var(--color-bg) 38%,var(--color-bg) 100%);color:var(--color-text)}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--color-primary);text-decoration:none}.app-page,.app-shell{min-width:0;width:100%}.app-page{padding:1.5rem}.app-page__header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.app-page__title{margin:0;color:var(--color-text);font-weight:700;line-height:1.2}.app-page__subtitle{margin:0;color:var(--color-text-muted)}.app-card,.app-surface{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--color-shadow)}.app-card{padding:1.5rem}.app-grid{display:grid;gap:1rem}.app-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-stack{display:flex;flex-direction:column;gap:1rem}.app-inline{display:inline-flex;align-items:center;gap:.5rem}.app-badge{display:inline-flex;align-items:center;padding:.2rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);font-weight:600;font-size:.85rem}.app-muted{color:var(--color-text-muted)}.app-divider{border:0;border-top:1px solid var(--color-border);margin:0}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-toolbar--center{justify-content:center}.app-section{display:flex;flex-direction:column;gap:1rem}.app-section__title{margin:0;color:var(--color-text);font-size:1.1rem;font-weight:700}
