.k1{--k-bg:#17322a;--k-bg-2:#1d3b31;--k-bg-3:#26493d;--k-chalk:#f4f1e6;--k-chalk-2:#d9d6c8;--k-yellow:#ffd75e;--k-yellow-2:#f2c230;--k-pink:#ff8fa3;--k-blue:#8fd3ff;--k-wood:#a0703f;--k-wood-2:#7a5129;--k-ink:#10241e;--k-muted:#a3b8ae;--k-line:#f4f1e629;background:var(--k-bg);color:var(--k-chalk);font-family:var(--font-sans);min-height:100dvh;overflow-x:clip}.k1 ::selection{background:var(--k-yellow);color:var(--k-ink)}.k1 :focus-visible{outline:3px solid var(--k-yellow);outline-offset:3px}.k1-display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:.95}.k1-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.k1-hand{font-family:"Segoe Print", "Bradley Hand", "Chalkboard SE", var(--font-sans);font-style:italic;font-weight:600}.k1-board{background-color:var(--k-bg);background-image:radial-gradient(40rem 18rem at 15% 20%,#f4f1e60d,#0000 70%),radial-gradient(30rem 14rem at 85% 70%,#f4f1e60b,#0000 70%),radial-gradient(22rem 10rem at 55% 95%,#f4f1e609,#0000 70%)}.k1-frame{border:10px solid var(--k-wood);box-shadow:inset 0 0 0 2px var(--k-wood-2), 0 18px 40px -20px #0009;background:var(--k-bg-2);border-bottom-width:16px;border-radius:.6rem}.k1-panel{border:1.5px solid var(--k-line);background:#1d3b31d9;border-radius:1rem}.k1-underline{background-image:linear-gradient(#0000 82%,#ffd75ed9 82% 92%,#0000 92%);padding:0 .1em}.k1-btn{background:var(--k-yellow);color:var(--k-ink);box-shadow:0 4px 0 var(--k-yellow-2);border-radius:.6rem;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.k1-btn:hover{box-shadow:0 6px 0 var(--k-yellow-2);transform:translateY(-2px)}.k1-btn:active{box-shadow:0 1px 0 var(--k-yellow-2);transform:translateY(2px)}.k1-btn--ghost{color:var(--k-chalk);box-shadow:inset 0 0 0 1.5px var(--k-chalk-2);background:0 0}.k1-btn--ghost:hover{background:var(--k-bg-3);box-shadow:inset 0 0 0 1.5px var(--k-chalk)}.k1-btn--ghost:active{box-shadow:inset 0 0 0 1.5px var(--k-chalk)}@keyframes k1-write{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.k1-write{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s ease-out forwards k1-write}@keyframes k1-marquee{to{transform:translate(-50%)}}.k1-marquee{animation:40s linear infinite k1-marquee}.k1-marquee:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.k1-write{stroke-dashoffset:0;animation:none}.k1-marquee{animation:none}}body:has(.k1){background:#17322a}