:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#863bff;--accent-dark:#6d1fe0;--ink:#16151a;--muted:#6b6b76;--border:#e4e2ea;--bg:#f6f5f9;--surface:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,transform 50ms}.btn:hover:not(:disabled){border-color:var(--accent);background:#faf8ff}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.textarea{border:1px solid var(--border);resize:vertical;background:var(--surface);color:var(--ink);border-radius:10px;padding:14px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;line-height:1.5}.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #863bff1f}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #100c1e0a,0 8px 24px #100c1e0a}.alert{border-radius:8px;margin:0;padding:10px 14px;font-size:13px;list-style:none}.alert li{padding:3px 0}.alert-error{color:#a02622;background:#fdeceb;border-left:3px solid #d3423c}.alert-warning{color:#8a5a00;background:#fdf3e3;border-left:3px solid #e0a020}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.toast-item{animation:.25s cubic-bezier(.2,.9,.3,1.2) toast-in}.footer-link{color:var(--muted);font-size:12px;text-decoration:none}.footer-link:hover{color:var(--accent);text-decoration:underline}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;display:flex}.app-header__brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.app-header__icon{width:26px;height:26px}.app-header__wordmark{color:var(--accent-dark);letter-spacing:-.02em;font-size:18px;font-weight:800}.app-header__nav{gap:6px;display:flex}.nav-link{color:var(--ink);border:1px solid #0000;border-radius:8px;align-items:center;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.nav-link:hover{border-color:var(--border);background:#faf8ff}.nav-link.active{border-color:var(--accent);color:var(--accent-dark);background:#f5f0ff}.app-footer{z-index:500;background:var(--surface);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:7px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}