@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap");.playful,.playful *{box-sizing:border-box}.playful{--p-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;--p-font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--p-yellow:#f1f5f9;--p-yellow-deep:#475569;--p-coral:#0d9488;--p-coral-deep:#0f766e;--p-mint:#f0fdf4;--p-mint-deep:#15803d;--p-sky:#eff6ff;--p-sky-deep:#2563eb;--p-violet:#f1f5f9;--p-violet-deep:#5e4b91;--p-cream:#f1f5f9;--p-ink:#0f172a;--p-ink-soft:#334155;--p-ink-mute:#64748b;--p-ink-faint:#94a3b8;--p-paper:#f8fafc;--p-white:#fff;--p-line:#e2e8f0;--p-accent-subtle:#ccfbf1;--p-accent-muted:#f0fdfa;--p-success:var(--p-mint);--p-success-deep:var(--p-mint-deep);--p-warn:var(--p-yellow);--p-warn-deep:var(--p-yellow-deep);--p-danger:var(--p-coral);--p-danger-deep:var(--p-coral-deep);--p-info:var(--p-sky);--p-info-deep:var(--p-sky-deep);--p-text-display:76px;--p-text-h1:56px;--p-text-h2:40px;--p-text-h3:28px;--p-text-h4:22px;--p-text-h5:18px;--p-text-body-lg:18px;--p-text-body:16px;--p-text-body-sm:14px;--p-text-caption:12px;--p-text-micro:11px;--p-space-1:4px;--p-space-2:8px;--p-space-3:12px;--p-space-4:16px;--p-space-5:20px;--p-space-6:24px;--p-space-8:32px;--p-space-10:40px;--p-space-12:48px;--p-space-16:64px;--p-space-20:80px;--p-space-24:96px;--p-radius-sm:6px;--p-radius-md:8px;--p-radius-lg:10px;--p-radius-xl:12px;--p-radius-2xl:14px;--p-radius-pill:9999px;--p-stroke-thin:1px;--p-stroke:1px;--p-stroke-thick:1.5px;--p-border:var(--p-stroke) solid var(--p-line);--p-border-thin:var(--p-stroke-thin) solid var(--p-line);--p-border-thick:var(--p-stroke-thick) solid var(--p-line);--p-shadow-xs:0 1px 2px rgba(15,23,42,.04);--p-shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);--p-shadow:0 2px 4px rgba(15,23,42,.05),0 4px 12px rgba(15,23,42,.06);--p-shadow-lg:0 4px 8px rgba(15,23,42,.06),0 12px 24px rgba(15,23,42,.08);--p-shadow-xl:0 8px 16px rgba(15,23,42,.08),0 20px 40px rgba(15,23,42,.1);--p-shadow-coral:0 4px 12px rgba(13,148,136,.22);--p-shadow-yellow:var(--p-shadow);--p-shadow-mint:var(--p-shadow);--p-ease:cubic-bezier(0.4,0,0.2,1);--p-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--p-ease-expo:cubic-bezier(0.16,1,0.3,1);--p-dur-fast:120ms;--p-dur:180ms;--p-dur-slow:280ms;--p-content-max:1200px;--p-nav-height:72px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playful,.playful body{font-family:var(--p-font-sans);background:var(--p-paper);color:var(--p-ink)}.playful body{margin:0}.playful .t-h1,.playful h1{font-size:var(--p-text-h1);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin:0}.playful .t-display{font-size:var(--p-text-display);font-weight:800;line-height:.95;letter-spacing:-.04em}.playful .t-h2,.playful h2{font-size:var(--p-text-h2);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0}.playful .t-h3,.playful h3{font-size:var(--p-text-h3);font-weight:800;line-height:1.2;letter-spacing:-.015em;margin:0}.playful .t-h4,.playful h4{font-size:var(--p-text-h4);font-weight:800;line-height:1.3;letter-spacing:-.01em;margin:0}.playful .t-h5,.playful h5{font-size:var(--p-text-h5);font-weight:800;line-height:1.35;margin:0}.playful p{margin:0 0 var(--p-space-4);color:var(--p-ink-mute)}.playful .t-body-lg,.playful p{line-height:1.55;font-weight:500}.playful .t-body-lg{font-size:var(--p-text-body-lg)}.playful .t-body{font-size:var(--p-text-body);line-height:1.55;font-weight:500}.playful .t-body-sm{font-size:var(--p-text-body-sm);line-height:1.5;font-weight:500}.playful .t-caption{font-size:var(--p-text-caption);line-height:1.4;font-weight:700}.playful .t-micro{font-size:var(--p-text-micro);line-height:1.4;font-weight:700}.playful .t-mono{font-family:var(--p-font-mono);font-weight:600}.playful .t-eyebrow{display:inline-block;padding:6px 14px;background:var(--p-coral);color:var(--p-white);border:var(--p-border-thin);border-radius:var(--p-radius-pill);font-size:var(--p-text-caption);font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--p-shadow-sm)}.playful .t-eyebrow.is-yellow{background:var(--p-yellow);color:var(--p-ink)}.playful .t-eyebrow.is-mint{background:var(--p-mint);color:var(--p-ink)}.playful .t-eyebrow.is-sky{background:var(--p-sky);color:var(--p-ink)}.playful .t-eyebrow.is-violet{background:var(--p-violet);color:var(--p-ink)}.playful .t-highlight{position:relative;display:inline-block}.playful .t-highlight:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:12px;background:var(--p-accent-subtle);z-index:-1}.playful .t-scribble{color:var(--p-coral-deep);position:relative;display:inline-block}.playful .t-marker{background:var(--p-coral);color:var(--p-white);padding:0 8px;border-radius:6px}.playful .wrap{max-width:var(--p-content-max);margin:0 auto;padding:0 var(--p-space-8)}.playful .section{padding:var(--p-space-24) 0;position:relative}.playful .section--sm{padding:var(--p-space-16) 0}.playful .section__head{text-align:center;max-width:720px;margin:0 auto var(--p-space-12)}.playful .section__head h2{margin-bottom:var(--p-space-4)}.playful .section__head p{font-size:var(--p-text-body-lg);color:var(--p-ink-mute);max-width:540px;margin:0 auto}.playful .grid-bg{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.04;background-image:linear-gradient(var(--p-ink) 1px,transparent 1px),linear-gradient(90deg,var(--p-ink) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}.playful .section--dark{background:var(--p-ink);color:var(--p-white);border-top:var(--p-border);border-bottom:var(--p-border)}.playful .section--dark h2{color:var(--p-white)}.playful .section--dark p{color:#94a3b8}.playful .section--dark .t-eyebrow{background:var(--p-yellow);color:var(--p-ink);border-color:var(--p-yellow)}.playful .section--coral{background:var(--p-coral);border-top:var(--p-border);border-bottom:var(--p-border)}.playful .btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:800;font-size:16px;cursor:pointer;text-decoration:none;border:var(--p-border);border-radius:var(--p-radius-md);padding:14px 22px;background:var(--p-white);color:var(--p-ink);box-shadow:var(--p-shadow);transition:transform var(--p-dur-fast) var(--p-ease),box-shadow var(--p-dur-fast) var(--p-ease);-webkit-tap-highlight-color:transparent}.playful .btn:hover{transform:translateY(-1px);box-shadow:var(--p-shadow)}.playful .btn:active{transform:translateY(0);box-shadow:var(--p-shadow-xs)}.playful .btn:focus-visible{outline:2px solid var(--p-coral-deep);outline-offset:2px}.playful .btn-coral{background:var(--p-coral);color:var(--p-white)}.playful .btn-yellow{background:var(--p-yellow);color:var(--p-ink)}.playful .btn-paper{background:var(--p-white);color:var(--p-ink)}.playful .btn-ink{background:var(--p-ink);color:var(--p-yellow)}.playful .btn-mint{background:var(--p-mint);color:var(--p-ink)}.playful .btn-sky{background:var(--p-sky);color:var(--p-ink)}.playful .btn-violet{background:var(--p-violet);color:var(--p-ink)}.playful .btn-coral:hover{background:var(--p-coral-deep)}.playful .btn-ink:hover{background:#1e293b}.playful .btn-sm{padding:9px 16px;font-size:14px;border-radius:var(--p-radius-md);box-shadow:var(--p-shadow-sm)}.playful .btn-sm:hover{box-shadow:var(--p-shadow);transform:translateY(-1px)}.playful .btn-sm:active{box-shadow:var(--p-shadow-xs);transform:translateY(0)}.playful .btn-lg{padding:18px 28px;font-size:18px;border-radius:var(--p-radius-lg);box-shadow:var(--p-shadow)}.playful .btn-lg:hover{box-shadow:var(--p-shadow-lg);transform:translateY(-1px)}.playful .btn-lg:active{box-shadow:var(--p-shadow-xs);transform:translateY(0)}.playful .btn-icon{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--p-radius-md)}.playful .btn-icon.btn-sm{width:36px;height:36px}.playful .btn.is-disabled,.playful .btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.playful .card{background:var(--p-white);border:var(--p-border);border-radius:var(--p-radius-xl);padding:var(--p-space-6);box-shadow:var(--p-shadow);position:relative;transition:transform var(--p-dur) var(--p-ease),box-shadow var(--p-dur) var(--p-ease)}.playful .card.is-interactive{cursor:pointer}.playful .card.is-interactive:hover{transform:translateY(-2px);box-shadow:var(--p-shadow-lg)}.playful .card.is-yellow{background:var(--p-yellow)}.playful .card.is-coral{background:var(--p-coral);color:var(--p-white)}.playful .card.is-mint{background:var(--p-mint)}.playful .card.is-sky{background:var(--p-sky)}.playful .card.is-violet{background:var(--p-violet)}.playful .card.is-cream{background:var(--p-cream)}.playful .card.is-ink{background:var(--p-ink);color:var(--p-white)}.playful .card--sticker{transform:none}.playful .card--sticker.is-interactive:hover{transform:translateY(-2px)}.playful .card__num{position:absolute;top:14px;right:18px;font-size:64px;font-weight:900;line-height:1;opacity:.08}.playful .card__icon{width:56px;height:56px;border-radius:var(--p-radius-md);border:var(--p-border);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--p-space-4);box-shadow:var(--p-shadow-sm);background:var(--p-white)}.playful .card__icon.is-yellow{background:var(--p-yellow)}.playful .card__icon.is-coral{background:var(--p-coral);color:var(--p-white)}.playful .card__icon.is-mint{background:var(--p-mint)}.playful .card__icon.is-sky{background:var(--p-sky)}.playful .card__icon.is-violet{background:var(--p-violet)}.playful .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:var(--p-border-thin);border-radius:var(--p-radius-pill);font-size:var(--p-text-caption);font-weight:800;background:var(--p-white);color:var(--p-ink);box-shadow:var(--p-shadow-sm);white-space:nowrap}.playful .pill.is-yellow{background:var(--p-yellow)}.playful .pill.is-coral{background:var(--p-coral);color:var(--p-white)}.playful .pill.is-mint{background:var(--p-mint)}.playful .pill.is-sky{background:var(--p-sky)}.playful .pill.is-violet{background:var(--p-violet)}.playful .pill.is-ink{background:var(--p-ink);color:var(--p-yellow)}.playful .tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--p-radius-sm);font-size:var(--p-text-micro);font-weight:700;background:var(--p-cream);color:var(--p-ink);border:var(--p-border-thin)}.playful .tag.is-success{background:#a7f3d0;color:#065f46}.playful .tag.is-warn{background:#fef3c7;color:#92400e}.playful .tag.is-danger{background:#fecaca;color:#991b1b}.playful .tag.is-info{background:#bfdbfe;color:#1e3a8a}.playful .field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--p-space-4)}.playful .field__label{font-size:var(--p-text-body-sm);font-weight:800;color:var(--p-ink)}.playful .field__hint{font-size:var(--p-text-micro);color:var(--p-ink-faint);font-weight:600}.playful .field__error{font-size:var(--p-text-micro);color:var(--p-coral-deep);font-weight:700}.playful .input,.playful .select,.playful .textarea{width:100%;padding:12px 16px;font:inherit;font-size:15px;font-weight:500;color:var(--p-ink);background:var(--p-white);border:var(--p-border);border-radius:var(--p-radius-md);transition:box-shadow var(--p-dur-fast) var(--p-ease),transform var(--p-dur-fast) var(--p-ease)}.playful .input::-moz-placeholder,.playful .textarea::-moz-placeholder{color:var(--p-ink-faint);font-weight:500}.playful .input::placeholder,.playful .textarea::placeholder{color:var(--p-ink-faint);font-weight:500}.playful .input:hover,.playful .select:hover,.playful .textarea:hover{border-color:#cbd5e1}.playful .input:focus,.playful .select:focus,.playful .textarea:focus{outline:none;border-color:var(--p-coral);box-shadow:0 0 0 3px var(--p-accent-subtle)}.playful .textarea{min-height:110px;resize:vertical;line-height:1.5}.playful .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%230F172A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playful .check,.playful .radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playful .check input,.playful .radio input{position:absolute;opacity:0;pointer-events:none}.playful .check__box,.playful .radio__box{width:22px;height:22px;border:var(--p-border);border-radius:6px;background:var(--p-white);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--p-dur-fast) var(--p-ease)}.playful .radio__box{border-radius:50%}.playful .check input:checked+.check__box{background:var(--p-coral);border-color:var(--p-coral)}.playful .check input:checked+.check__box:after{content:"";width:12px;height:7px;border:2px solid var(--p-white);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.playful .radio input:checked+.radio__box:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--p-coral)}.playful .toggle{position:relative;width:48px;height:26px;background:var(--p-white);border:var(--p-border-thin);border-radius:var(--p-radius-pill);cursor:pointer;transition:background var(--p-dur) var(--p-ease)}.playful .toggle:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:var(--p-ink);border-radius:50%;transition:left var(--p-dur) var(--p-ease)}.playful .toggle.is-on{background:var(--p-coral)}.playful .toggle.is-on:after{left:24px}.playful .nav{position:sticky;top:0;z-index:50;background:var(--p-paper);border-bottom:var(--p-border)}.playful .nav__inner{display:flex;align-items:center;justify-content:space-between;height:var(--p-nav-height);max-width:var(--p-content-max);margin:0 auto;padding:0 var(--p-space-8)}.playful .nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--p-ink)}.playful .nav__brand img{width:36px;height:36px}.playful .nav__brand-text{font-size:22px;font-weight:900;letter-spacing:-.02em}.playful .nav__links{display:flex;gap:28px}.playful .nav__link{font-size:14px;font-weight:700;color:var(--p-ink);text-decoration:none;cursor:pointer}.playful .nav__link:hover{color:var(--p-coral-deep)}.playful .nav__actions{display:flex;align-items:center;gap:10px}.playful .nav__burger{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--p-radius-md);background:transparent;color:var(--p-ink-mute);cursor:pointer;transition:background var(--p-dur-fast) var(--p-ease),color var(--p-dur-fast) var(--p-ease)}.playful .nav__burger:hover{background:rgba(15,23,42,.06);color:var(--p-ink)}.playful .nav__burger:focus-visible{outline:2px solid var(--p-coral-deep);outline-offset:2px}.playful .nav__mobile{display:none}.playful .avatar{width:40px;height:40px;border-radius:50%;border:var(--p-border-thin);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;background:var(--p-yellow);color:var(--p-ink);flex-shrink:0}.playful .avatar.is-coral{background:var(--p-coral);color:var(--p-white)}.playful .avatar.is-mint{background:var(--p-mint)}.playful .avatar.is-sky{background:var(--p-sky)}.playful .avatar.is-violet{background:var(--p-violet)}.playful .avatar.is-ink{background:var(--p-ink);color:var(--p-yellow)}.playful .avatar-stack{display:inline-flex}.playful .avatar-stack .avatar{margin-left:-8px}.playful .avatar-stack .avatar:first-child{margin-left:0}.playful .progress{height:6px;background:var(--p-cream);border-radius:var(--p-radius-pill);overflow:hidden}.playful .progress__bar{height:100%;background:var(--p-coral);border-radius:inherit;transition:width var(--p-dur-slow) var(--p-ease-expo)}.playful .progress__bar.is-mint{background:var(--p-mint)}.playful .progress__bar.is-yellow{background:var(--p-yellow)}.playful .progress__bar.is-sky{background:var(--p-sky)}.playful .streak{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--p-coral);color:var(--p-white);border:var(--p-border-thin);border-radius:var(--p-radius-pill);font-weight:900;box-shadow:var(--p-shadow-sm)}.playful .flashcard{background:var(--p-white);border:var(--p-border);border-radius:var(--p-radius-2xl);padding:var(--p-space-6);box-shadow:var(--p-shadow-lg);display:flex;flex-direction:column;gap:var(--p-space-3);min-height:240px}.playful .flashcard.is-yellow{background:var(--p-yellow)}.playful .flashcard.is-mint{background:var(--p-mint)}.playful .flashcard.is-violet{background:var(--p-violet)}.playful .flashcard.is-coral{background:var(--p-coral);color:var(--p-white)}.playful .flashcard__eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.playful .flashcard__q{font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.01em;flex:1}.playful .flashcard__divider{height:1px;background:var(--p-line);margin:8px 0}.playful .flashcard__meta{font-size:11px;font-weight:700;opacity:.65}.playful .flashcard.is-answer .flashcard__q{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:0}.playful .flashcard--preview{min-height:188px;gap:var(--p-space-4)}.playful .flashcard--preview .flashcard__q{flex:1;display:flex;align-items:center}.playful .rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.playful .rate-btn{padding:12px 8px;background:var(--p-white);border:var(--p-border-thin);border-radius:var(--p-radius-md);font-weight:800;font-size:13px;cursor:pointer;text-align:center;box-shadow:var(--p-shadow-xs);transition:all var(--p-dur-fast) var(--p-ease)}.playful .rate-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--p-shadow-sm)}.playful .rate-btn.is-again{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.playful .rate-btn.is-hard{background:#fffbeb;color:#b45309;border-color:#fde68a}.playful .rate-btn.is-good{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.playful .rate-btn.is-easy{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.playful svg.lucide{stroke-width:2}.playful .u-rotate-2,.playful .u-rotate-4,.playful .u-rotate-neg-2,.playful .u-rotate-neg-4{transform:none}.playful .u-stack{display:flex;flex-direction:column}.playful .u-row{display:flex;align-items:center}.playful .u-gap-2{gap:8px}.playful .u-gap-3{gap:12px}.playful .u-gap-4{gap:16px}.playful .u-gap-6{gap:24px}.playful .floaty{animation:p-floaty 4s ease-in-out infinite}@keyframes p-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.playful *,.playful :after,.playful :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.playful{--p-text-display:44px;--p-text-h1:36px;--p-text-h2:28px;--p-text-h3:22px}.playful .section{padding:64px 0}.playful .wrap{padding:0 20px}.playful .btn{padding:12px 18px;font-size:15px}.playful .btn-lg{padding:14px 22px;font-size:16px}.playful .nav__links{display:none}.playful .nav__burger{display:inline-flex}.playful .nav__inner{padding:0 16px}.playful .nav__actions{gap:6px}.playful .nav__mobile{display:block;border-top:var(--p-border-thin);background:var(--p-paper);padding:8px 16px 16px}.playful .nav__mobile-links{display:flex;flex-direction:column}.playful .nav__mobile .nav__link{display:block;padding:14px 2px;font-size:16px;border-bottom:1px solid rgba(15,23,42,.08)}.playful .nav__mobile-footer{margin-top:16px}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");.playful-calm,.playful-calm *{box-sizing:border-box}.playful-calm{--p-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;--p-font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--p-yellow:#f1f5f9;--p-yellow-deep:#475569;--p-coral:#0d9488;--p-coral-deep:#0f766e;--p-mint:#f0fdf4;--p-mint-deep:#15803d;--p-sky:#eff6ff;--p-sky-deep:#2563eb;--p-violet:#f1f5f9;--p-violet-deep:#5e4b91;--p-cream:#f1f5f9;--p-ink:#0f172a;--p-ink-soft:#334155;--p-ink-mute:#64748b;--p-ink-faint:#94a3b8;--p-paper:#f8fafc;--p-white:#fff;--p-line:#e2e8f0;--p-accent-subtle:#ccfbf1;--p-accent-muted:#f0fdfa;--p-success:var(--p-mint);--p-success-deep:var(--p-mint-deep);--p-warn:var(--p-yellow);--p-warn-deep:var(--p-yellow-deep);--p-danger:var(--p-coral);--p-danger-deep:var(--p-coral-deep);--p-info:var(--p-sky);--p-info-deep:var(--p-sky-deep);--p-text-display:64px;--p-text-h1:48px;--p-text-h2:34px;--p-text-h3:24px;--p-text-h4:20px;--p-text-h5:17px;--p-text-body-lg:17px;--p-text-body:15px;--p-text-body-sm:14px;--p-text-caption:12px;--p-text-micro:11px;--p-space-1:4px;--p-space-2:8px;--p-space-3:12px;--p-space-4:16px;--p-space-5:20px;--p-space-6:24px;--p-space-8:32px;--p-space-10:40px;--p-space-12:48px;--p-space-16:64px;--p-space-20:80px;--p-space-24:96px;--p-radius-sm:6px;--p-radius-md:8px;--p-radius-lg:10px;--p-radius-xl:12px;--p-radius-2xl:14px;--p-radius-pill:9999px;--p-stroke-thin:1px;--p-stroke:1px;--p-stroke-thick:1.5px;--p-border:var(--p-stroke) solid var(--p-line);--p-border-thin:var(--p-stroke-thin) solid var(--p-line);--p-border-thick:var(--p-stroke-thick) solid var(--p-line);--p-shadow-xs:0 1px 2px rgba(15,23,42,.04);--p-shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);--p-shadow:0 2px 4px rgba(15,23,42,.05),0 4px 12px rgba(15,23,42,.06);--p-shadow-lg:0 4px 8px rgba(15,23,42,.06),0 12px 24px rgba(15,23,42,.08);--p-shadow-xl:0 8px 16px rgba(15,23,42,.08),0 20px 40px rgba(15,23,42,.1);--p-shadow-coral:0 4px 12px rgba(13,148,136,.22);--p-shadow-yellow:var(--p-shadow);--p-shadow-mint:var(--p-shadow);--p-ease:cubic-bezier(0.4,0,0.2,1);--p-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--p-ease-expo:cubic-bezier(0.16,1,0.3,1);--p-dur-fast:120ms;--p-dur:180ms;--p-dur-slow:280ms;--p-content-max:1200px;--p-nav-height:68px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playful-calm,.playful-calm body{font-family:var(--p-font-sans);background:var(--p-paper);color:var(--p-ink)}.playful-calm body{margin:0}.playful-calm .t-h1,.playful-calm h1{font-size:var(--p-text-h1);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0}.playful-calm .t-display{font-size:var(--p-text-display);font-weight:800;line-height:1.02;letter-spacing:-.025em}.playful-calm .t-h2,.playful-calm h2{font-size:var(--p-text-h2);font-weight:800;line-height:1.15;letter-spacing:-.018em;margin:0}.playful-calm .t-h3,.playful-calm h3{font-size:var(--p-text-h3);font-weight:700;line-height:1.25;letter-spacing:-.012em;margin:0}.playful-calm .t-h4,.playful-calm h4{font-size:var(--p-text-h4);font-weight:700;line-height:1.3;margin:0}.playful-calm .t-h5,.playful-calm h5{font-size:var(--p-text-h5);font-weight:700;line-height:1.35;margin:0}.playful-calm p{margin:0 0 var(--p-space-4);line-height:1.6;font-weight:400;color:var(--p-ink-mute)}.playful-calm .t-body-lg{font-size:var(--p-text-body-lg);line-height:1.6;font-weight:400}.playful-calm .t-body{font-size:var(--p-text-body);line-height:1.6;font-weight:400}.playful-calm .t-body-sm{font-size:var(--p-text-body-sm);line-height:1.55;font-weight:400}.playful-calm .t-caption{font-size:var(--p-text-caption);line-height:1.4;font-weight:600}.playful-calm .t-micro{font-size:var(--p-text-micro);line-height:1.4;font-weight:600}.playful-calm .t-mono{font-family:var(--p-font-mono);font-weight:500}.playful-calm .t-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--p-accent-muted);color:var(--p-coral-deep);border:1px solid var(--p-accent-subtle);border-radius:var(--p-radius-pill);font-size:var(--p-text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.playful-calm .t-eyebrow.is-yellow{background:#fbf3da;color:var(--p-yellow-deep)}.playful-calm .t-eyebrow.is-mint{background:#e6f4ec;color:var(--p-mint-deep)}.playful-calm .t-eyebrow.is-sky{background:#ebf1fa;color:var(--p-sky-deep)}.playful-calm .t-eyebrow.is-violet{background:#efebf7;color:var(--p-violet-deep)}.playful-calm .t-highlight{position:relative;display:inline-block}.playful-calm .t-highlight:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:8px;background:var(--p-accent-subtle);z-index:-1}.playful-calm .t-scribble{color:var(--p-coral-deep)}.playful-calm .wrap{max-width:var(--p-content-max);margin:0 auto;padding:0 var(--p-space-8)}.playful-calm .section{padding:var(--p-space-20) 0;position:relative}.playful-calm .section--sm{padding:var(--p-space-12) 0}.playful-calm .section__head{text-align:center;max-width:680px;margin:0 auto var(--p-space-10)}.playful-calm .section__head h2{margin-bottom:var(--p-space-3)}.playful-calm .section__head p{font-size:var(--p-text-body-lg);color:var(--p-ink-mute)}.playful-calm .grid-bg{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.025;background-image:linear-gradient(var(--p-ink) 1px,transparent 1px),linear-gradient(90deg,var(--p-ink) 1px,transparent 1px);background-size:32px 32px}.playful-calm .section--dark{background:var(--p-ink);color:var(--p-white)}.playful-calm .section--dark h2{color:var(--p-white)}.playful-calm .section--dark p{color:#9ca3af}.playful-calm .section--dark .t-eyebrow{background:hsla(0,0%,100%,.08);color:var(--p-yellow);border-color:transparent}.playful-calm .btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;border:var(--p-border);border-radius:var(--p-radius-md);padding:11px 18px;background:var(--p-white);color:var(--p-ink);box-shadow:var(--p-shadow-sm);transition:transform var(--p-dur-fast) var(--p-ease),box-shadow var(--p-dur-fast) var(--p-ease);-webkit-tap-highlight-color:transparent}.playful-calm .btn:hover{transform:translateY(-1px);box-shadow:var(--p-shadow)}.playful-calm .btn:active{transform:translateY(0);box-shadow:var(--p-shadow-xs)}.playful-calm .btn:focus-visible{outline:2px solid var(--p-coral-deep);outline-offset:2px}.playful-calm .btn-coral{background:var(--p-coral);color:var(--p-white);border-color:var(--p-coral)}.playful-calm .btn-coral:hover{background:var(--p-coral-deep);border-color:var(--p-coral-deep)}.playful-calm .btn-yellow{background:var(--p-yellow);color:var(--p-ink)}.playful-calm .btn-paper{background:var(--p-white)}.playful-calm .btn-ink{background:var(--p-ink);color:var(--p-white)}.playful-calm .btn-mint{background:var(--p-mint);color:var(--p-ink)}.playful-calm .btn-sky{background:var(--p-sky);color:var(--p-ink)}.playful-calm .btn-violet{background:var(--p-violet);color:var(--p-ink)}.playful-calm .btn-ghost{background:transparent;box-shadow:none;border-color:transparent}.playful-calm .btn-ghost:hover{background:var(--p-cream);box-shadow:none;transform:none}.playful-calm .btn-sm{padding:7px 12px;font-size:13px;border-radius:8px}.playful-calm .btn-lg{padding:14px 22px;font-size:16px;border-radius:12px}.playful-calm .btn-icon{width:38px;height:38px;padding:0;justify-content:center}.playful-calm .btn[disabled]{opacity:.45;cursor:not-allowed}.playful-calm .card{background:var(--p-white);border:var(--p-border);border-radius:var(--p-radius-lg);padding:var(--p-space-5);box-shadow:var(--p-shadow);position:relative;transition:transform var(--p-dur) var(--p-ease),box-shadow var(--p-dur) var(--p-ease)}.playful-calm .card.is-interactive{cursor:pointer}.playful-calm .card.is-interactive:hover{transform:translateY(-2px);box-shadow:var(--p-shadow-lg)}.playful-calm .card.is-yellow{background:#f1f5f9}.playful-calm .card.is-coral{background:var(--p-accent-muted);border-color:var(--p-accent-subtle)}.playful-calm .card.is-mint{background:#f0fdf4}.playful-calm .card.is-sky{background:#eff6ff}.playful-calm .card.is-violet{background:#f1f5f9}.playful-calm .card.is-cream{background:var(--p-cream)}.playful-calm .card.is-ink{background:var(--p-ink);color:var(--p-white)}.playful-calm .card__num{position:absolute;top:12px;right:16px;font-size:48px;font-weight:800;line-height:1;opacity:.07}.playful-calm .card__icon{width:44px;height:44px;border-radius:var(--p-radius-md);border:var(--p-border-thin);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--p-space-3);background:var(--p-cream);color:var(--p-coral-deep)}.playful-calm .card__icon.is-yellow{background:#fbf3da;color:var(--p-yellow-deep)}.playful-calm .card__icon.is-coral{background:var(--p-accent-muted);color:var(--p-coral-deep)}.playful-calm .card__icon.is-mint{background:#e6f4ec;color:var(--p-mint-deep)}.playful-calm .card__icon.is-sky{background:#ebf1fa;color:var(--p-sky-deep)}.playful-calm .card__icon.is-violet{background:#efebf7;color:var(--p-violet-deep)}.playful-calm .pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border:var(--p-border-thin);border-radius:var(--p-radius-pill);font-size:var(--p-text-caption);font-weight:600;background:var(--p-white);color:var(--p-ink)}.playful-calm .pill.is-yellow{background:#fbf3da;color:var(--p-yellow-deep)}.playful-calm .pill.is-coral{background:#faebe5;color:var(--p-coral-deep)}.playful-calm .pill.is-mint{background:#e6f4ec;color:var(--p-mint-deep)}.playful-calm .pill.is-sky{background:#ebf1fa;color:var(--p-sky-deep)}.playful-calm .pill.is-violet{background:#efebf7;color:var(--p-violet-deep)}.playful-calm .pill.is-ink{background:var(--p-ink);color:var(--p-white);border-color:var(--p-ink)}.playful-calm .tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--p-radius-sm);font-size:var(--p-text-micro);font-weight:600;background:var(--p-cream);color:var(--p-ink-mute);border:1px solid rgba(31,41,55,.08)}.playful-calm .tag.is-success{background:#e6f4ec;color:var(--p-mint-deep)}.playful-calm .tag.is-warn{background:#fbf3da;color:var(--p-yellow-deep)}.playful-calm .tag.is-danger{background:#faebe5;color:var(--p-coral-deep)}.playful-calm .tag.is-info{background:#ebf1fa;color:var(--p-sky-deep)}.playful-calm .field{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--p-space-4)}.playful-calm .field__label{font-size:var(--p-text-body-sm);font-weight:600;color:var(--p-ink)}.playful-calm .field__hint{font-size:var(--p-text-micro);color:var(--p-ink-faint);font-weight:500}.playful-calm .input,.playful-calm .select,.playful-calm .textarea{width:100%;padding:10px 14px;font:inherit;font-size:14px;font-weight:400;color:var(--p-ink);background:var(--p-white);border:var(--p-border-thin);border-radius:var(--p-radius-md);transition:border-color var(--p-dur-fast) var(--p-ease),box-shadow var(--p-dur-fast) var(--p-ease)}.playful-calm .input::-moz-placeholder,.playful-calm .textarea::-moz-placeholder{color:var(--p-ink-faint);font-weight:400}.playful-calm .input::placeholder,.playful-calm .textarea::placeholder{color:var(--p-ink-faint);font-weight:400}.playful-calm .input:focus,.playful-calm .select:focus,.playful-calm .textarea:focus{outline:none;border-color:var(--p-coral-deep);box-shadow:0 0 0 3px rgba(184,75,54,.12)}.playful-calm .textarea{min-height:100px;resize:vertical;line-height:1.5}.playful-calm .nav{position:sticky;top:0;z-index:50;background:hsla(48,38%,97%,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(31,41,55,.08)}.playful-calm .nav__inner{display:flex;align-items:center;justify-content:space-between;height:var(--p-nav-height);max-width:var(--p-content-max);margin:0 auto;padding:0 var(--p-space-8)}.playful-calm .nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--p-ink)}.playful-calm .nav__brand img{width:32px;height:32px}.playful-calm .nav__brand-text{font-size:19px;font-weight:800;letter-spacing:-.01em}.playful-calm .nav__links{display:flex;gap:28px}.playful-calm .nav__link{font-size:14px;font-weight:500;color:var(--p-ink-mute);text-decoration:none;cursor:pointer}.playful-calm .nav__link:hover{color:var(--p-coral-deep)}.playful-calm .nav__actions{display:flex;align-items:center;gap:8px}.playful-calm .avatar{width:36px;height:36px;border-radius:50%;border:var(--p-border-thin);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;background:var(--p-cream);color:var(--p-ink);flex-shrink:0}.playful-calm .avatar.is-coral{background:#faebe5;color:var(--p-coral-deep)}.playful-calm .avatar.is-mint{background:#e6f4ec;color:var(--p-mint-deep)}.playful-calm .avatar.is-sky{background:#ebf1fa;color:var(--p-sky-deep)}.playful-calm .avatar.is-violet{background:#efebf7;color:var(--p-violet-deep)}.playful-calm .avatar.is-yellow{background:#fbf3da;color:var(--p-yellow-deep)}.playful-calm .avatar-stack{display:inline-flex}.playful-calm .avatar-stack .avatar{margin-left:-6px}.playful-calm .avatar-stack .avatar:first-child{margin-left:0}.playful-calm .progress{height:6px;background:rgba(31,41,55,.06);border:none;border-radius:var(--p-radius-pill);overflow:hidden}.playful-calm .progress__bar{height:100%;background:var(--p-coral-deep);transition:width var(--p-dur-slow) var(--p-ease-expo)}.playful-calm .progress__bar.is-mint{background:var(--p-mint-deep)}.playful-calm .progress__bar.is-yellow{background:var(--p-yellow-deep)}.playful-calm .progress__bar.is-sky{background:var(--p-sky-deep)}.playful-calm .streak{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--p-white);color:var(--p-ink);border:1px solid var(--p-line);border-radius:var(--p-radius-pill);font-weight:700;font-size:13px}.playful-calm .flashcard{background:var(--p-white);border:var(--p-border);border-radius:var(--p-radius-2xl);padding:var(--p-space-6);box-shadow:var(--p-shadow-lg);display:flex;flex-direction:column;gap:var(--p-space-3);min-height:220px}.playful-calm .flashcard.is-yellow{background:#f1f5f9}.playful-calm .flashcard.is-mint{background:#f0fdf4}.playful-calm .flashcard.is-violet{background:#f1f5f9}.playful-calm .flashcard.is-coral{background:var(--p-accent-muted)}.playful-calm .flashcard__eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--p-ink-faint)}.playful-calm .flashcard__q{font-size:19px;font-weight:700;line-height:1.3;color:var(--p-ink);flex:1}.playful-calm .flashcard__divider{height:1px;background:rgba(31,41,55,.1);margin:6px 0}.playful-calm .flashcard__meta{font-size:11px;font-weight:500;color:var(--p-ink-faint)}.playful-calm .rate-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.playful-calm .rate-btn{padding:10px 6px;background:var(--p-white);border:var(--p-border-thin);border-radius:var(--p-radius-md);font-weight:600;font-size:13px;cursor:pointer;text-align:center;transition:all var(--p-dur-fast) var(--p-ease)}.playful-calm .rate-btn:hover{background:var(--p-cream)}.playful-calm .rate-btn.is-again{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.playful-calm .rate-btn.is-hard{background:#fffbeb;color:#b45309;border-color:#fde68a}.playful-calm .rate-btn.is-good{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.playful-calm .rate-btn.is-easy{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.playful-calm svg.lucide{stroke-width:2}.playful-calm .u-stack{display:flex;flex-direction:column}.playful-calm .u-row{display:flex;align-items:center}.playful-calm .u-gap-2{gap:8px}.playful-calm .u-gap-3{gap:12px}.playful-calm .u-gap-4{gap:16px}.playful-calm .u-gap-6{gap:24px}@media (prefers-reduced-motion:reduce){.playful-calm *,.playful-calm :after,.playful-calm :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){.playful-calm{--p-text-display:40px;--p-text-h1:32px;--p-text-h2:26px;--p-text-h3:21px}.playful-calm .section{padding:56px 0}.playful-calm .wrap{padding:0 20px}}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(59,130,246,.3)}50%{box-shadow:0 0 40px rgba(59,130,246,.5)}}@keyframes ringPulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.glass--elevated{background:hsla(0,0%,100%,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.2)}.glass--subtle{background:hsla(0,0%,100%,.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:hsla(0,0%,100%,.05)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text--blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text--purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 12px 40px rgba(0,0,0,.25),0 0 30px rgba(59,130,246,.15)}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.gradient-icon-bg{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2))}.gradient-icon-bg--blue{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(6,182,212,.15))}.gradient-icon-bg--purple{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(236,72,153,.15))}.gradient-icon-bg--green{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.15))}.gradient-icon-bg--orange{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(245,158,11,.15))}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:inherit;pointer-events:none}.progress-gradient{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.progress-gradient--success{background:linear-gradient(90deg,#22c55e,#16a34a)}.text-dark-primary{color:#f3f4f6}.text-dark-secondary{color:#94a3b8}.text-dark-muted{color:#64748b}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-in-up,.animate-scale-in{animation:none;opacity:1;transform:none}.hover-lift:hover{transform:none}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5{animation-delay:0s}}