:root{--paper: #fdfbf7;--paper-warm: #faf6ee;--paper-deep: #f3ede0;--ink: #3a3530;--ink-soft: #6b625a;--ink-faint: #a89e93;--pink: #f5d4d4;--pink-deep: #e8a8a8;--sage: #d4e5cf;--sage-deep: #a8c4a3;--sky: #d4e3f0;--sky-deep: #a3b8c4;--butter: #f5ead0;--butter-deep: #d8c490;--lavender: #e0d4f0;--lavender-deep:#b8a8d4;--peach: #f5e0d4;--peach-deep: #d8a888;--rule: #e8dfd0;--rule-soft: #efe8db;--wrong: #c96868;--font-display: "Caveat", "Zen Maru Gothic", cursive;--font-body: "Zen Maru Gothic", "Inter", system-ui, sans-serif;--font-mono: "Inter", system-ui, sans-serif;--font-rounded: "M PLUS Rounded 1c", "Zen Maru Gothic", system-ui, sans-serif;--font-hand: "Caveat", "Zen Maru Gothic", cursive;--radius: 14px;--radius-sm: 8px;--shadow-soft: 0 1px 0 rgba(58, 53, 48, .04), 0 6px 16px rgba(58, 53, 48, .06);--shadow-card: 0 1px 0 rgba(58, 53, 48, .06), 0 10px 30px rgba(58, 53, 48, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}p,li,h1,h2,h3,h4,h5,h6,code,pre,blockquote,input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}body{background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,var(--rule) 1px,transparent 0);background-size:22px 22px;background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}h1,h2,h3{margin:0;font-weight:500}.hl{background-image:linear-gradient(transparent 60%,var(--butter) 60%,var(--butter) 92%,transparent 92%);padding:0 .15em}.hl-pink{background-image:linear-gradient(transparent 60%,var(--pink) 60%,var(--pink) 92%,transparent 92%)}.hl-sage{background-image:linear-gradient(transparent 60%,var(--sage) 60%,var(--sage) 92%,transparent 92%)}.hl-sky{background-image:linear-gradient(transparent 60%,var(--sky) 60%,var(--sky) 92%,transparent 92%)}.hl-lavender{background-image:linear-gradient(transparent 60%,var(--lavender) 60%,var(--lavender) 92%,transparent 92%)}.lc{text-transform:lowercase}.card{background:var(--paper-warm);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem}:focus-visible{outline:2px solid var(--sky-deep);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:no-preference){.fade-in{animation:fadeIn .32s ease both}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shell.svelte-12qhfyh{max-width:var(--shell-max-w, 560px);margin:0 auto;padding:1.25rem 1rem 2rem;min-height:100dvh;display:flex;flex-direction:column;gap:1rem}.masthead.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0 0}.brand.svelte-12qhfyh{display:inline-flex;align-items:center}.brand-name.svelte-12qhfyh{font-family:var(--font-display);font-size:2.6rem;line-height:1;letter-spacing:.01em;color:var(--ink)}.tabs.svelte-12qhfyh{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.25rem;background:var(--paper-warm);border:1px solid var(--rule);border-radius:999px;box-shadow:var(--shadow-soft)}.tab.svelte-12qhfyh{text-align:center;padding:.55rem .2rem;border-radius:999px;font-size:.9rem;color:var(--ink-soft);transition:background .2s ease,color .2s ease,transform .2s ease}.tab.svelte-12qhfyh:hover{color:var(--ink)}.tab.active.svelte-12qhfyh{color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule)}.tab.active[data-key=how].svelte-12qhfyh{background:var(--sage)}.tab.active[data-key=practice].svelte-12qhfyh{background:var(--sky)}.tab.active[data-key=daily].svelte-12qhfyh{background:var(--pink)}.tab.active[data-key=hard].svelte-12qhfyh{background:var(--peach)}.tab.active[data-key=results].svelte-12qhfyh{background:var(--lavender)}main.page.svelte-12qhfyh{flex:1}.foot.svelte-12qhfyh{text-align:center;color:var(--ink-faint);font-size:.78rem;letter-spacing:.08em;padding-top:1rem}@media(max-width:380px){.brand-name.svelte-12qhfyh{font-size:2.2rem}.tab.svelte-12qhfyh{font-size:.78rem;padding:.5rem .15rem}.tabs.svelte-12qhfyh{gap:.25rem}}