.kh{--kh-paper:#faf8f3;--kh-paper-2:#ece7dc;--kh-card:#fcfbf9;--kh-ink:#17150f;--kh-ink-2:#524e46;--kh-muted:#6b6962;--kh-line:#ddd7ca;--kh-red:#f0532b;--kh-red-ink:#aa3f22;--kh-green:#1e3a32;--kh-green-2:#24443b;--kh-night:#100f0c;--kh-night-2:#1b1a16;--kh-serif:var(--font-fraunces), Georgia, serif;--kh-sans:var(--font-albert-sans), system-ui, sans-serif;--kh-mono:var(--font-azeret-mono), ui-monospace, monospace;--kh-shadow:0 1px 0 #17150f0a, 0 18px 40px -18px #17150f59;background:var(--kh-paper);min-height:100vh;color:var(--kh-ink);font-family:var(--kh-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4;position:relative;overflow-x:clip}.kh ::selection{background:var(--kh-red);color:#fff}.kh-grain{pointer-events:none;z-index:70;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.kh-serif{font-family:var(--kh-serif);letter-spacing:-.015em;font-weight:500;line-height:1.02}.kh-mono{font-family:var(--kh-mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px;line-height:1.4}.kh-h1{font-size:clamp(44px,5.2vw,76px)}.kh-h2{font-size:clamp(34px,3.6vw,54px)}.kh-h3{font-size:clamp(26px,2.2vw,32px);line-height:1.05}.kh-body{color:var(--kh-ink-2);font-size:17px;line-height:1.4}.kh-on-dark .kh-body{color:#f4f1eab8}.kh-u{--kh-u-stroke:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5C38 4.2 74 9.8 112 6.6S190 3.4 238 7.2' fill='none' stroke='%23f0532b' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");background-image:var(--kh-u-stroke);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 calc(100% - .06em);background-repeat:no-repeat;background-size:0% .2em;transition:background-size .9s cubic-bezier(.65,0,.35,1) .25s}.is-in .kh-u{background-size:100% .2em}.kh-ink-underline .kh-u{--kh-u-stroke:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8.5C38 4.2 74 9.8 112 6.6S190 3.4 238 7.2' fill='none' stroke='%2317150f' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}.kh-on-dark .kh-u{color:#f6a58f}.kh-pill{font-family:var(--kh-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--kh-ink);background:#17150f0a;border:1px solid #17150f1f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.kh-pill:before{content:"";background:var(--kh-red);border-radius:999px;width:6px;height:6px}.kh-on-dark .kh-pill{color:#f4f1eae6;background:#ffffff0f;border-color:#ffffff24}.kh-btn{--kh-btn-fill:var(--kh-red);--kh-btn-hover-text:var(--kh-ink);--kh-btn-hover-tile:var(--kh-ink);--kh-btn-hover-glyph:#fff;isolation:isolate;background:var(--kh-ink);color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:6px 18px 6px 6px;font-size:14px;font-weight:600;line-height:1;transition:transform .25s,box-shadow .25s,color .35s 50ms;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 24px -14px #17150fb3}.kh-btn:before{content:"";z-index:-1;background:var(--kh-btn-fill);transform-origin:0;transition:transform .5s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.kh-btn-icon{background:var(--kh-red);color:#fff;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;transition:background-color .35s 50ms,color .35s 50ms;display:grid;position:relative;overflow:hidden}.kh-btn-glyph{place-items:center;transition:transform .45s cubic-bezier(.65,0,.35,1);display:grid;position:absolute;inset:0}.kh-btn-arrow{transform:translate(-110%)}.kh-btn-ghost{--kh-btn-fill:var(--kh-ink);--kh-btn-hover-text:#fff;--kh-btn-hover-tile:#fff;--kh-btn-hover-glyph:var(--kh-ink);color:var(--kh-ink);background:#ffffff59;box-shadow:inset 0 0 0 1px #17150f24}.kh-btn-ghost .kh-btn-icon{color:var(--kh-ink);background:0 0}.kh-btn-light{--kh-btn-fill:var(--kh-ink);--kh-btn-hover-text:#fff;--kh-btn-hover-tile:#fff;--kh-btn-hover-glyph:var(--kh-ink);background:var(--kh-card);color:var(--kh-ink);box-shadow:inset 0 0 0 1px #17150f1a}.kh-btn-light .kh-btn-icon{background:var(--kh-ink)}.kh-on-dark .kh-btn-ghost{--kh-btn-fill:var(--kh-paper);--kh-btn-hover-text:var(--kh-ink);--kh-btn-hover-tile:var(--kh-ink);--kh-btn-hover-glyph:#fff;color:#fff;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff29}.kh-on-dark .kh-btn-ghost .kh-btn-icon{color:#fff;background:#ffffff1a}.kh-btn:hover,.kh-btn:focus-visible{color:var(--kh-btn-hover-text);transform:translateY(-1px)}.kh-btn:hover:before,.kh-btn:focus-visible:before{transform:scaleX(1)}.kh-btn:hover .kh-btn-icon,.kh-btn:focus-visible .kh-btn-icon{background:var(--kh-btn-hover-tile);color:var(--kh-btn-hover-glyph)}.kh-btn:hover .kh-btn-play,.kh-btn:focus-visible .kh-btn-play{transform:translate(110%)}.kh-btn:hover .kh-btn-arrow,.kh-btn:focus-visible .kh-btn-arrow{transform:none}.kh-card{background:var(--kh-card);box-shadow:var(--kh-shadow);border-radius:14px}.kh-frame{background:var(--kh-card);box-shadow:var(--kh-shadow);border-radius:16px;padding:10px}.kh-tape{z-index:2;background:#e2dbcbd1;width:112px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #17150f14;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4px calc(100% - 4px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 4px calc(100% - 4px),#0000 100%)}.kh-stamp{border:2px solid var(--kh-red);color:var(--kh-red);background:#fcfbf9eb;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:inline-flex;transform:rotate(-7deg)}.kh-chip{font-family:var(--kh-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;line-height:1.2;display:inline-flex}.kh-chip-dark{background:var(--kh-ink);color:#fff}.kh-chip-red{color:var(--kh-red-ink);background:#f0532b0f;border:1px solid #f0532b80}.kh-chip-paper{color:var(--kh-ink);background:#fcfbf9e6;box-shadow:inset 0 0 0 1px #17150f1a}.kh-ph{color:#17150f8c;background-color:#d9d3c5;background-image:repeating-linear-gradient(135deg,#17150f12 0 1px,#0000 1px 9px),radial-gradient(circle at 30% 30%,#ffffff80,#0000 60%);position:relative;overflow:hidden}.kh-ph-dark{color:#ffffff73;background-color:#2a2924;background-image:repeating-linear-gradient(135deg,#ffffff0f 0 1px,#0000 1px 9px),radial-gradient(circle at 30% 30%,#ffffff14,#0000 60%)}.kh-ph-label{font-family:var(--kh-mono);letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;font-size:10px;position:absolute;inset:auto 0 0}.kh-reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.kh-reveal.is-in{opacity:1;transform:none}.kh-hero-art{-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000008c 22%,#000 48%);mask-image:linear-gradient(90deg,#0000 0,#0000008c 22%,#000 48%)}@media (max-width:1023px){.kh-hero-art{-webkit-mask-image:none;mask-image:none}}.kh-pencil-cursor{pointer-events:none;z-index:5;color:var(--kh-red);transition:opacity .2s;position:absolute;top:0;left:0}.kh-meter{background:#17150f1a;border-radius:6px;height:6px;overflow:hidden}.kh-meter>span{background:var(--kh-red);border-radius:6px;height:100%;transition:width .25s;display:block}@keyframes kh-stamp-in{0%{opacity:0;transform:scale(1.8)rotate(-14deg)}60%{opacity:1;transform:scale(.94)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(-7deg)}}.kh-stamp-in{animation:.5s cubic-bezier(.2,.8,.2,1) both kh-stamp-in}.kh-notebook{background-color:var(--kh-card);background-image:linear-gradient(90deg,#0000 63px,#f0532b8c 63px 64px,#0000 64px);position:relative}.kh-digit{vertical-align:top;height:1em;line-height:1;display:inline-block;overflow:hidden}.kh-digit>span{flex-direction:column;transition:transform .9s cubic-bezier(.2,.8,.2,1);display:flex}.kh-stat{container-type:inline-size}.kh-stat-value{white-space:nowrap;font-size:clamp(40px,32cqw,112px)}.kh-stat-suffix{font-size:.55em}.kh-stat-unit{margin-left:.15em;font-size:.4em}.kh-outline{color:#0000;-webkit-text-stroke:1.4px #f4f1ea6b}@media (prefers-reduced-motion:reduce){.kh *,.kh :before,.kh :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.kh-reveal{opacity:1;transform:none}.kh-u{background-size:100% .2em}}@keyframes kh-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}