:root{--paper:#f3ede4;--ink:#3a3129;--ink-2:#7a6d60;--ink-3:#a3968a;--pill:#fffcf7d1;--pill-edge:#3a312914;--led:#ffb48f;--led-on:#ff7a4d;--shadow:0 10px 30px #5e483424, 0 1px 2px #5e483414;--font-mark:"DIN Alternate", "Avenir Next Condensed", "Helvetica Neue", "Hiragino Sans", sans-serif;--font-body:"Hiragino Sans", "ヒラギノ角ゴシック", "Yu Gothic", "游ゴシック体", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}#stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}.brand{top:max(18px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));pointer-events:none;align-items:baseline;gap:8px;display:flex;position:fixed}.brand__name{pointer-events:auto;font-family:var(--font-mark);letter-spacing:.02em;color:var(--ink);font-size:26px;font-weight:700;text-decoration:none}.brand__name:hover{color:var(--led-on)}.brand__sub{font-family:var(--font-mark);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700}.hint{background:var(--pill);border:1px solid var(--pill-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;color:var(--ink);pointer-events:none;border-radius:999px;margin:0;padding:12px 22px;font-size:15px;font-weight:600;transition:opacity .32s,translate .32s;position:fixed;top:50%;left:50%;translate:-50% -50%}.hint[data-state=loading]{color:var(--ink-3)}.hint[data-state=hidden]{opacity:0;translate:-50% -60%}.readout{left:max(22px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-2);pointer-events:none;white-space:pre;margin:0;font-size:12.5px;position:fixed}.readout:empty{display:none}.dock{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));background:var(--pill);border:1px solid var(--pill-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;gap:8px;padding:6px;display:flex;position:fixed}.dock__key{height:38px;color:var(--ink-2);font-family:var(--font-mark);letter-spacing:.16em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.dock__key:hover{color:var(--ink);background:#3a31290f}.dock__key:focus-visible{outline:2px solid var(--led-on);outline-offset:2px}.dock__key--link{font-family:var(--font-body);letter-spacing:.04em;color:var(--ink);font-size:12.5px;font-weight:600}.dock__key--link svg{width:14px;height:14px}.dock__led{background:#3a31292e;border-radius:50%;width:8px;height:8px;transition:background .14s,box-shadow .14s}.dock__key[aria-pressed=true]{color:var(--ink)}.dock__key[aria-pressed=true] .dock__led{background:var(--led-on);box-shadow:0 0 10px var(--led)}@media (width<=640px){.brand__name{font-size:22px}.readout{bottom:max(78px, calc(env(safe-area-inset-bottom) + 60px))}.dock{left:50%;right:auto;translate:-50%}.dock__key{padding:0 13px}}@media (prefers-reduced-motion:reduce){.hint,.dock__key,.dock__led{transition:none}}