:root{--paper: #f4f2eb;--paper-light: #faf8f2;--paper-warm: #efeee8;--paper-shade: #e6e1d3;--paper-edge: #ddd6c4;--desk: #e5e4de;--desk-deep: #cfcdc4;--ink: #302f2a;--muted: #79776e;--rule: #d9d6cc;--frame: #c4bfb1;--rule-strong: #b4b0a4;--blue: #24549a;--blue-deep: #193f78;--blue-soft: #688ab8;--wash: #e8edf4;--amber: #987541;--amber-deep: #8b5a3c;--amber-wash: #f0e8dc;--cloth: #1d3f73;--cloth-deep: #142d55;--thread-light: rgb(255 255 255 / 5%);--thread-dark: rgb(0 0 0 / 9%);--foil: #e9dfc6;--foil-light: rgb(255 255 255 / 22%);--foil-shade: rgb(0 0 0 / 45%);--endpaper: #d9dfe8;--foxing: #8b5a2b;--foxing-deep: #6e4320;--mildew: #5f6448;--mildew-dark: #3d4030;--mildew-bloom: url(/textures/mildew-bloom.png);--mildew-specks: url(/textures/mildew-specks.png);--red: #a34335;--red-wash: #f8e9e4;--shadow-ink: rgb(48 47 42 / 100%);--shadow-soft: rgb(48 47 42 / 12%);--shadow-deep: rgb(48 47 42 / 28%);--light: rgb(255 255 255 / 100%);--scrim: rgb(48 47 42 / 38%);--paper-fibres: url(/textures/paper-fibres.png);--paper-cloud: url(/textures/paper-cloud.png);--desk-weave: repeating-linear-gradient(0deg, rgb(255 255 255 / 20%) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgb(48 47 42 / 4%) 0 1px, transparent 1px 3px), repeating-linear-gradient(45deg, transparent 0 11px, rgb(48 47 42 / 2.5%) 11px 12px);--paper-laid: repeating-linear-gradient(0deg, transparent 0 3px, rgb(48 47 42 / 1.1%) 3px 4px);--font: "Cascadia Mono", "Courier New", monospace;--font-page: "Special Elite", "Cascadia Mono", "Courier New", monospace;--text-label: 11px;--text-control: 12px;--text-body: 13px;--text-page: clamp(14px, 1.2vw + 10px, 16px);--text-panel: 16px;--text-screen: 20px;--text-library: 32px;--leading-text: 1.6;--leading-page: 1.75;--leading-title: 1.25;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--line: 1px solid var(--rule);--line-frame: 1px solid var(--frame);--radius: 5px;--radius-page: 3px 8px 8px 3px;--radius-verso: 8px 3px 3px 8px;--radius-cover: 4px 11px 11px 4px;--panel-header: 40px;--editor-width: 360px;--page-ratio: .7;--dur-fast: .12s;--dur-base: .24s;--dur-slow: .48s;--dur-turn: 1.15s;--ease-slide: cubic-bezier(.2, .7, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-turn: 0ms}}@font-face{font-family:Special Elite;src:url(/fonts/SpecialElite.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cascadia Mono;src:url(/fonts/CascadiaMono.woff2) format("woff2");font-weight:200 700;font-display:swap}:root{color-scheme:light;font-family:var(--font);font-size:var(--text-body);color:var(--ink);background:var(--desk);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}::selection{background:color-mix(in srgb,var(--blue) 22%,transparent)}.paper{background-color:var(--paper-light);background-image:var(--paper-fibres),var(--paper-cloud),radial-gradient(ellipse at 52% 42%,transparent 58%,color-mix(in srgb,var(--paper-shade) 75%,transparent) 100%),var(--paper-laid);background-size:120px 120px,600px 600px,100% 100%,100% 100%}.cloth{background-color:var(--cloth);background-image:radial-gradient(ellipse at 45% 35%,transparent 45%,color-mix(in srgb,var(--cloth-deep) 85%,transparent) 100%)}.endpaper{background-color:var(--endpaper);background-image:var(--paper-fibres),var(--paper-cloud);background-size:120px 120px,600px 600px}.leaf{position:absolute;top:0;left:0;perspective:2400px;perspective-origin:0 50%;transform-style:preserve-3d;pointer-events:none;z-index:5}.leaf-strip{position:absolute;top:0;height:100%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}.leaf-face{position:absolute;top:0;left:0;width:calc(100% + 2px);height:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:1px solid transparent}.leaf-back{transform:rotateY(180deg)}.leaf-content{position:absolute!important;margin:0;contain:strict}.leaf .stains{mix-blend-mode:normal}.leaf .stain{filter:none}.leaf-ghost{position:absolute;inset:0;transform:scaleX(-1);opacity:.085}.leaf-ghost .leaf-content{background:none!important}.leaf-ghost .gutter,.leaf-ghost .corner,.leaf-ghost button{visibility:hidden}.leaf-lights{position:absolute;inset:0;pointer-events:none;will-change:transform}.leaf-light{position:absolute;inset:0;opacity:0}.leaf-light--shade{background:var(--shadow-ink)}.leaf-light--sheen{background:var(--light)}.leaf-light--shade.leaf-light--ramp{background:linear-gradient(to right,transparent,var(--shadow-ink))}.leaf-light--sheen.leaf-light--ramp{background:linear-gradient(to right,transparent,var(--light))}.leaf-cast{position:absolute;top:0;left:0;width:100px;height:100%;transform-origin:0 0;will-change:transform,opacity;background:linear-gradient(to right,color-mix(in srgb,var(--shadow-ink) 30%,transparent),color-mix(in srgb,var(--shadow-ink) 10%,transparent) 35%,transparent);pointer-events:none;z-index:4}.ink-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);border-radius:var(--radius);background:transparent;color:var(--ink);font:inherit;font-size:var(--text-body);letter-spacing:.02em;cursor:pointer;transition:border-color var(--dur-fast),background-color var(--dur-fast),color var(--dur-fast)}.ink-button:hover:not(:disabled){border-color:var(--blue);background:var(--wash)}.ink-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ink-button:disabled{cursor:progress;opacity:.55}.ink-button--primary{border-color:var(--blue);background:var(--blue);color:var(--paper-light)}.ink-button--primary:hover:not(:disabled){border-color:var(--blue-deep);background:var(--blue-deep)}.ink-button--quiet{border-color:transparent;color:var(--muted);font-size:var(--text-control)}.ink-button--foil{min-width:200px;border-color:color-mix(in srgb,var(--foil) 55%,transparent);color:var(--foil);letter-spacing:.14em;text-transform:uppercase;font-size:var(--text-control)}.ink-button--foil:hover:not(:disabled){border-color:var(--foil);background:color-mix(in srgb,var(--foil) 10%,transparent)}.note{width:min(420px,calc(100vw - 2 * var(--space-5)));padding:var(--space-6) var(--space-5) var(--space-5);border:0;border-radius:var(--radius);color:var(--ink);box-shadow:0 1px 1px var(--shadow-soft),0 10px 30px var(--shadow-deep)}.note[open]{animation:slip-in var(--dur-slow) var(--ease-slide)}.note::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.note__title{margin:0 0 var(--space-3);font-size:var(--text-screen);font-weight:500;line-height:var(--leading-title)}.note__title--error{font-size:var(--text-panel);color:var(--red)}.note__text{margin:0 0 var(--space-5);font-size:var(--text-panel);line-height:var(--leading-text)}.note__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.note .language{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-label)}.note .language__label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.note .language__select{flex:1;min-height:36px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-light);font-size:var(--text-control)}@keyframes slip-in{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.note[open]{animation:none}}.note:has(.answer){width:min(500px,calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-4));overflow:auto}.note__puzzle{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-control)}.note__puzzle .puzzle__answer{color:var(--blue)}.answer__intro{margin:0 0 var(--space-4);font-size:var(--text-body);line-height:var(--leading-text)}.answer{display:flex;flex-direction:column;gap:var(--space-3)}.answer__field{display:flex;flex-direction:column;gap:var(--space-1)}.answer__label{color:var(--muted);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase}.answer__input{width:100%;min-height:40px;padding:var(--space-2) 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 40%,transparent);border-radius:0;background:transparent;color:var(--blue-deep);font:inherit;font-size:var(--text-panel)}.answer__input--text{min-height:140px;margin-top:var(--space-1);padding:0;resize:vertical;line-height:28px;background-position:0 0;background-origin:content-box;background-image:repeating-linear-gradient(transparent 0 27px,color-mix(in srgb,var(--blue) 18%,transparent) 27px 28px);background-attachment:local;border-bottom:0}.answer__input:focus{outline:none;border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}.answer__input--text:focus{box-shadow:inset 0 -1px 0 var(--blue)}.answer__input[aria-invalid=true]{border-bottom-color:var(--red)}.answer__trap{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.answer__consent{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-control);line-height:var(--leading-text);cursor:pointer}.answer__consent input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--blue)}.answer__consent input[aria-invalid=true]{outline:2px solid var(--red);outline-offset:2px}.answer__privacy{margin:0;color:var(--muted);font-size:var(--text-label);line-height:var(--leading-text)}.answer__error{min-height:1.2em;margin:0;color:var(--red);font-size:var(--text-control)}.answer .note__actions{margin-top:0}.leaf-face.leaf-edge{width:100%}.leaf-back.leaf-edge{border-left:1px solid var(--paper-edge)}.note--ribbon{margin:calc(max(env(safe-area-inset-top),0px) + 96px) var(--space-4) auto auto;overflow:visible}.note--ribbon:before{content:"";position:absolute;top:-9px;right:15px;width:16px;height:16px;background:inherit;background-color:var(--paper-light);transform:rotate(45deg);box-shadow:-1px -1px 1px var(--shadow-soft)}.credit{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-label);line-height:var(--leading-text)}