*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f4511e 0%,#fff3ea 46%,#ffffff 100%);color:#2b1a14}.app-shell{width:min(1080px,100%);margin:0 auto;min-height:100vh}.hero{position:relative;overflow:hidden;text-align:center;color:#fff;padding:38px 20px 44px;border-bottom-left-radius:34px;border-bottom-right-radius:34px;background:radial-gradient(circle at 20% 10%,rgba(255,209,102,.5),transparent 28%),linear-gradient(145deg,#ff6633,#f4511e 58%,#d84214)}.hero:after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.12)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;margin:14px 0 6px;font-weight:800}.hero h1{font-size:64px;line-height:.9;margin:0;font-weight:950;letter-spacing:-.06em}.tagline{font-size:26px;margin:10px 0 0;font-weight:650}.blob-logo{position:relative;width:86px;height:70px;margin:0 auto;filter:drop-shadow(0 14px 20px rgba(43,26,20,.25))}.blob{position:absolute;border-radius:40% 60% 50% 50%;width:48px;height:42px;mix-blend-mode:screen}.b1{left:19px;top:0;background:#65d66e;transform:rotate(-22deg)}.b2{left:4px;top:26px;background:#8b5cf6;transform:rotate(24deg)}.b3{left:38px;top:25px;background:#38bdf8;transform:rotate(-12deg)}.b4{left:32px;top:11px;background:#ff7a35;transform:rotate(18deg)}main{padding:20px}.card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:22px;margin-bottom:18px;box-shadow:0 18px 40px rgba(216,66,20,.16)}.card-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.label{margin:0 0 8px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px;color:#d84214}.card h2,.rewards h2,.library h2{margin:0 0 12px;font-size:24px;letter-spacing:-.03em}.pill{display:inline-flex;white-space:nowrap;align-items:center;border-radius:999px;padding:8px 12px;background:#fff3ea;color:#d84214;font-weight:800;font-size:13px}.quote{font-size:25px;line-height:1.25;font-weight:850;letter-spacing:-.035em;margin:14px 0}.quote:before{content:"“"}.quote:after{content:"”"}.quote-long{font-size:16px;line-height:1.65;background:#fff3ea;padding:16px;border-radius:20px;border-left:5px solid #ffd166}.hidden{display:none}.hint{color:#754231;font-weight:650}.drill-card{background:#fff3ea}.drill-card p:not(.label):not(.duration):not(.complete-message){font-size:18px;line-height:1.6}.duration{display:inline-flex;border-radius:999px;background:#fff;color:#d84214;padding:8px 12px;font-weight:800}.primary-btn{width:100%;border:0;border-radius:20px;padding:16px 18px;background:#f4511e;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 12px 22px rgba(244,81,30,.25);transition:.2s}.primary-btn:hover{transform:translateY(-1px);background:#d84214}.primary-btn:disabled{background:#c6a399;box-shadow:none;cursor:not-allowed}.complete-message{min-height:24px;font-weight:800;color:#16733b}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats-grid div{background:#fff3ea;border-radius:20px;padding:16px;text-align:center}.stats-grid strong{display:block;font-size:26px;color:#f4511e}.stats-grid span{font-size:13px;font-weight:750}.progress-wrap{margin-top:18px}.progress-top{display:flex;justify-content:space-between;font-weight:800;margin-bottom:8px}.progress-bar{height:13px;background:#fff3ea;border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#65d66e,#38bdf8,#8b5cf6);border-radius:999px;transition:width .4s}.rewards,.library{padding:4px 0 18px}.reward-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.reward-item{background:rgba(255,255,255,.9);border-radius:20px;padding:14px;border:1px solid rgba(244,81,30,.14)}.reward-item.unlocked{outline:3px solid rgba(101,214,110,.45)}.reward-item strong{display:block;margin-bottom:5px}.reward-item span{font-size:13px;color:#754231;font-weight:700}.section-copy{margin-top:-6px;color:#754231}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-card{background:#fff;border-radius:20px;padding:16px;min-height:160px;border:1px solid rgba(244,81,30,.12)}.library-card.locked{filter:grayscale(1);opacity:.55}.library-card h3{margin:0 0 8px;font-size:16px}.library-card p{margin:0;line-height:1.5}.library-card .lock{font-weight:900;color:#d84214;margin-top:12px}footer{text-align:center;padding:22px 20px 40px;color:#754231;font-size:13px}.reset-btn{margin-top:10px;background:transparent;border:1px solid rgba(117,66,49,.35);border-radius:999px;padding:10px 14px;color:#754231;font-weight:800;cursor:pointer}.celebration{pointer-events:none;position:fixed;inset:0;overflow:hidden}.spark{position:absolute;width:10px;height:10px;border-radius:50%;animation:pop 900ms ease-out forwards;background:#ffd166}@keyframes pop{0%{transform:translateY(0) scale(.7);opacity:1}100%{transform:translateY(-180px) scale(1.6);opacity:0}}@media(max-width:760px){.hero h1{font-size:54px}.tagline{font-size:22px}.card-head{display:block}.pill{margin-top:6px}.stats-grid,.reward-list,.library-grid{grid-template-columns:1fr}.quote{font-size:22px}main{padding:14px}.card{border-radius:24px;padding:18px}}