:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--board-bg:#f8f3e9;--board-ink:#2b2620;--board-muted:#7a7060;--board-card:#fffdf8;--board-line:#d8ccb4;--board-covered:#e6dcc6;--board-mark:#c0453a;--board-point:#2c6b86;--board-sun:#d9a441;--board-ring:#8b6b32;--board-good:#2c6b45;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='4' intercept='-1.5'/%3E%3CfeFuncG type='linear' slope='4' intercept='-1.5'/%3E%3CfeFuncB type='linear' slope='4' intercept='-1.5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23g)' opacity='.1'/%3E%3C/svg%3E");--paper-grain-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='4' intercept='-1.5'/%3E%3CfeFuncG type='linear' slope='4' intercept='-1.5'/%3E%3CfeFuncB type='linear' slope='4' intercept='-1.5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23g)' opacity='.05'/%3E%3C/svg%3E");--bg:#f8f3e9;--ink:#2b2620;--muted:#7a7060;--card:#fffdf8;--line:#d8ccb4;--covered:#e6dcc6;--mark:#c0453a;--point:#2c6b86;--cast:#2b2620;--paper-creme:var(--board-card);--paper-creme-muted:var(--board-muted);--paper-kraft:#e0c39a;--paper-kraft-muted:#5d5140;--post-petrol:#2c6b86;--post-tile:#6190a2;--post-sun:#d9a441;--motion-quick:.15s;--motion-soft:.24s;--motion-ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(/editor/nunito-digits-JvFeECGh.woff2)format("woff2");unicode-range:U+30-39}@media (prefers-color-scheme:dark){:root{--bg:#1d1a15;--ink:#ede6d8;--muted:#a79b87;--card:#252118;--line:#48402f;--covered:#3a3427;--mark:#e0705f;--point:#6bb4d0;--cast:#000}}@media (prefers-reduced-motion:reduce){:root{--motion-quick:0s;--motion-soft:0s}}::view-transition-old(*){animation-duration:var(--motion-soft);animation-timing-function:var(--motion-ease)}::view-transition-new(*){animation-duration:var(--motion-soft);animation-timing-function:var(--motion-ease)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}.board,.board *{box-sizing:border-box}.board{--paper-x:var(--pad-x,var(--clue-margin));--paper-y:var(--pad-y,var(--clue-margin));margin:var(--paper-y) var(--paper-x);background:var(--board-card);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;font-family:Nunito,sans-serif;display:grid;position:relative}.board:before{content:"";inset:calc(-1px - var(--paper-y)) calc(-1px - var(--paper-x));z-index:-1;will-change:transform;border-style:solid;border-color:var(--board-bg);border-width:var(--paper-y) var(--paper-x);box-shadow:0 1px 2px color-mix(in srgb, var(--cast) 30%, transparent), 0 8px 18px color-mix(in srgb, var(--cast) 24%, transparent);border-radius:4px;position:absolute}.board:after{content:"";z-index:1;pointer-events:none;will-change:transform;box-shadow:inset -1px -1px 0 #fff, inset -2px -2px 0 color-mix(in srgb, var(--board-ink) 10%, transparent), inset 2px 2px 4px color-mix(in srgb, var(--board-ink) 30%, transparent);position:absolute;inset:-1px}.board[data-stroke]{touch-action:pan-y}.board[data-inert]{pointer-events:none}.cell{background:var(--board-covered);background-image:var(--paper-grain);box-shadow:inset -1px -1px 0 var(--board-line);color:var(--board-muted);font-size:var(--cell-digit);font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;animation-name:var(--flash,none), var(--ack,none), var(--armed,none), var(--shake,none);animation-duration:var(--flash-ms), .18s, .15s, var(--shake-ms);place-items:center;transition:scale .12s ease-out;animation-timing-function:ease-out;display:grid}.cell[data-state=open]{background:var(--cell-ink,var(--board-card));background-image:var(--paper-grain-soft);color:var(--board-ink);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--board-muted) 40%, transparent), inset -2px -2px 0 color-mix(in srgb, var(--board-card) 95%, transparent)}.cell[data-state=black]{background:var(--paper-grain-soft), linear-gradient(135deg, color-mix(in srgb, var(--board-card) 15%, transparent), transparent 55%, #00000061), var(--cell-ink,var(--board-ink));background-blend-mode:screen, normal;box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--board-card) 32%, transparent), inset -2px -2px 0 #0009, 2px 3px 5px color-mix(in srgb, var(--board-ink) 55%, transparent);position:relative}.cell[data-ring]{z-index:1;--bloom:.32s;box-shadow:inset 0 0 0 3px var(--board-ring), 0 0 0 2px color-mix(in srgb, var(--board-sun) 55%, transparent), 0 0 22px 8px color-mix(in srgb, var(--board-sun) 45%, transparent);background-image:none;position:relative}.cell[data-ring]:after{content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--board-sun) 38%, transparent) 0, transparent 70%);animation:bloom var(--bloom) ease-out, breathe 2.4s ease-in-out var(--bloom) infinite;border-radius:50%;position:absolute;inset:-12px}@keyframes bloom{0%{opacity:0;transform:scale(.6)}55%{opacity:1;transform:scale(1.25)}}@keyframes breathe{50%{opacity:.7;transform:scale(1.18)}}.cell[data-flash]{--flash:flash-odd;--shake:shake-odd;z-index:1;position:relative}.cell[data-flash=even]{--flash:flash-even;--shake:shake-even}@keyframes flash-odd{0%,60%{background:var(--board-mark)}}@keyframes flash-even{0%,60%{background:var(--board-mark)}}@keyframes shake-odd{25%{translate:-3px}60%{translate:2px}85%{translate:-1px}}@keyframes shake-even{25%{translate:-3px}60%{translate:2px}85%{translate:-1px}}@media (hover:hover){.board .cell[data-state=unknown]:not([data-armed]):not([data-ring]):hover{box-shadow:inset -1px -1px 0 var(--board-line), inset 0 0 0 2px var(--board-muted)}.board[data-brush=black] .cell[data-state=unknown]:not([data-armed]):hover{background:color-mix(in oklab, var(--board-ink) 45%, var(--board-covered))}}.cell[data-ack]{--ack:ack-odd}.cell[data-ack=even]{--ack:ack-even}@keyframes ack-odd{50%{transform:scale(.84)}}@keyframes ack-even{50%{transform:scale(.84)}}.cell[data-pressing]{z-index:1;transition-property:scale,background-color;transition-duration:var(--press);transition-timing-function:linear;position:relative;scale:1.6}.board:not([data-stroke]) .cell[data-pressing]{background:var(--board-card)}.cell[data-armed]{z-index:1;background:var(--board-card);--armed:armed;position:relative;scale:1.6}@keyframes armed{50%{transform:scale(1.1)}}.clues{z-index:2;pointer-events:none;position:absolute;inset:0}.clue{width:var(--clue-size);height:var(--clue-size);margin:calc(-1 * var(--clue-margin)) 0 0 calc(-1 * var(--clue-margin));border:1.5px solid var(--board-ink);background:radial-gradient(circle farthest-side at 30% 30%, var(--board-card) 0%, var(--board-bg) 60%, color-mix(in srgb, var(--board-ink) 20%, var(--board-bg)) 100%);color:var(--board-ink);--clue-relief:.5px 1px 0 color-mix(in srgb, var(--board-bg) 10%, var(--board-ink)), 1.5px 2.5px 3.5px color-mix(in srgb, var(--board-ink) 50%, transparent);box-shadow:var(--clue-relief);font-size:var(--clue-digit);text-box:trim-both cap alphabetic;background-clip:padding-box;border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute}.clue[data-lit]{border-color:var(--board-ring);color:var(--board-ring);box-shadow:var(--clue-relief), 0 0 0 2px color-mix(in srgb, var(--board-sun) 50%, transparent), 0 0 11px 3px color-mix(in srgb, var(--board-sun) 40%, transparent)}.cell[data-lit]{color:var(--board-ring);text-shadow:0 0 7px color-mix(in srgb, var(--board-sun) 75%, transparent)}.board{--tidy-wait:.18s}.board[data-tidy] .clue[data-settled]{opacity:0;transition:opacity var(--motion-soft) var(--motion-ease) var(--tidy-wait), scale var(--motion-soft) var(--motion-ease) var(--tidy-wait);scale:.6}.board[data-tidy] .cell[data-settled]{color:#0000;transition:scale .12s ease-out, color var(--motion-soft) var(--motion-ease) var(--tidy-wait)}.board[data-picture] .cell[data-rise]{animation:rise var(--fade) ease-out both}@keyframes rise{0%{background-image:none}35%{background-image:none;background-color:color-mix(in srgb, var(--board-sun) 70%, var(--board-card));box-shadow:inset 0 0 0 transparent, inset 0 0 0 transparent, 0 0 10px 3px color-mix(in srgb, var(--board-sun) 40%, transparent)}to{background-image:none;background-color:var(--to);box-shadow:none;color:#0000}}.board[data-picture] .cell:not([data-rise]){background:var(--to);box-shadow:none;color:#0000}.board[data-picture] .clue[data-rise]{opacity:0;animation:clue-out var(--fade) ease-out backwards}.board[data-tidy] .clue[data-settled][data-rise]{animation:none}@keyframes clue-out{0%{opacity:1}}.board[data-picture] .clue:not([data-rise]){display:none}.board[data-picture] .cell:after{content:none}@media (prefers-reduced-motion:reduce){.board{--tidy-wait:0s}.board[data-picture] .cell[data-rise]{background:var(--to);box-shadow:none;color:#0000;animation:none}.board[data-picture] .clue[data-rise]{animation:none;display:none}.cell[data-ring]:after{animation:none}.cell[data-ack]{--ack:none}.cell{animation-duration:var(--hold), .18s, .15s, var(--shake-ms);animation-timing-function:step-end,ease-out,ease-out,ease-out}.cell[data-flash],.cell[data-flash=even]{--shake:none}.cell[data-armed]{--armed:none;background:var(--board-card);box-shadow:inset 0 0 0 2px var(--board-ink);scale:none}.cell[data-pressing]{box-shadow:inset 0 0 0 2px var(--board-ink);transition:box-shadow var(--press) linear;scale:none}.board:not([data-stroke]) .cell[data-pressing]{background:var(--board-covered)}}.paint{place-items:center;display:grid}.brush-halves{flex-direction:column;gap:8px;display:flex}.brush-group{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:8px;padding:8px 12px 12px;display:flex}.brush{background:var(--card);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.brush input[type=radio]{width:20px;height:20px}.brush-group>legend{padding:0 6px;font-weight:600}.brush-name{font-variant-numeric:tabular-nums}.swatch{border:1px solid var(--line);appearance:none;background:0 0;border-radius:4px;width:20px;height:20px;padding:0}.swatch:not([data-editable]){pointer-events:none}.swatch[data-editable]{cursor:pointer}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:none;border-radius:3px}.swatch::-moz-color-swatch{border:none;border-radius:3px}.brush-sample{display:flex;position:relative}.brush-edit{pointer-events:none;text-shadow:0 0 2px var(--card), 0 0 2px var(--card);font-size:11px;line-height:1;display:none;position:absolute;bottom:-4px;right:-3px}.brush:has(input[type=radio]:checked) .brush-edit{display:block}.primary{background:var(--board-point);min-height:52px;color:var(--board-card);font:inherit;box-shadow:0 1px 2px color-mix(in srgb, var(--board-ink) 30%, transparent);cursor:pointer;transition:background-color var(--motion-quick) var(--motion-ease), color var(--motion-quick) var(--motion-ease);border:none;border-radius:999px;padding:0 26px;font-weight:600}.primary:disabled{background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:default}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--ink);margin:0;font:1rem/1.4 system-ui,sans-serif}.note-said{animation:ed-note-in var(--motion-soft) var(--motion-ease) both}@keyframes ed-note-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.note-said{animation:none}}.size[data-active],.start-way[data-active],.sheet-paper[data-active],.picture-fit[data-active],.level[data-chosen]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.size,.start-way,.sheet-paper,.picture-fit,.level{transition:background-color var(--motion-quick) var(--motion-ease), border-color var(--motion-quick) var(--motion-ease), color var(--motion-quick) var(--motion-ease)}input[type=radio],input[type=range]{accent-color:var(--ink)}.size:focus-visible,.start-way:focus-visible,.entry:focus-visible,.sheet-paper:focus-visible,.picture-fit:focus-visible,.picture-file:focus-visible+.start-way,input[type=radio]:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--point);outline-offset:2px}.landing{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:420px;margin:0 auto;padding:24px 16px 32px;display:flex}.brand{align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:600;display:flex}.brand-mark{width:32px;height:32px;display:block}.wordmark{letter-spacing:-.01em}.brand-back,.brand-home{min-width:44px;min-height:44px;color:var(--ink);font:inherit;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;margin:-4px -6px;padding:6px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.brand-back .brand-mark,.brand-home .brand-mark{width:24px;height:24px}.brand-back .wordmark,.brand-home .wordmark{display:none}.brand-back:hover .wordmark,.brand-home:hover .wordmark{text-decoration:underline}.landing:has(.card-flow) .brand{align-self:flex-start}@media (width>=900px){.brand-back .wordmark,.brand-home .wordmark{display:inline}}.headline{letter-spacing:-.015em;text-wrap:balance;margin:4px 0 0;font-size:1.75rem;font-weight:800;line-height:1.12}.showcase{justify-content:center;align-self:stretch;margin:8px 0 4px;display:flex}.showcase .board{view-transition-name:showcase}.steps{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 14px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.steps li{align-content:start;justify-items:center;gap:4px;width:108px;display:grid}.steps span{text-wrap:balance}.steps b{color:var(--ink);font-size:.875rem;font-weight:600}.step-icon{width:34px;height:34px;margin-bottom:2px;display:block}.step-icon .ic-paper{fill:var(--board-card);stroke:var(--board-ink);stroke-width:1.5px}.step-icon .ic-fold{fill:none;stroke:var(--board-ink);stroke-width:1.5px}.step-icon .ic-covered{fill:var(--board-covered);stroke:var(--board-ink);stroke-width:1.5px}.step-icon .ic-open{fill:var(--board-card)}.step-icon .ic-point{fill:var(--board-point)}.step-icon .ic-sun{fill:var(--board-sun)}.step-icon .ic-mark{fill:var(--board-mark)}.ways{justify-items:center;gap:12px;width:100%;display:grid}.else{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .3em;font-size:.9375rem;display:flex}.else .start{color:var(--ink);font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;margin:-10px 0;padding:10px 0;text-decoration:underline}.resume{margin:0}.else .continue{color:var(--ink);text-underline-offset:.15em;margin:-10px 0;padding:10px 0;text-decoration:underline}.start-note{min-height:1.4em;margin:0;font-size:.875rem}.missing{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:0 auto;padding:24px 16px;display:flex}.missing h1{margin:0;font-size:1.25rem;font-weight:600}.missing p{color:var(--muted);margin:0}.home{color:var(--point)}.legal{color:var(--muted);justify-content:center;gap:18px;margin-top:8px;font-size:.8125rem;display:flex}.legal a{color:inherit;padding:8px 0}.share{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:420px;margin:0 auto;padding:0;display:flex}.share-stage{flex-direction:column;gap:6px;margin:0;display:flex}.stage-note{color:var(--muted);margin:0;font-size:.875rem}.share-lead{text-align:center;margin:0}.link{border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--muted);border-radius:12px;padding:0 12px;font:.875rem/1.4 ui-monospace,monospace}.share-ways{gap:12px;display:flex}.copy{flex:1}.send{border:1px solid var(--line);background:var(--card);min-height:52px;color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:0 16px;font-weight:600}.share-note{min-height:1.4em;color:var(--muted);text-align:center;margin:0;font-size:.875rem}.share-doors{flex-direction:column;gap:8px;display:flex}.door-row{gap:8px;display:flex}.door{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;white-space:nowrap;border-radius:999px;flex:1;padding:0 6px;font-size:.875rem}.door-sheet{z-index:4;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.door-sheet[data-camera]{background:#fff}.scan-large{width:min(100vw - 32px,100dvh - 104px);height:auto;display:block}.door-shut,.scan-save{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:12px;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.door-sheet[data-camera] .door-shut,.door-sheet[data-camera] .scan-save{color:#000;background:#fff;border-color:#000}.envelope{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.envelope-picture{border-radius:4px;width:100%;max-width:340px;height:auto;display:block}.envelope-note{color:var(--muted);text-align:center;margin:0;font-size:.875rem}.envelope-save,.envelope-send{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:999px;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.print{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.print-sheet{width:100%;max-width:340px;height:auto;box-shadow:0 1px 2px color-mix(in srgb, var(--cast) 30%, transparent), 0 12px 30px color-mix(in srgb, var(--cast) 24%, transparent);border-radius:4px;display:block}.print-note{color:var(--muted);text-align:center;margin:0;font-size:.875rem}.print-save{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.door-sheet .print-sheet,.door-sheet .envelope-picture{max-width:min(100%,520px)}.preview{flex-direction:column;gap:20px;width:100%;max-width:420px;margin:0 auto;display:flex}.preview-part{flex-direction:column;align-items:center;gap:10px;display:flex}.preview-part h2{color:var(--muted);margin:0;font-size:.9375rem;font-weight:600}.preview-hint{color:var(--muted);text-align:center;margin:0;font-size:.875rem}.preview[data-state=blank] .board,.preview[data-state=stale]{opacity:.5}.preview,.preview .board{transition:opacity var(--motion-soft) var(--motion-ease)}.chat-card{border:1px solid var(--line);border-left:3px solid var(--point);background:var(--card);text-align:left;border-radius:8px;width:100%;overflow:hidden}.chat-image{width:100%;height:auto;display:block}.chat-body{padding:10px 12px}.chat-title{margin:0;font-weight:600}.chat-text,.chat-empty{color:var(--ink);margin:4px 0 0}.chat-empty{color:var(--muted);font-style:italic}.chat-host{color:var(--muted);margin:6px 0 0;font-size:.75rem}.sheet-papers{border:1px solid var(--line);text-align:left;border-radius:12px;align-self:stretch;margin:0;padding:8px}.sheet-papers legend{color:var(--muted);padding:0 6px;font-size:.875rem}.sheet-paper-row{gap:8px;display:flex}.sheet-paper{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;white-space:nowrap;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 6px;display:flex}.sheet-paper-sample{border:1px solid var(--line);border-radius:3px;width:28px;height:20px}.preview-door{margin:0 16px}.door-price{color:var(--muted);margin:4px 0 0;font-size:.875rem}.door-way{color:var(--point);display:inline-block}.preview-door[data-state=blank] .door-way{pointer-events:none;opacity:.5}.levels{border:0;flex-direction:column;gap:8px;width:100%;max-width:420px;margin:0 auto;padding:0 16px;display:flex}.levels legend{padding:0;font-weight:600}.level-segment{border:1px solid var(--line);background:var(--card);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.level{border-left:1px solid var(--line);min-height:44px;color:var(--muted);text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:0 6px;display:flex}.level:first-child{border-left:0}.level input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.level-name{font-weight:600}.level-sentence{min-height:1lh;color:var(--muted);margin:0;font-size:.875rem}.card-state{flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:0 16px;display:flex}.state-line{min-height:2lh;margin:0}.state-way,.state-note{color:var(--muted);margin:0;font-size:.875rem}.state-repair,.state-fade,.state-advice{border:1px solid var(--line);border-left:3px solid var(--point);background:var(--card);border-radius:10px;margin:0;padding:12px 14px;font-size:.875rem}.repair-headline{margin:0;font-weight:600}.repair-detail,.state-untried{color:var(--muted);margin:6px 0 0;font-size:.875rem}.state-untried{margin:0}.advice-note,.fade-note{font-weight:600}.advice-suggestion,.fade-suggestion{color:var(--muted)}.draw{flex-direction:column;width:100%;max-width:420px;margin:0 auto;display:flex}.draw-board{transition:opacity var(--motion-soft) var(--motion-ease)}.advice-why,.brush-why{min-width:44px;min-height:44px;color:var(--point);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:-14px -10px;padding:0;font-size:15px;line-height:1;display:inline-flex}.advice-why:focus-visible,.brush-why:focus-visible{outline:2px solid var(--point);outline-offset:2px;border-radius:4px}.advice-fold{transition:grid-template-rows var(--motion-soft) var(--motion-ease), padding-top var(--motion-soft) var(--motion-ease);grid-template-rows:0fr;padding-top:0;display:grid}.advice-fold[data-open]{grid-template-rows:1fr;padding-top:8px}.advice-rule{min-height:0;color:var(--muted);font-size:.8125rem;display:block;overflow:hidden}.draw-brush{padding:12px 10px max(6px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;gap:6px;margin:0 16px;display:flex;position:relative}.draw-brush>legend{clip-path:inset(50%);width:1px;height:1px;position:absolute}.brush-tools{align-items:center;gap:6px;display:flex;position:absolute;top:0;right:10px;transform:translateY(-50%)}.draw-reach{background:var(--bg);border:0;border-radius:4px;flex:none;gap:6px;padding:0 4px;display:flex}.draw-reach>legend{clip-path:inset(50%);width:1px;height:1px;position:absolute}.reach{white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:4px;min-height:24px;padding:0 2px;font-size:.6875rem;display:flex}.reach input[type=radio]{width:14px;height:14px}.brush-undo{border:1px solid var(--point);background:var(--bg);min-width:32px;min-height:24px;color:var(--point);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.brush-undo:disabled{opacity:.4;cursor:default}.brush-undo:focus-visible{outline:2px solid var(--point);outline-offset:2px}.undo-mark{font-size:1.125em;line-height:1}.brush-why{min-width:32px;min-height:24px;margin:0;font-size:13px}.undo-word{clip-path:inset(50%);width:1px;height:1px;position:absolute}.brush-halves{flex-direction:row;align-items:stretch;gap:4px}.brush-group{flex-wrap:nowrap;gap:2px;padding:2px 4px 5px}.brush-group[data-group=dark]{flex:6;min-width:0}.brush-group[data-group=light]{flex:5;min-width:0}.brush-group>legend{white-space:nowrap;padding:0 4px;font-size:.6875rem}.brush{min-width:0;transition:border-color var(--motion-quick) var(--motion-ease);border:2px solid #0000;flex:1;justify-content:center;gap:2px;padding:0}.draw-brush .swatch{border-radius:50%}.draw-brush .swatch::-webkit-color-swatch{border-radius:50%}.draw-brush .swatch::-moz-color-swatch{border-radius:50%}.brush input[type=radio]{clip-path:inset(50%);width:1px;height:1px;position:absolute}.brush:has(input:checked){border-color:var(--ink)}.brush:has(input:focus-visible){outline:2px solid var(--point);outline-offset:2px}.brush-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.brush-full{color:var(--muted);margin:0;font-size:.8125rem}.brush-fold{transition:grid-template-rows var(--motion-soft) var(--motion-ease);grid-template-rows:0fr;display:grid}.brush-fold[data-open]{grid-template-rows:1fr}.brush-rules{min-height:0;color:var(--muted);margin:0;padding:0 0 0 1em;font-size:.75rem;overflow:hidden}@media (width<=899px){.draw-brush[data-pinned]{z-index:2;position:sticky;bottom:0}.draw-brush{margin:0 8px}}.text-room{color:var(--muted);margin:0;font-size:.875rem}.starts{border:1px solid var(--line);border-radius:12px;margin:0;padding:12px}.starts legend{color:var(--muted);padding:0 6px;font-size:.875rem}.start-segment{border:1px solid var(--line);background:var(--card);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.start-way{border:0;border-left:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 6px;display:flex}.start-way:first-of-type{border-left:0}.picture-file{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.start-drawer{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.drawer-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.drawer-title{font-size:.875rem}.drawer-done{border:1px solid var(--point);min-height:44px;color:var(--point);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-weight:600}.drawer-done:focus-visible{outline:2px solid var(--point);outline-offset:2px}.drawer-note{color:var(--muted);margin:0;font-size:.8125rem}.catalogue{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.entry{background:var(--board-card);color:var(--muted);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:.75rem;display:flex}.entry[data-active]{border-color:var(--ink);color:var(--ink)}.entry-picture{width:100%;height:84px;display:block}.entry-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (width<=899px){.start-drawer .drawer-head{z-index:1;background:var(--card);padding-bottom:8px;position:sticky;top:0}.start-drawer{z-index:4;max-height:70vh;padding:12px 16px max(12px, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -8px 30px #0003}}.picture-hint{color:var(--muted);margin:8px 0 0;font-size:.875rem}.picture{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;margin:0;padding:12px;display:flex}.picture legend{color:var(--muted);padding:0 6px;font-size:.875rem}.picture-box{justify-content:center;display:flex}.picture-note{color:var(--muted);margin:0;font-size:.875rem}.picture-cut{color:var(--muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.picture-fits{gap:8px;display:flex}.picture-fit{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;flex:1;padding:0 6px}.picture-take{align-self:stretch}.card-text{flex-direction:column;gap:12px;margin:0 16px;display:flex}.share>.card-text{margin:0}.text-part{flex-direction:column;gap:6px;display:flex}.text-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.text-pair{flex-wrap:wrap;gap:12px;display:flex}.text-pair .text-short{flex:140px;min-width:0}.card-text-field{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px}.field-note{color:var(--muted);margin:0;font-size:.875rem}.field-count{white-space:nowrap}.text-bar{border:1px solid var(--line);background:var(--card);border-radius:999px;height:6px;display:flex;overflow:hidden}.bar-share{height:100%}.bar-share[data-part=to],.bar-share[data-part=from]{background:var(--line)}.bar-share[data-part=from]{opacity:.6}.bar-share[data-part=intro]{background:var(--point)}.bar-share[data-part=outro]{background:var(--muted)}.text-bar[data-full]{border-color:var(--point)}.card-flow{text-align:left;flex-direction:column;align-items:stretch;gap:24px;width:100%;display:flex}.leaf{flex-direction:column;align-items:stretch;gap:24px;display:flex}.leaf[hidden]{display:none}.leaf-bar{z-index:3;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}.leaf-bar ol{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.leaf-bar li{min-width:0;display:flex}.leaf-word{min-width:0;min-height:44px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:color var(--motion-quick) var(--motion-ease);background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;justify-content:center;padding:0 4px;font-size:.875rem;line-height:1.15;display:flex}.leaf-head{flex:none;align-items:center;gap:6px;min-width:0;display:flex}.leaf-head:after{content:"";background:var(--line);flex:1;min-width:0;height:1px;margin-right:-4px}.leaf-bar li:last-child .leaf-head:after{display:none}.leaf-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem;font-weight:400}.leaf-name{flex-direction:column;flex:none;min-width:0;display:flex}.leaf-name:after{content:attr(data-word);visibility:hidden;height:0;font-weight:700;overflow:hidden}.leaf-state{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.leaf-word[data-here]{color:var(--ink);cursor:default;font-weight:700}.leaf-turn{justify-content:space-between;gap:12px;display:flex}.leaf-back{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:0 16px}.leaf-next{margin-left:auto}.leaf-blank{color:var(--muted);text-align:center;margin:0}.sizes{border:1px solid var(--line);border-radius:12px;margin:0;padding:12px}.sizes legend{color:var(--muted);padding:0 6px;font-size:.875rem}.size-segment{border:1px solid var(--line);background:var(--card);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.size{border:0;border-left:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 4px;display:flex}.size:first-child{border-left:0}.size-note{color:var(--muted);margin:8px 0 0;font-size:.875rem}.switch-cost{color:var(--muted);opacity:0;visibility:hidden;transition:opacity var(--motion-soft) var(--motion-ease), visibility var(--motion-soft) var(--motion-ease);margin:0;font-size:.8125rem}.switch-cost[data-said]{opacity:1;visibility:visible}.card-flow[data-waiting] .draw-board{opacity:.5}.card-flow[data-stale] .leaf[data-leaf=verschicken]{opacity:.5;transition:opacity var(--motion-soft) var(--motion-ease)}@media (width>=900px){.landing:has(.card-flow){max-width:1100px;padding:24px 24px 32px}.leaf{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:20px 32px;display:grid}.leaf[hidden]{display:none}.leaf>*{grid-column:2}.leaf[data-leaf=malen]{grid-template-rows:repeat(8,auto)}.leaf[data-leaf=malen]>.draw{grid-area:1/1/-1;align-self:start;max-width:none;position:sticky;top:58px}.leaf[data-leaf=malen]>.draw-brush{margin:0}.leaf>.switch-cost,.leaf>.leaf-turn{grid-column:1/-1}.leaf[data-leaf=malen]>.switch-cost,.leaf[data-leaf=malen]>.leaf-turn{grid-column:2}.card-state{grid-column:1/-1;max-width:none;padding:0}.leaf[data-leaf=schreiben]>.levels{grid-column:1}.leaf[data-leaf=schreiben]>.levels,.leaf[data-leaf=schreiben]>.preview-door{margin:0;padding:0}.share{grid-column:1/-1;grid-template-rows:repeat(9,auto);grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:20px 32px;max-width:none;padding:0;display:grid}.share-stage{grid-area:1/1/-1;align-self:start}.preview{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 32px;max-width:none;padding:0;display:grid}.preview-door{place-self:start center}}