:root{--surface-page:#070b14;--surface-card:#101725;--surface-raised:#172032;--surface-inverse:#0a0f1c;--surface-glass:#121a2bb8;--text-primary:#e8eefb;--text-secondary:#a7b6d3;--text-muted:#6d7d9c;--text-on-accent:#041018;--border:#202b42;--border-strong:#33415e;--accent:#35d6f0;--accent-2:#4f8cff;--accent-hover:#6fe3f7;--ok:#35e0a1;--warn:#f5c451;--alarm:#ff6b6b;--quality-bad:#b98bff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000047;--glow-accent:0 0 0 1px #35d6f059, 0 0 18px #35d6f040;--focus-ring:0 0 0 3px #35d6f073;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", "Consolas", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 15% -10%, #4f8cff1a, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #35d6f014, transparent 55%), var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-3);letter-spacing:-.01em;line-height:1.25}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg, #ffffff08, #fff0) var(--surface-card);color:var(--text-primary);cursor:pointer;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--accent);background:var(--surface-raised);box-shadow:var(--glow-accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;border-color:var(--border)}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--text-on-accent);border-color:#0000;font-weight:700}.btn--primary:hover{background:linear-gradient(135deg, var(--accent-hover), var(--accent-2));box-shadow:0 0 22px #35d6f066}.btn--ghost{background:0 0;border-color:#0000}.field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;min-width:0;display:flex}.field label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.field input,.field textarea,.field select{width:100%;max-width:100%;font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);background:#0b111d}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field .hint{color:var(--text-muted);font-size:.8rem}.row>.field{flex:1 1 0;min-width:0}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:3px solid var(--alarm);color:#ffb4b4;background:#ff6b6b1f;font-size:.9rem}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(90deg, var(--surface-inverse), #0d1526);color:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;box-shadow:0 1px #35d6f026,0 6px 20px #00000059}.topbar .brand{letter-spacing:.12em;font-weight:700;font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 12px #35d6f059;overflow-wrap:anywhere;min-width:0}.topbar .spacer{flex:1}.topbar .user{color:var(--text-secondary);margin-right:var(--space-4);font-size:.9rem}.page{max-width:1080px;padding:var(--space-6) var(--space-5);margin:0 auto}.center-screen{min-height:100vh;padding:var(--space-5);color:var(--text-secondary);place-items:center;display:grid}.stack{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.project-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.project-card{transition:border-color .15s,box-shadow .15s,transform .15s}.project-card:hover{border-color:var(--accent);box-shadow:var(--glow-accent);transform:translateY(-2px)}.project-card h3{margin-bottom:var(--space-1)}.project-card .code{font-family:var(--font-mono);color:var(--accent);font-size:.8rem}.project-card .meta{color:var(--text-secondary);font-size:.9rem}.palette-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.palette-item{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;font:inherit;color:var(--text-secondary);text-align:center;flex-direction:column;font-size:.72rem;transition:border-color .15s,box-shadow .15s;display:flex}.palette-item:hover{border-color:var(--accent);box-shadow:var(--glow-accent);color:var(--text-primary)}.palette-item svg{border-radius:var(--radius-sm);background:#0b111d}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}