:root{--bg:#1f1e1d;--bg-elevated:#262524;--bg-input:#2d2b29;--border:#393734;--border-strong:#4a4744;--text:#f5f4ee;--text-dim:#b0aaa0;--text-faint:#847d72;--accent:#d97757;--accent-hover:#e08a6e;--danger:#e0685a;--warn:#d9a23a;--ok:#6cae8e;--radius:10px;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;--sans:"Styrene B",system-ui,-apple-system,"Segoe UI",sans-serif}:root[data-theme=light]{--bg:#faf9f5;--bg-elevated:#ffffff;--bg-input:#f0eee6;--border:#e4e1d8;--border-strong:#d2cec3;--text:#1f1e1d;--text-dim:#6b6557;--text-faint:#97917f;--accent:#cc785c;--accent-hover:#bd6a4f;--danger:#c6453a;--warn:#b8841f;--ok:#3f7d5e}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#faf9f5;--bg-elevated:#ffffff;--bg-input:#f0eee6;--border:#e4e1d8;--border-strong:#d2cec3;--text:#1f1e1d;--text-dim:#6b6557;--text-faint:#97917f;--accent:#cc785c;--accent-hover:#bd6a4f;--danger:#c6453a;--warn:#b8841f;--ok:#3f7d5e}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button{cursor:pointer}button,input,textarea{font-family:inherit}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent);color:#fff}.btn{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.btn:hover{background:var(--bg-elevated);border-color:var(--text-faint)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-dim)}.badge-prod{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.badge-secret{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}.input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;width:100%}.input:focus{outline:none;border-color:var(--accent)}.mono{font-family:var(--mono)}.hscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}@media (max-width:720px){body{padding-bottom:env(safe-area-inset-bottom)}.input,input,select,textarea{font-size:16px}.btn{min-height:40px;padding:9px 14px}}