:root{--text:#e0e0e0;--text-h:#fff;--text-muted:#888;--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#16162a;--border:#2a2a44;--accent:#e94560;--accent-dim:#e9456026;--accent-border:#e9456080;--green:#4caf50;--green-dim:#4caf5026;--blue:#42a5f5;--blue-dim:#42a5f526;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/150% var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}h1,h2,h3{color:var(--text-h);font-weight:600}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:opacity .15s}button:active{opacity:.8}button.primary{background:var(--accent);color:#fff}button.secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}input,textarea{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px}textarea:focus,input:focus{border-color:var(--accent-border);outline:none}.tab-bar{border-bottom:1px solid var(--border);background:var(--bg-card);z-index:10;display:flex;position:sticky;top:0}.tab-bar button{color:var(--text-muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:12px 8px;font-size:.8rem;font-weight:500;transition:color .15s,border-color .15s}.tab-bar button.active{color:var(--accent);border-bottom-color:var(--accent)}.page{flex:1;padding:16px;overflow-y:auto}