:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--wall:#e8e6e1;--panel:#f5f4f0;--ink:#1f1e1c;--ink-soft:#6e6a62;--amber:#e2600f;--rule:#1f1e1c24;--display:"Chivo", "Helvetica Neue", Arial, sans-serif;--mono:"Chivo Mono", ui-monospace, Menlo, monospace;--step--1:.6875rem;--step-0:.8125rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-night=true]{--wall:#080807;--panel:#161513;--ink:#ecebe6;--ink-soft:#8f8a80;--rule:#ecebe624;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--wall);color:var(--ink);font-family:var(--mono);font-size:var(--step-0);transition:background-color 1.2s,color 1.2s;overflow:hidden}#stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#stage.orbit{cursor:grab}#stage.orbit:active{cursor:grabbing}.dim{align-items:center;gap:8px;display:flex}.dim input{width:96px;accent-color:var(--amber)}.strip{z-index:2;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));pointer-events:none;flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex;position:fixed;left:0;right:0}.strip>*{pointer-events:auto}.top{padding-block:calc(14px + env(safe-area-inset-top,0px)) 0;justify-content:space-between;top:0}.bottom{padding-block:0 calc(14px + env(safe-area-inset-bottom,0px));bottom:0}.mark{font-family:var(--display);align-items:baseline;gap:10px;font-size:.95rem;display:flex}.mark small,.label,.hint{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.hint{text-transform:none;letter-spacing:.03em;text-align:right;max-width:36ch}.panel{background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--rule);border-radius:6px;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:10px 18px;width:100%;padding:10px 12px;display:grid}.msg{align-items:center;gap:12px;min-width:0;display:flex}.msg textarea{resize:none;min-width:0;font:inherit;font-family:var(--display);color:var(--ink);border:0;border-bottom:1px solid var(--rule);background:0 0;flex:1;padding:4px 2px;font-size:1rem;line-height:1.25}.tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 14px;display:flex}.seg{border:1px solid var(--rule);border-radius:4px;gap:2px;padding:2px;display:flex}button{font:inherit;font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px 10px}button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--panel)}.plain{border:1px solid var(--rule)}#night[aria-pressed=true],#sound[aria-pressed=true]{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 45%, transparent)}.meta{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:4px 18px;display:flex}#count{font-variant-numeric:tabular-nums}button:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}#notice{text-align:center;padding:0 max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));font-family:var(--display);color:var(--ink-soft);place-items:center;display:grid;position:fixed;inset:0}@media (max-width:1180px){.panel{grid-template-columns:minmax(0,1fr)}.tools{justify-content:flex-start}}@media (max-width:720px){.hint{display:none}}@media (prefers-reduced-motion:reduce){.panel{-webkit-backdrop-filter:none;backdrop-filter:none}}
