:root{color:#fff;font-synthesis:none;text-rendering:geometricprecision;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 24%,#ff8a1f2e,#0000 28rem),radial-gradient(circle at 20% 0,#556d9c2e,#0000 24rem),#050505;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.loading{color:#ffd166;background:#050505;place-items:center;min-height:100vh;display:grid}.page{--warm:#ff8a1f;--gold:#ffd166;--ember:#ff3b1f;--glass:#ffffff0f;--border:#ffffff1f;background:radial-gradient(circle at 50% calc(30% + var(--level) * 2%), rgba(255, 138, 31, calc(.08 + var(--level) * .026)), transparent 19rem), linear-gradient(180deg, #080b12 0%, #050505 44%, #090604 100%);justify-content:center;min-height:100svh;padding:0;display:flex}.phone-shell{width:min(100%,480px);min-height:100svh;padding:calc(14px + env(safe-area-inset-top)) clamp(14px, 4vw, 22px) calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 38%,#ffd16617,#0000 13rem),linear-gradient(#080b12fa,#050505fa);position:relative;overflow:hidden}.topbar{z-index:5;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.pill{color:#ffdca3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.02em;background:#ffffff0e;border:1px solid #ffd1662e;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.76rem;display:inline-flex}.brand-row{color:#a1a1aa;align-items:center;gap:7px;margin-top:0;font-size:.78rem;display:flex}.online-dot{background:var(--warm);border-radius:50%;width:8px;height:8px;animation:1.9s ease-in-out infinite breathe;box-shadow:0 0 0 4px #ff8a1f24,0 0 18px #ff8a1fe6}.icon-button{border:1px solid var(--border);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.hero{z-index:2;text-align:center;padding-top:clamp(12px,4vw,26px);position:relative}.eyebrow,.subtitle{color:#a1a1aa;margin:0;line-height:1.35}.eyebrow{color:#ffdca3;font-size:.82rem}h1{letter-spacing:0;text-shadow:0 0 28px #ff8a1f57;margin:4px 0 2px;font-size:clamp(2.65rem,13vw,4.2rem);line-height:.95}.subtitle{font-size:clamp(.95rem,3.9vw,1.08rem)}.scene{isolation:isolate;border-radius:0;height:clamp(270px,70vw,336px);margin:6px auto 8px;position:relative;overflow:hidden}.stars,.stars:before,.stars:after{content:"";opacity:.48;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.4px),radial-gradient(circle,#ffd166b3 0 1px,#0000 1.3px);background-position:8px 6px,27px 23px;background-size:58px 72px,89px 83px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 62%);mask-image:linear-gradient(#000,#0000 62%)}.moon-glow{filter:blur(2px);background:radial-gradient(circle,#c8d7ff26,#0000 66%);border-radius:50%;width:110px;height:110px;position:absolute;top:18%;left:10%}.forest{opacity:.9;background:linear-gradient(140deg,#0000 0 48%,#0c1315eb 49% 62%,#0000 63%) 0 0/42px 90px repeat-x,linear-gradient(152deg,#0000 0 45%,#0c1315e6 46% 61%,#0000 62%) 18px 17px/56px 100px repeat-x;height:105px;position:absolute;bottom:62px;left:-8%;right:-8%}.forest-back{opacity:.38;filter:blur(1px);bottom:82px;transform:scaleY(.78)}.ground-glow{width:calc(220px + var(--level) * 24px);height:calc(86px + var(--level) * 10px);background:radial-gradient(ellipse, rgba(255, 138, 31, calc(.22 + var(--level) * .04)), #ff3b1f1f 36%, transparent 72%);filter:blur(12px);border-radius:50%;animation:2.8s ease-in-out infinite glowPulse;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.fire-wrap{width:190px;height:184px;transform:translateX(-50%) scale(calc(.68 + var(--level) * .07));transform-origin:50% 88%;filter:drop-shadow(0 18px 38px #ff581457);position:absolute;bottom:34px;left:50%}.fire-wrap:before{content:"";filter:blur(16px);background:radial-gradient(circle,#ff8a1f52,#0000 58%);border-radius:50%;animation:1.5s ease-in-out infinite alternate flickerGlow;position:absolute;inset:34px 5px 0}.flames{position:absolute;inset:8px 22px 40px}.flame,.inner-flame{transform-origin:50% 100%;mix-blend-mode:screen;filter:blur(.2px);background:linear-gradient(#ffd166 0%,#ff8a1f 45%,#ff3b1f 100%);border-radius:54% 46% 48% 52%/64% 64% 36% 36%;width:62px;height:112px;animation:1.08s ease-in-out infinite alternate flameDance;position:absolute;bottom:0;left:50%}.flame-0{transform:translate(-50%)rotate(-8deg)scale(1.1)}.flame-1{opacity:.82;animation-delay:-.32s;transform:translate(-88%)rotate(11deg)scale(.78)}.flame-2{opacity:.9;animation-delay:-.52s;transform:translate(-12%)rotate(-16deg)scale(.84)}.flame-3{opacity:.7;animation-delay:-.74s;transform:translate(-54%)rotate(19deg)scale(.62)}.inner-flame{width:34px;height:72px;transform:translateX(-50%) scale(calc(.6 + var(--level) * .07));background:linear-gradient(#fff3bd 0%,#ffd166 56%,#ff8a1fcc);animation:.86s ease-in-out infinite alternate innerFlicker;bottom:9px}.logs{width:150px;height:58px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.logs span,.flying-log{background:radial-gradient(circle at 13px 12px,#8f5c30 0 8px,#3a2011 8.5px 10px,#0000 10.5px),linear-gradient(90deg,#3b2010,#6b3f1d 22%,#9a612d 52%,#4c2a13);border-radius:999px;width:104px;height:24px;position:absolute;box-shadow:inset 0 -5px 10px #00000047,0 8px 18px #00000059}.logs span:first-child{top:19px;left:18px;transform:rotate(17deg)}.logs span:nth-child(2){top:23px;right:14px;transform:rotate(-18deg)}.logs span:nth-child(3){opacity:.82;top:34px;left:29px;transform:rotate(2deg)scale(.8)}.ember-bed{filter:blur(7px);background:radial-gradient(#ffd166,#ff3b1f 38%,#ff3b1f14 76%);border-radius:50%;width:122px;height:28px;animation:1.4s ease-in-out infinite alternate embers;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.spark-field span{left:calc(50% + (var(--i) - 13) * 5px);width:3px;height:3px;animation:sparkRise calc(1.4s + (var(--i) % 5) * .28s) linear infinite;animation-delay:calc(var(--i) * -.13s);opacity:0;background:#ffd166;border-radius:50%;position:absolute;bottom:76px;box-shadow:0 0 12px #ff8a1f}.weather-windy .spark-field span{animation-name:sparkWind}.smoke span{left:calc(50% - 22px + var(--n,1) * 7px);filter:blur(12px);background:#ffffff14;border-radius:50%;width:50px;height:50px;animation:5.2s ease-in-out infinite smokeRise;position:absolute;bottom:128px}.smoke span:first-child{animation-delay:-1s;left:42%}.smoke span:nth-child(2){animation-delay:-2s;left:51%}.smoke span:nth-child(3){animation-delay:-3s;left:45%}.smoke span:nth-child(4){animation-delay:-4s;left:55%}.flying-log{z-index:5;animation:.62s cubic-bezier(.2,.8,.34,1) forwards logArc;bottom:-68px;left:50%}.adding .fire-wrap:after{content:"";background:radial-gradient(circle,#ffd1668c,#ff8a1f2e 38%,#0000 67%);border-radius:50%;width:190px;height:190px;animation:.62s ease-out forwards flare;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ambient{pointer-events:none;position:absolute;inset:0}.ambient i{left:calc((var(--i,1) * 17) * 1%);position:absolute}.ambient i:nth-child(odd){left:15%}.ambient i:nth-child(3n){left:74%}.ambient-rain i{background:linear-gradient(#0000,#c8d7ff52);width:1px;height:34px;animation:1.1s linear infinite rainFall;top:-30px;transform:rotate(12deg)}.ambient-snow i{background:#ffffff8c;border-radius:50%;width:4px;height:4px;animation:5.6s linear infinite snowFall;top:-20px}.ambient-fog{filter:blur(6px);background:linear-gradient(#0000,#d2dceb0f 56%,#0000)}.ambient i:nth-child(2n){animation-delay:-1.4s}.ambient i:nth-child(3n){animation-delay:-2.2s}.ambient i:nth-child(4n){animation-delay:-3.1s}.add-log{z-index:4;color:#1b0d05;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#ffd166,#ff8a1f 58%,#ff5a1f);border:0;border-radius:999px;width:100%;min-height:62px;margin:0 auto 10px;font-size:clamp(1rem,4vw,1.12rem);font-weight:900;transition:transform .16s,filter .16s;position:relative;overflow:hidden;box-shadow:0 14px 40px #ff8a1f5c,inset 0 1px #fff9}.add-log:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff6b,#0000 65%);animation:4.6s ease-in-out infinite buttonSheen;position:absolute;inset:-80% -30%;transform:translate(-62%)}.add-log:active{transform:scale(.975)}.add-log:disabled{filter:saturate(.86)}.toast{color:#ffdca3;place-items:center;min-height:34px;margin:2px auto 10px;font-size:.88rem;animation:.26s ease-out toastIn;display:grid}.status-strip,.stats-grid,.glass-panel,footer{z-index:3;position:relative}.status-strip{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px;display:grid}.status-strip div,.glass-card,.glass-panel{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff0d,0 16px 40px #00000029}.status-strip div{border-radius:22px;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:13px 14px;display:flex}.status-strip strong,.glass-card strong,.section-head strong{color:#fff;font-size:.93rem}.status-strip span,.glass-card span,.warmth p,.activity time,footer,.settings-note,.settings-summary{color:#a1a1aa;font-size:.76rem;line-height:1.35}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.glass-card{border-radius:22px;flex-direction:column;justify-content:space-between;min-height:82px;padding:13px;display:flex}.glass-card:first-child{grid-column:span 2;min-height:74px}.glass-card strong{font-size:clamp(1rem,4.4vw,1.25rem)}.glass-panel{border-radius:24px;margin-top:10px;padding:16px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head>span{color:#ffdca3;font-size:.82rem}.meter{background:#ffffff14;border-radius:999px;height:12px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,#6b3f1d,#ff8a1f,#ffd166);height:100%;transition:width .38s;display:block;box-shadow:0 0 24px #ff8a1fcc}.warmth p{margin:10px 0 0}.activity ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.activity li{border-top:1px solid #ffffff14;grid-template-columns:1fr auto;align-items:start;gap:10px;padding:11px 0;animation:.34s both itemIn;display:grid}.activity li:first-child{border-top:0;padding-top:0}.activity li span{color:#ffffffe6;min-width:0;font-size:.86rem;line-height:1.33}.empty-feed{color:#a1a1aa;margin:0;font-size:.86rem;line-height:1.42}footer{justify-content:center;gap:12px;padding:20px 3px 2px;display:flex}footer strong{color:#ffd166;font-weight:750}.modal-backdrop{z-index:20;padding:18px max(14px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000094;place-items:end center;display:grid;position:fixed;inset:0}.modal{background:radial-gradient(circle at 50% 0,#ff8a1f2e,#0000 14rem),#0d0d0eeb;border:1px solid #ffffff26;border-radius:30px;width:min(100%,430px);padding:24px;animation:.28s ease-out modalIn;position:relative;box-shadow:0 26px 100px #00000080}.modal h2{margin:4px 0 8px;font-size:1.42rem;line-height:1.1}.modal p{color:#d1d1d6;margin:0 0 18px;line-height:1.48}.modal-action,.setting-row,.reset-button{border:1px solid #ffffff1f;border-radius:999px;width:100%;min-height:52px}.modal-action{color:#1b0d05;background:linear-gradient(135deg,#ffd166,#ff8a1f);border:0;font-weight:850}.modal-close{border:1px solid var(--border);color:#fff;background:#ffffff12;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:15px;right:15px}.modal-flame{color:#ff8a1f;filter:drop-shadow(0 0 18px #ff8a1f9e)}.setting-row,.reset-button{color:#fff;background:#ffffff0f;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px;display:grid}.setting-row strong{color:#ffd166}.settings-note{margin:12px 2px}.settings-summary{gap:6px;margin:12px 2px 16px;display:grid}.reset-button{color:#ffd6ca;border-color:#ff3b1f3d;grid-template-columns:auto 1fr}.achievement-sparks{background:radial-gradient(circle,#ffd166e6,#ff8a1f24 45%,#0000 72%);border-radius:50%;width:72px;height:72px;margin-bottom:8px;box-shadow:0 0 55px #ff8a1f80}@media (width>=720px){.page{align-items:flex-start;padding:28px 0}.phone-shell{border:1px solid #ffffff1c;border-radius:42px;min-height:calc(100svh - 56px);box-shadow:0 0 0 10px #ffffff06,0 30px 120px #ff6c1f2b,0 40px 140px #0000009e}}@media (width<=340px){.phone-shell{padding-left:11px;padding-right:11px}.scene{height:252px}.status-strip{grid-template-columns:1fr}.glass-card strong{font-size:.96rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes breathe{50%{opacity:.75;transform:scale(1.2)}}@keyframes glowPulse{50%{opacity:.78;transform:translate(-50%)scale(1.05)}}@keyframes flickerGlow{0%{opacity:.72;transform:scaleX(.94)}to{opacity:1;transform:scaleX(1.06)}}@keyframes flameDance{0%{filter:blur(.1px);border-radius:58% 42% 48% 52%/66% 60% 40% 34%}to{filter:blur(.8px);border-radius:45% 55% 42% 58%/58% 68% 32% 42%}}@keyframes innerFlicker{0%{opacity:.82;transform:translateX(-50%) scale(calc(.58 + var(--level) * .07))}to{opacity:1;transform:translateX(-50%) scale(calc(.7 + var(--level) * .075))}}@keyframes embers{to{opacity:.7;transform:translate(-50%)scaleX(1.08)}}@keyframes sparkRise{0%{opacity:0;transform:translate(0,0)scale(.7)}18%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--i) - 13) * 3px), -128px, 0) scale(.15)}}@keyframes sparkWind{0%{opacity:0;transform:translate(0,0)scale(.7)}18%{opacity:1}to{opacity:0;transform:translate3d(calc(56px + (var(--i) - 13) * 4px), -116px, 0) scale(.15)}}@keyframes smokeRise{0%{opacity:0;transform:translate(0,0)scale(.7)}26%{opacity:.45}to{opacity:0;transform:translate(-16px,-118px)scale(1.8)}}@keyframes logArc{0%{opacity:0;transform:translate(95px)rotate(-34deg)scale(.82)}28%{opacity:1}72%{transform:translate(-20px,-150px)rotate(70deg)scale(.88)}to{opacity:0;transform:translate(-50px,-74px)rotate(18deg)scale(.76)}}@keyframes flare{0%{opacity:.9;transform:translate(-50%)scale(.3)}to{opacity:0;transform:translate(-50%)scale(1.4)}}@keyframes buttonSheen{50%,to{transform:translate(80%)}}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes itemIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rainFall{to{transform:translate(-26px,360px)rotate(12deg)}}@keyframes snowFall{to{transform:translate(24px,360px)}}