:root{--color-cream: #F4F8F2;--color-ink: #1B2540;--color-slate: #5A6478;--color-primary: #5A8472;--color-primary-deep: #3F6B5C;--color-primary-soft: #D6E8D2;--color-sage: #6B9080;--color-sage-soft: #CFE0D5;--color-amber: #E5A35E;--color-amber-soft: #F6E2C6;--color-lip: #A6796D;--color-lip-deep: #8A5F54;--color-tongue: #D4A89B}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f4f8f2;color:#1b2540;min-height:100svh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit;color:inherit;border:0;background:transparent;cursor:pointer;padding:0}.font-display{font-family:Fraunces,Georgia,serif;font-weight:600}.italic{font-style:italic}.tabular{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient{position:fixed;inset:0;z-index:-10;pointer-events:none;overflow:hidden}.ambient__blob{position:absolute;border-radius:9999px;filter:blur(56px)}.ambient__blob--a{top:-8rem;left:-6rem;width:460px;height:460px;background:#d6e8d299}.ambient__blob--b{top:40%;right:-8rem;width:420px;height:420px;background:#cfe0d580}.ambient__blob--c{bottom:-10rem;left:33%;width:380px;height:380px;background:#f6e2c68c}.app-shell{margin-inline:auto;width:100%;max-width:460px;min-height:100svh;display:flex;flex-direction:column;position:relative}.topbar{position:sticky;top:0;z-index:30;padding:max(env(safe-area-inset-top),14px) 20px 12px;background:#f4f8f2d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar__row{display:flex;align-items:center;gap:12px}.screen{flex:1;padding:8px 20px max(env(safe-area-inset-bottom),20px);display:flex;flex-direction:column}.screen-section{flex:1;display:flex;flex-direction:column;padding-top:8px}.spacer-auto{margin-top:auto}.text-center{text-align:center}@media(min-width:768px){.app-shell{box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f}}.icon-btn{width:36px;height:36px;border-radius:9999px;background:#ffffffb3;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,background .2s ease}.icon-btn:hover{background:#fff}.icon-btn:active{transform:scale(.95)}.progress-bar{flex:1;display:flex;gap:6px}.progress-bar__segment{flex:1;height:8px;border-radius:9999px;background:#d7ded0b3;overflow:hidden}.progress-bar__fill{height:100%;width:0;border-radius:9999px;background:linear-gradient(90deg,#5a8472,#3f6b5c);transition:width .7s cubic-bezier(.22,.61,.36,1)}.streak-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:9999px;background:#ffffffb3;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014}.streak-pill__num{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:#1b2540}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;background:#ffffffb3;box-shadow:inset 0 0 0 1px #1b25400f;font-size:11px;font-weight:500;color:#5a6478}.btn{width:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;font-weight:600;letter-spacing:-.01em;transition:background .2s ease,transform .12s ease,color .2s ease}.btn--primary{padding:16px 20px;background:#5a8472;color:#fff;box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;font-size:16px}.btn--primary:hover{background:#3f6b5c}.btn--primary:active{transform:scale(.985)}.btn--ghost{padding:12px 20px;color:#5a6478;font-size:14px;font-weight:500}.btn--ghost:hover{color:#1b2540}.btn--ghost:active{transform:scale(.985)}.btn--soft{padding:12px 20px;background:#fffc;color:#1b2540;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;font-weight:500}.btn--soft:active{transform:scale(.98)}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{background:#ffffffbf;border-radius:24px;box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;padding:24px;position:relative;overflow:hidden}.card--soft{background:#ffffffb3;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014}.card--bare{background:#fff9;box-shadow:inset 0 0 0 1px #1b25400f;padding:12px 16px}.hero-card{margin-top:28px;margin-bottom:24px;border-radius:24px;background:linear-gradient(140deg,#ffffffd9,#d6e8d266);box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;padding:24px;position:relative;overflow:hidden}.hero-card__bg{position:absolute;inset:0;opacity:.3;pointer-events:none}.hero-card__bg span:first-child{position:absolute;top:16px;left:24px;width:96px;height:96px;border-radius:9999px;background:#d6e8d2;filter:blur(28px)}.hero-card__bg span:last-child{position:absolute;bottom:16px;right:24px;width:112px;height:112px;border-radius:9999px;background:#cfe0d5;filter:blur(28px)}.hero-card__wave{position:relative;height:96px;display:flex;align-items:flex-end;justify-content:center;gap:6px}.hero-card__wave span{width:6px;border-radius:9999px;background:#5a8472;transform-origin:center}.hero-card__meta{position:relative;margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#5a6478}.hero-card__meta strong{color:#1b2540;font-weight:500}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px}.stat-tile{border-radius:16px;background:#ffffffb3;box-shadow:inset 0 0 0 1px #1b25400f;padding:12px}.stat-tile__label{font-size:11px;color:#5a6478}.stat-tile__value{font-family:Fraunces,Georgia,serif;font-size:24px;color:#1b2540;margin-top:2px}.stat-tile__value small{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;color:#5a6478;margin-left:4px}.heading-display{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.015em;color:#1b2540}.heading-display--xl{font-size:40px;line-height:1.05}.heading-display--lg{font-size:28px;line-height:1.15}.heading-display--md{font-size:26px;line-height:1.18}.heading-display--sm{font-size:22px;line-height:1.2}.body-text{font-size:14px;line-height:1.55;color:#5a6478;max-width:34ch}.body-text--sm{font-size:13px;line-height:1.5}.body-text--xs{font-size:12px}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mood-card{position:relative;text-align:left;border-radius:16px;background:#fffc;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;padding:16px;height:124px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s ease,transform .12s ease,background .2s ease,outline .2s ease;outline:0 solid transparent}.mood-card:hover{box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f}.mood-card:active{transform:scale(.98)}.mood-card__label{font-size:14px;font-weight:500;color:#1b2540;line-height:1.2}.mood-card__note{font-size:11px;color:#5a6478;margin-top:2px;line-height:1.35}.mood-card.is-selected{background:#d6e8d2b3;outline:2px solid rgba(90,132,114,.4)}.word-display__word{font-family:Fraunces,Georgia,serif;font-size:64px;line-height:1;letter-spacing:-.015em;color:#1b2540}.word-display__phon{margin-top:8px;font-size:13px;letter-spacing:.02em;color:#5a6478}.play-btn{position:relative;margin-top:24px;width:64px;height:64px;border-radius:9999px;background:#5a8472;color:#fff;box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease}.play-btn:active{transform:scale(.95)}.play-ring,.rec-ring{position:absolute;inset:0;border-radius:9999px;border:2px solid #5A8472;opacity:0;pointer-events:none}.play-ring.is-active,.rec-ring.is-active{opacity:1}.center-stack{display:flex;flex-direction:column;align-items:center;text-align:center}.record-area{margin-top:24px;border-radius:24px;background:#ffffffb3;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;padding:24px;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.record-area.is-revealed{opacity:1;pointer-events:auto}.rec-btn{position:relative;margin-top:16px;width:80px;height:80px;border-radius:9999px;background:#1b2540;color:#fff;box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease}.rec-btn:active{transform:scale(.95)}.wave-row{margin-top:16px;height:32px;display:flex;align-items:flex-end;gap:4px;opacity:0;transition:opacity .3s ease}.wave-row.is-visible{opacity:1}.wave-row span{width:3px;border-radius:9999px;background:#5a8472;transform-origin:center}.bloom{margin-top:20px;border-radius:16px;background:#ffffffd9;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;padding:16px;display:flex;align-items:center;gap:16px;width:100%}.bloom.is-hidden{display:none}.bloom__ring{position:relative;width:56px;height:56px;flex-shrink:0}.bloom__ring svg{width:56px;height:56px;transform:rotate(-90deg)}.bloom__ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,serif;font-size:15px;color:#1b2540}.bloom__ring-num small{font-size:9px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#5a6478;margin-left:2px}.bloom__band{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#5a6478}.bloom__note{font-size:14px;color:#1b2540;font-weight:500;margin-top:2px;line-height:1.35}.bloom__meta{font-size:11px;color:#5a6478;margin-top:4px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.opt-card{position:relative;text-align:left;border-radius:16px;background:#fffc;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;padding:20px;transition:box-shadow .2s ease,transform .12s ease,background .2s ease,outline .2s ease;outline:0 solid transparent}.opt-card:hover{box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f}.opt-card:active{transform:scale(.98)}.opt-card__word{font-family:Fraunces,Georgia,serif;font-size:24px;color:#1b2540;line-height:1}.opt-card__hint{margin-top:8px;display:flex;align-items:center;gap:4px;font-size:11px;color:#5a6478}.opt-card.is-correct{background:#cfe0d599;outline:2px solid rgba(107,144,128,.6)}.opt-card.is-wrong{background:#f6e2c680;outline:2px solid rgba(229,163,94,.6)}.mirror-card{margin-top:20px;border-radius:24px;background:#fffc;box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;padding:20px;position:relative;overflow:hidden}.mirror-card__tag{position:absolute;top:12px;right:16px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5a6478}.mirror-card__svg{width:100%;height:176px}.mirror-card__list{margin:12px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:6px;font-size:12px;color:#5a6478}.mirror-card__list li{display:flex;align-items:center;gap:8px}.mirror-card__list .dot{width:6px;height:6px;border-radius:9999px;flex-shrink:0}.mirror-card__list .dot--primary{background:#5a8472}.mirror-card__list .dot--sage{background:#6b9080}.mirror-card__list .dot--amber{background:#e5a35e}.row-tile{margin-top:20px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:#fff9;box-shadow:inset 0 0 0 1px #1b25400f;padding:12px 16px;font-size:12px;color:#5a6478}.row-tile strong{color:#1b2540;font-weight:500}.row-tile button{font-size:12px;color:#1b2540;font-weight:500;text-underline-offset:2px}.row-tile button:hover{text-decoration:underline}.build-pool{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.build-slot{margin-top:20px;min-height:88px;border-radius:16px;border:2px dashed #D7DED0;padding:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start}.word-chip{border-radius:12px;background:#ffffffd9;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;padding:8px 14px;font-size:15px;font-weight:500;color:#1b2540;transition:transform .12s ease,opacity .2s ease}.word-chip:active{transform:scale(.97)}.word-chip.is-used{opacity:.3;pointer-events:none}.word-chip--placed{background:#d6e8d2b3;box-shadow:inset 0 0 0 1px #1b25400f}.hear-btn{margin-top:20px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#fffc;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;font-size:12px;font-weight:500;color:#1b2540;transition:transform .12s ease,background .2s ease}.hear-btn:active{transform:scale(.98)}.hear-btn.is-playing{background:#d6e8d299}.feedback-line{margin-top:16px;min-height:20px;text-align:center;font-size:13px;color:#5a6478}.feedback-line .ok{color:#6b9080;font-weight:500}.feedback-line .soft{color:#5a6478}.complete{position:relative;padding-top:16px}.complete__confetti{position:absolute;inset:-8px 0 auto;height:160px;pointer-events:none;overflow:hidden}.complete__confetti span{position:absolute;top:0;width:8px;height:8px;border-radius:2px}.complete__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#5a6478}.complete__words{margin-top:20px}.complete__words-label{font-size:12px;color:#5a6478;margin-bottom:8px}.complete__words-list{display:flex;flex-wrap:wrap;gap:8px}.word-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:9999px;background:#ffffffd9;box-shadow:0 1px 2px #1b254008,0 4px 16px -8px #1b254014;font-size:13px;font-weight:500;color:#1b2540}.reward{margin-top:28px;border-radius:24px;background:linear-gradient(140deg,#ffffffe6,#d6e8d266);box-shadow:0 1px 2px #1b25400a,0 8px 24px -8px #1b25401f;padding:20px}.reward__row{display:flex;align-items:center;justify-content:space-between}.reward__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5a6478}.reward__value{font-family:Fraunces,Georgia,serif;font-size:40px;line-height:1;color:#1b2540;margin-top:4px;display:flex;align-items:baseline}.reward__value small{margin-left:8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;color:#5a6478;font-variant-numeric:tabular-nums}.reward__value--right{justify-content:flex-end}.reward__shimmer{margin-top:16px;height:6px;border-radius:9999px;background:#d7ded0b3;overflow:hidden}.reward__shimmer span{display:block;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(90,132,114,.55),transparent);background-size:200% 100%}.reward__caption{margin-top:8px;font-size:11px;color:#5a6478}.insight{margin-top:20px;border-radius:16px;background:#ffffffb3;box-shadow:inset 0 0 0 1px #1b25400f;padding:16px}.insight__row{display:flex;align-items:flex-start;gap:12px}.insight__bubble{width:36px;height:36px;border-radius:9999px;background:#cfe0d599;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight__text{font-size:12px;color:#5a6478;line-height:1.5}.insight__text strong{color:#1b2540;font-weight:500}.text-ink{color:#1b2540}.text-sage{color:#6b9080}.text-slate{color:#5a6478}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-7{margin-top:28px}.gap-2{gap:8px}.hidden{display:none!important}.fade-mask{opacity:0;transition:opacity .5s ease}.fade-mask.is-visible{opacity:1}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.06);opacity:1}}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.04);opacity:1}}@keyframes waveBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes ringExpand{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes bloomIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confettiDrop{0%{transform:translateY(-20px) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(120px) rotate(220deg);opacity:0}}@keyframes sweepGlow{0%,to{opacity:.5}50%{opacity:.9}}@keyframes tongueLift{0%{transform:translateY(4px) rotate(-4deg)}to{transform:translateY(-2px) rotate(2deg)}}@keyframes xpCount{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-slide-in{animation:fadeSlideIn .36s cubic-bezier(.22,.61,.36,1) both}.animate-fade-slide-out{animation:fadeSlideOut .24s cubic-bezier(.55,.06,.68,.19) both}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-gentle-pulse{animation:gentlePulse 1.4s ease-in-out infinite}.animate-breathe{animation:breathe 3.6s ease-in-out infinite}.animate-wave-bar{animation:waveBar .9s ease-in-out infinite;transform-origin:center}.animate-ring-expand{animation:ringExpand 1.6s ease-out infinite}.animate-bloom-in{animation:bloomIn .6s cubic-bezier(.22,.61,.36,1) both}.animate-shimmer{animation:shimmer 2.4s linear infinite}.animate-confetti{animation:confettiDrop 1.8s ease-out forwards}.animate-sweep-glow{animation:sweepGlow 4s ease-in-out infinite}.animate-tongue-lift{animation:tongueLift 2.4s ease-in-out infinite alternate;transform-origin:170px 140px}.animate-xp-count{animation:xpCount .52s cubic-bezier(.22,.61,.36,1) both}