:root{--color-bg: #0f1419;--color-surface: #1a2332;--color-text: #e7ecf3;--color-muted: #8b9cb3;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #f87171;--radius: .5rem;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:var(--color-primary)}.app-shell{max-width:48rem;margin:0 auto;padding:1.5rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1.5rem;border-bottom:1px solid var(--color-surface);margin-bottom:1.5rem}.brand{font-weight:600;font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.5rem 1rem;border-radius:var(--radius);border:none;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;font-family:inherit}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-surface)}.btn-ghost:hover{background:var(--color-surface)}.alert{padding:.75rem 1rem;border-radius:var(--radius);background:#f871711f;color:var(--color-danger);margin-bottom:1rem}.muted{color:var(--color-muted);font-size:.875rem}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem}