@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg: #fff7f0;--surface: #ffffff;--ink: #3d2817;--ink-2: #6b4f3a;--ink-3: #a68872;--line: rgba(61, 40, 23, .12);--accent: #d4795a;--accent-2: #6b8e5a;--accent-soft: rgba(212, 121, 90, .12);--good: #6b8e5a;--bad: #c25450;--font-display: "Lora", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif;--radius: 22px;--radius-sm: 12px;--shadow: 0 2px 16px rgba(61, 40, 23, .08)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--bg)}.app-main{flex:1;overflow-y:auto;padding-bottom:64px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 24px;border-radius:999px;border:none;font-family:var(--font-body);font-weight:700;font-size:16px;cursor:pointer;transition:opacity .15s,transform .1s;background:var(--accent);color:#fff}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink-2)}.btn.danger{background:#c254501a;color:var(--bad)}.btn.success{background:var(--accent-2);color:#fff}.progress-bar{height:6px;background:var(--accent-soft);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.kicker.accent{color:var(--accent)}.h1{font-family:var(--font-display);font-size:30px;font-weight:600}.h2{font-family:var(--font-display);font-size:24px;font-weight:500}.h3{font-weight:700;font-size:18px}.muted{color:var(--ink-3)}.small{font-size:14px}.chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.streak-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:15px;font-weight:700}.flip-card{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);cursor:pointer}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face-back{transform:rotateY(180deg)}@keyframes cardSlideUp{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}