.notebook,.desk{--paper:#fffdf6;--rule:#dce7f3;--margin:#f2a7ae;--paper-ink:#1d2238;--pencil:#626a7e;--pen:#2b4fd8;--redpen:#d2283a;--good:#1e8f4e;--card:#fff;--line:#1d223829;--hl-yellow:#ffe45c;--note-yellow:#fff4b3;--note-blue:#ddebff;--note-green:#ddf7e5;--tape:#ffd678b3;--bg:var(--paper);--bg-raised:var(--card);--border:var(--line);--ink:var(--paper-ink);--ink-dim:#3e465e;--ink-faint:var(--pencil);--accent:var(--pen);--on-accent:#fff;--wrong:var(--redpen);--demo-1:var(--pen);--demo-2:var(--good);--demo-3:#e0701b}.notebook{isolation:isolate;color:var(--ink);font-family:var(--font-read), system-ui, sans-serif;background-color:var(--paper);background-image:linear-gradient(transparent 31px, var(--rule) 31px);background-size:100% 32px;flex-direction:column;flex:1;display:flex;position:relative}@media (min-width:760px){.notebook:before{content:"";background:var(--margin);pointer-events:none;z-index:-1;width:2px;position:absolute;top:0;bottom:0;left:56px}}body:has(>.notebook){background:#fffdf6}.desk{color:var(--ink);font-family:var(--font-read), system-ui, sans-serif;background:#fbfaf5;flex-direction:column;flex:1;display:flex}body:has(>.desk){background:#fbfaf5}.desk .text-red-400{color:var(--redpen)}.desk .font-display{font-family:var(--font-read), system-ui, sans-serif}.desk h1.font-display{font-family:var(--font-chalk), cursive;letter-spacing:0;font-size:2.1rem;font-weight:400}.notebook :focus-visible{outline:3px solid var(--pen);outline-offset:2px;border-radius:3px}.notebook .text-red-400{color:var(--redpen)}.notebook .font-display{font-family:var(--font-read), system-ui, sans-serif}.notebook :is(h1,h2),.notebook .font-display:is(h1,h2){font-family:var(--font-chalk), cursive;letter-spacing:0;font-weight:400}@layer base{.notebook a{color:var(--ink)}.notebook a:hover{color:var(--pen)}.notebook h1{font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.1}}.nb-hl{background:linear-gradient(transparent 58%, var(--hl-yellow) 58%, var(--hl-yellow) 92%, transparent 92%);padding:0 .1em}.nb-eyebrow{font-family:var(--font-hand), cursive;color:var(--redpen);font-size:1rem}.nb-card{background:var(--card);border:1px solid var(--line);border-radius:4px;position:relative;box-shadow:0 10px 24px -16px #14183259}.nb-taped:before{content:"";background:var(--tape);pointer-events:none;width:92px;height:22px;margin-left:-46px;position:absolute;top:-11px;left:50%;transform:rotate(-2deg)}.nb-btn{border:2px solid var(--paper-ink);background:var(--paper-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;color:var(--paper)!important}.nb-btn:hover{background:var(--pen);border-color:var(--pen)}.nb-btn:disabled{opacity:.6;cursor:wait}.nb-btn-line{background:var(--card);color:var(--paper-ink)!important}.nb-btn-line:hover{background:var(--hl-yellow);border-color:var(--paper-ink)}.notebook .nb-input{background:var(--card);border:2px solid var(--line);height:48px;color:var(--ink);border-radius:8px;outline:none;padding:0 14px;font-size:16px}.notebook .nb-input:focus{border-color:var(--pen)}.nb-top{background:var(--paper);padding:0 24px;position:relative}@media (min-width:760px){.nb-top{padding:0 36px 0 84px}.nb-top:before{content:"";background:var(--margin);width:2px;position:absolute;top:0;bottom:0;left:56px}}.nb-topnav{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 20px;display:flex}.notebook .nb-brand{font-family:var(--font-chalk), cursive;color:var(--paper-ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.45rem;text-decoration:none;display:flex}.nb-links{font-family:var(--font-hand), cursive;align-items:center;gap:22px;font-size:1.02rem;display:flex}.notebook .nb-links>a,.notebook .nb-links :is(a,button).text-sm{font-family:var(--font-hand), cursive;color:var(--pencil);white-space:nowrap;font-size:1.02rem;text-decoration:none}.notebook .nb-links>a:hover,.notebook .nb-links :is(a,button).text-sm:hover{color:var(--pen)}.nb-top-line{width:100%;height:12px;position:absolute;bottom:0;left:0}.nb-top-line path{fill:none;stroke:var(--pencil);stroke-width:1.6px;stroke-linecap:round;opacity:.55}@media (max-width:720px){.nb-links .hide-sm{display:none}}@media (max-width:480px){.nb-links{gap:16px}.nb-topnav:has(.nb-links button) .nb-brand-text{display:none}}.notebook .prose-mlt{color:var(--ink-dim);font-size:17px}.notebook .prose-mlt :is(h1,h2){font-family:var(--font-chalk), cursive;letter-spacing:0;color:var(--ink);font-weight:400}.notebook .prose-mlt h1{font-size:clamp(34px,5vw,46px)}.notebook .prose-mlt h2{-webkit-text-decoration:underline wavy var(--pen);text-decoration:underline wavy var(--pen);text-underline-offset:9px;border-top:0;padding-top:0;font-size:30px;text-decoration-thickness:2px}.notebook .prose-mlt h3{font-family:var(--font-read), system-ui, sans-serif;font-weight:700}.notebook .prose-mlt strong{color:var(--ink);font-weight:700}.notebook .prose-mlt a{color:var(--pen)}.notebook .prose-mlt li::marker{color:var(--redpen)}.notebook .prose-mlt code{color:var(--ink);background:#ddebff;border:0;border-radius:3px}.notebook .prose-mlt pre{background:#232842;border:0;border-radius:6px}.notebook .prose-mlt pre code{color:#eef0f8;background:0 0}.notebook .prose-mlt mark{background:var(--hl-yellow);color:var(--ink);padding:0 .15em}.notebook .prose-mlt blockquote{background:var(--note-yellow);color:var(--ink);border-left:0;border-radius:2px 2px 6px;padding:14px 22px;position:relative;box-shadow:0 12px 20px -14px #14183266}.notebook .prose-mlt hr{border-top:2px dashed color-mix(in srgb, var(--redpen) 40%, transparent)}.notebook .prose-mlt table{max-width:100%;display:block;overflow-x:auto}.notebook .prose-mlt :is(th,td){border-color:var(--line)}.notebook .prose-mlt th{background:#f3f5fa;font-weight:700}.notebook .prose-mlt td{background:var(--card)}.notebook .prose-mlt details{background:var(--card);border-color:var(--line)}.notebook .prose-mlt summary{color:var(--pen);font-weight:600}.notebook .prose-mlt img{max-width:100%;height:auto}.desk .hover\:bg-bg-raised\/50:hover,.desk .hover\:bg-bg-raised\/60:hover,.desk .hover\:bg-bg-raised:hover{background-color:#f4f1e8}.nb-support-tile{background:var(--card);border:2px solid var(--line);cursor:pointer;min-height:84px;color:var(--paper-ink);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:0 8px 18px -14px #14183273}.nb-support-tile:hover{border-color:var(--pen)}.nb-support-tile:disabled{opacity:.6;cursor:wait}.nb-support-tile.is-suggested{background:var(--note-yellow);border-color:#e7d98a}.nb-support-amount{font-family:var(--font-chalk), cursive;font-size:1.9rem;line-height:1}.nb-support-note{font-family:var(--font-hand), cursive;color:var(--redpen);font-size:.9rem}.nb-support-tile:not(.is-suggested) .nb-support-note{color:var(--pencil)}