:root{--bg:#f7f7f5;--surface:#fff;--text:#1d1d1b;--muted:#5f5e5a;--border:#d9d8d2;--accent:#2563eb;--accent-text:#fff;--ok:#15803d;--bad:#b91c1c;--notice:#fdf6e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161615;--surface:#1f1f1d;--text:#ecebe6;--muted:#a3a29c;--border:#3a3936;--accent:#60a5fa;--accent-text:#0b1220;--ok:#4ade80;--bad:#f87171;--notice:#2a2618}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.5}a{color:var(--accent)}.nav{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:16px;padding:12px 16px;display:flex}.nav a[aria-current=page]{font-weight:600;text-decoration:none}.page{max-width:720px;margin:0 auto;padding:16px}h1{margin:8px 0 16px;font-size:1.5rem}.muted{color:var(--muted)}.error{color:var(--bad)}.notice{background:var(--notice);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.steps li{margin-bottom:8px}button{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.big{width:100%;min-height:64px;font-size:1.25rem}button.link{min-width:0;min-height:0;color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:8px;width:100%;padding:8px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:start;padding:6px 8px}td input{max-width:110px}td.ok{color:var(--ok);font-weight:600}td.bad{color:var(--bad);font-weight:600}.xr-overlay{pointer-events:none;color:#fff;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.xr-overlay.hidden{display:none}.xr-top,.xr-bottom{pointer-events:auto;background:#0000008c;padding:12px 16px}.xr-top{padding-top:max(12px, env(safe-area-inset-top))}.xr-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.xr-bottom .row{gap:8px;display:flex}.xr-bottom .row button{flex:1}.board{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);touch-action:none;border-radius:8px;width:100%;max-width:480px;margin:16px auto;display:block}.square{fill:var(--accent);cursor:grab}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.login{max-width:360px}