*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}a{color:#38bdf8;text-decoration:none}a:hover{text-decoration:underline}#root{min-height:100vh}.layout{max-width:720px;margin:0 auto;padding:1rem}.nav{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid #334155;margin-bottom:1rem}.nav a{color:#94a3b8}.nav a.active{color:#38bdf8;font-weight:600}input,textarea,button{font:inherit}input,textarea{width:100%;padding:.5rem .75rem;border:1px solid #475569;border-radius:6px;background:#1e293b;color:#e2e8f0;margin-bottom:.75rem}button{padding:.5rem 1rem;border-radius:6px;border:none;background:#0ea5e9;color:#fff;cursor:pointer}button:hover{background:#0284c7}button.secondary{background:#475569}.card{background:#1e293b;border-radius:8px;padding:1rem;margin-bottom:1rem}.card h3{margin:0 0 .5rem;font-size:1rem}