:root{--paper:#f6f3ec;--ink:#1f1e1c;--chrome-bg:#fffdf8eb;--chrome-border:#1f1e1c1f;--chrome-fg:#2b2a27;--muted:#77726a;--accent:#c8541f;--warn:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1b1a18;--ink:#ece8df;--chrome-bg:#262421eb;--chrome-border:#ece8df24;--chrome-fg:#ece8df;--muted:#a39d92;--accent:#f08a4b;--warn:#ff8a80}}html,body{background:var(--paper);height:100%;color:var(--chrome-fg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font:15px/1.35 -apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}.pad{touch-action:none;position:absolute;inset:0}.pad canvas{pointer-events:none;position:absolute;top:0;left:0}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}.toolbar{left:max(12px, env(safe-area-inset-left));background:var(--chrome-bg);border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:8px;padding:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.toolbar button{background:0 0;border:0;border-radius:12px;place-items:center;width:52px;height:52px;display:grid;position:relative}.toolbar button:active,.toolbar button[aria-pressed=true]{background:var(--chrome-border)}.badge{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:9px;min-width:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:3px;right:3px}.debug{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));background:var(--chrome-bg);border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;border-radius:14px;width:300px;max-height:calc(100% - 24px);padding:12px 14px;font-size:13px;position:absolute;overflow:auto}.debug h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:12px 0 4px;font-size:11px;font-weight:600}.debug h2:first-child{margin-top:0}.debug dl{margin:0}.debug .row{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.debug dt{color:var(--muted)}.debug dd{text-align:right;margin:0}.debug .row.warn dd{color:var(--warn);font-weight:600}.debug .hint{color:var(--muted);margin:2px 0}.toggles{flex-direction:column;gap:6px;display:flex}.toggles button,.banner button{border:1px solid var(--chrome-border);text-align:left;background:0 0;border-radius:10px;min-height:44px;padding:0 14px}.toggles button[aria-pressed=true]{border-color:var(--accent)}.toggles button:disabled{opacity:.45}.banner{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--chrome-bg);border:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:absolute;transform:translate(-50%)}.banner button:first-of-type{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.toast{left:50%;top:max(16px, env(safe-area-inset-top));background:var(--chrome-fg);color:var(--paper);pointer-events:none;border-radius:999px;padding:8px 16px;font-size:14px;animation:.14s ease-out toast-in;position:absolute;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}