:root{--bg: #0e1014;--surface: #181b22;--surface-2: #222631;--border: #353b4a;--text: #f3f4f6;--muted: #a7adbb;--left: #3d8bff;--left-strong: #1f6fe8;--right: #ff9f1c;--right-strong: #e98400;--ok: #34d399;--warn: #fbbf24;--danger: #f87171;--danger-strong: #dc2626;--focus: #ffffff;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.45}body{min-height:100dvh;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.2;margin:0 0 .6em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8em}a{color:var(--left)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}button,.btn{font:inherit;font-weight:600;color:var(--text);background:var(--surface-2);border:2px solid var(--border);border-radius:12px;padding:.65em 1.1em;min-height:48px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5em}button:hover:not(:disabled){border-color:#556}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--ok);color:#05261a;border-color:var(--ok)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.danger-solid{background:var(--danger-strong);color:#fff;border-color:var(--danger-strong)}button.ghost{background:transparent}button.small{min-height:36px;padding:.35em .8em;font-size:.9rem}input,textarea,select{font:inherit;color:var(--text);background:#0b0d11;border:2px solid var(--border);border-radius:10px;padding:.6em .75em;min-height:48px;width:100%}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--left);outline:none}label{display:block;font-weight:600;margin-bottom:.3em;color:var(--muted);font-size:.92rem}input[type=checkbox]{width:24px;height:24px;min-height:0;accent-color:var(--ok)}input[type=range]{padding:0}.pill{display:inline-flex;align-items:center;gap:.4em;font-size:.85rem;font-weight:700;padding:.25em .7em;border-radius:999px;border:2px solid currentColor;white-space:nowrap}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--danger)}.pill.muted,.muted{color:var(--muted)}.small-text{font-size:.88rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.75rem}.grow{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.notice{border-radius:12px;padding:.8rem 1rem;border:2px solid;font-weight:600}.notice.warn{border-color:var(--warn);color:var(--warn);background:#fbbf2414}.notice.bad{border-color:var(--danger);color:var(--danger);background:#f8717114}.notice.ok{border-color:var(--ok);color:var(--ok);background:#34d39914}
