:root{--bg:#14161a;--bg-panel:#1c1f26;--text:#e8e8e8;--text-dim:#9aa0a6;--border:#2e323c;--accent:#4a90d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{margin:0}button{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input:not([type]),textarea{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:6px 8px}h1,h2,h3{color:var(--text)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--bg-panel);align-items:center;gap:24px;padding:12px 24px;display:flex}.app-header h1{white-space:nowrap;margin:0;font-size:20px}.app-header nav{gap:4px;display:flex}.nav-link{color:var(--text-dim);border-radius:6px;padding:6px 14px;text-decoration:none}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:#4a90d92e}.app-main{flex:1;min-width:0;padding:24px}@media (width<=640px){.app-header{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.app-header h1{text-align:center;font-size:17px}.app-header nav{gap:2px}.nav-link{text-align:center;flex:1;padding:8px 4px;font-size:13px}.app-main{padding:12px}}