:root{color-scheme:dark;--bg:#0b1220;--surface:#141e30;--text:#eef2ff;--muted:#b5c1d8;--border:#34435e;--accent:#a5b4fc;--button:#253450;--danger:#7f1d2d;--focus:#c7d2fe}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:600px;margin:auto;padding:40px 20px calc(24px + env(safe-area-inset-bottom))}header{margin-bottom:28px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:700}h1{font-size:36px;letter-spacing:-.04em;margin:8px 0}h2{font-size:22px;margin:0 0 20px}p{color:var(--muted);margin:8px 0}header p{font-size:18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 20px 60px #0003}label{display:block;margin-bottom:8px}input[type=password]{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--text);font:inherit}button{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:12px;background:var(--button);min-height:48px;padding:8px 14px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}.primary{width:100%;background:#4338ca;margin-top:16px;font-weight:650}#error{color:#fecdd3;min-height:24px}.connection{display:flex;align-items:center;justify-content:space-between;gap:12px}#state{font-weight:650;color:var(--accent)}#connect{font-size:14px}.drive-state{margin:24px 0 12px;text-align:center;color:var(--muted)}.drive-state strong{color:var(--text);margin-left:10px}.pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,100px);gap:12px;max-width:380px;margin:0 auto 28px}.drive{touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:650}.drive span{font-size:32px;line-height:1}.drive small{font-size:14px;margin-top:8px}.drive.active{background:#4338ca;border-color:#c7d2fe}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.stop{grid-area:2/2;background:var(--danger);border-color:#be465b;font-weight:750}.stop small{display:block;font-size:10px;font-weight:500;color:#ffe4e6}.speed{border-top:1px solid var(--border);padding-top:20px}.speed label{display:flex;justify-content:space-between}.speed output{font-variant-numeric:tabular-nums;color:var(--accent)}input[type=range]{width:100%;min-height:44px;accent-color:#a5b4fc}.speed p,.instructions,.footnote,#feedback{font-size:13px;line-height:1.7}.instructions{margin-top:20px}.footnote{color:var(--muted);margin-top:12px}#feedback{color:var(--accent);margin-top:16px}footer{text-align:center;font-size:12px;color:var(--muted);margin-top:24px}[hidden]{display:none!important}@media(max-width:380px){main{padding:24px 12px}.panel{padding:18px}.pad{gap:8px;grid-template-rows:repeat(3,88px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}