:root{--ground:#f7f1e4;--ink:#0f0f0f;--quiet:#0f0f0f99;--line:#0f0f0f26;--stage:transparent;--tile:transparent;--blend:multiply;--green:#54ba4f;--alert:#c2410c;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--scale:1.3;--small:.8125rem;--base:1rem;--tiny:.6875rem;--gutter:16px;--edge-l:max(var(--gutter), env(safe-area-inset-left));--edge-r:max(var(--gutter), env(safe-area-inset-right));--edge-b:calc(var(--gutter) * 3 + env(safe-area-inset-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f0f0f;--ink:#f7f1e4;--quiet:#f7f1e499;--line:#f7f1e426;--stage:radial-gradient(closest-side, #ffffff17, #fff0);--tile:#1c1c1c;--blend:normal;--alert:#f0704a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#0f0f0f;--ink:#f7f1e4;--quiet:#f7f1e499;--line:#f7f1e426;--stage:radial-gradient(closest-side, #ffffff17, #fff0);--tile:#1c1c1c;--blend:normal;--alert:#f0704a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ground);color:var(--ink);font:400 calc(100% * var(--scale)) / 1.5 var(--font);-webkit-text-size-adjust:100%;overscroll-behavior-x:none;touch-action:pan-y;overflow-x:clip}input,select,textarea{font-size:max(16px,1em)}body{flex-direction:column;min-height:100svh;margin:0;display:flex}main{flex:1 0 auto}a,button,label,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.link{text-underline-offset:3px;text-decoration:underline}img{max-width:100%;height:auto;display:block}.mockup{background:var(--stage);mix-blend-mode:var(--blend)}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.button{width:100%;min-height:48px;font:inherit;font-size:var(--small);text-transform:lowercase;background:var(--ink);color:var(--ground);cursor:pointer;border:0;place-items:center;display:grid}.button:disabled{color:var(--quiet);box-shadow:inset 0 0 0 1px var(--line);cursor:default;background:0 0}.thumb{background:var(--tile);mix-blend-mode:var(--blend)}.page{max-width:44rem;font-size:var(--small);text-transform:lowercase;margin:0 auto}.page h1{font-size:var(--base);margin:0 0 calc(var(--gutter) * 1.5);font-weight:400}.quiet{color:var(--quiet)}.size{text-transform:none}.top.svelte-12qhfyh{padding:calc(var(--gutter) * .5) var(--edge-r) 0 var(--edge-l);justify-content:space-between;align-items:center;gap:8px 12px;max-width:100%;display:flex}.mark.svelte-12qhfyh{flex:none;place-items:center;width:44px;height:44px;margin-left:-9px;display:grid}.corner.svelte-12qhfyh{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 4px;min-width:0;margin-right:-11px;display:flex}.bag.svelte-12qhfyh{font-size:var(--small);white-space:nowrap;place-items:center;min-height:44px;padding:0 8px;display:grid}.theme.svelte-12qhfyh{width:44px;height:44px;color:var(--ink);cursor:pointer;opacity:.55;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:opacity .3s;display:grid}.sun.svelte-12qhfyh{display:none}:root[data-theme=dark] .sun.svelte-12qhfyh{display:block}:root[data-theme=dark] .moon.svelte-12qhfyh{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sun.svelte-12qhfyh{display:block}:root:not([data-theme=light]) .moon.svelte-12qhfyh{display:none}}.theme.svelte-12qhfyh:hover,.theme.svelte-12qhfyh:focus-visible{opacity:1}main.svelte-12qhfyh{padding:calc(var(--gutter) * 1.5) var(--edge-r) calc(var(--gutter) * 3) var(--edge-l)}.foot.svelte-12qhfyh{padding:calc(var(--gutter) * .5) var(--edge-r) calc(var(--gutter) + env(safe-area-inset-bottom)) var(--edge-l);border-top:1px solid var(--line);font-size:var(--tiny);color:var(--quiet);text-transform:lowercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;display:flex}.foot.svelte-12qhfyh a:where(.svelte-12qhfyh),.foot.svelte-12qhfyh span:where(.svelte-12qhfyh){white-space:nowrap;place-items:center;min-height:44px;padding:0 10px;display:grid}.foot.svelte-12qhfyh .as-written:where(.svelte-12qhfyh){text-transform:none}.foot.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.foot.svelte-12qhfyh a:where(.svelte-12qhfyh):focus-visible{color:var(--ink)}
