:root{--bg:#e9e5de;--paper:#fbfaf7;--ink:#2a231c;--muted:#6e655b;--line:#d8d1c6;--accent:#8a5a2b;--dim:#b0331f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17130f;--paper:#211b16;--ink:#ece4d8;--muted:#a89b8b;--line:#3b3229;--accent:#d29a5c;--dim:#ff8a6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#17130f;--paper:#211b16;--ink:#ece4d8;--muted:#a89b8b;--line:#3b3229;--accent:#d29a5c;--dim:#ff8a6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;margin:0;font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{touch-action:none;position:fixed;inset:0}#view canvas{display:block}#loading{color:var(--muted);z-index:20;background:var(--bg);place-content:center;justify-items:center;gap:12px;transition:opacity .4s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.top,.bot{z-index:5;pointer-events:none;position:fixed;left:0;right:0}.top{padding:calc(8px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));top:0}.bot{padding:0 max(16px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:6px;display:flex;bottom:0}.scroller{scrollbar-width:none;pointer-events:auto;gap:6px;margin:-2px;padding:2px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}button{font:inherit;color:var(--ink);cursor:pointer}.scroller button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);white-space:nowrap;border-radius:99px;flex:none;min-height:40px;padding:6px 14px}.scroller button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--paper);font-weight:600}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{background:color-mix(in srgb, var(--paper) 85%, transparent);pointer-events:auto;border-radius:8px;align-self:flex-start;max-width:100%;margin:0;padding:6px 10px;font-size:.82rem}.panel{z-index:10;top:calc(60px + env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));bottom:calc(110px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 96%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;width:min(340px,100vw - 32px);display:flex;position:fixed;box-shadow:0 8px 30px #0000001f}.panel header{justify-content:space-between;align-items:center;padding:10px 10px 6px 14px;display:flex}.panel h2{margin:0;font-size:1rem}.icon{background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:1rem}.cablist{padding:0 6px 10px;overflow-y:auto}.cablist h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 8px 4px;font-size:.78rem}.cablist button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:10px;width:100%;padding:9px 8px;display:flex}.cablist button:hover,.cablist button[aria-current=true]{background:color-mix(in srgb, var(--accent) 14%, transparent)}.cablist b{min-width:2.6em;color:var(--accent)}@media (max-width:640px){.panel{width:auto;top:auto;left:16px;right:16px;bottom:calc(108px + env(safe-area-inset-bottom));max-height:46vh}}.dim-label{color:#fff;background:var(--dim);white-space:nowrap;pointer-events:none;border-radius:5px;padding:3px 6px;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 3px #00000040}.dim-label.h{background:#2f5f8a}