:root{--ink:#43261f;--muted:#805f57;--cream:#fff8ef;--paper:rgba(255,255,255,.88);--orange:#f97316;--orange-dark:#c84c08;--peach:#ffb071;--pink:#ec4899;--pink-dark:#be236f;--blush:#ffd7e9;--gold:#f6bd3c;--line:rgba(96,44,28,.12);--shadow:0 24px 70px rgba(135,59,31,.13)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(145deg,#fff8ed 0%,#fff0f5 52%,#fff7e9 100%);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:999px;filter:blur(8px);opacity:.5;pointer-events:none;z-index:-1}.ambient-one{width:470px;height:470px;background:#ffc68e;top:-210px;left:-140px}.ambient-two{width:570px;height:570px;background:#ffc2dd;right:-210px;bottom:-250px}.app-header{max-width:1440px;margin:auto;padding:28px 32px 16px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:70px;height:70px;border-radius:23px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--orange),var(--pink));box-shadow:var(--shadow);font-size:24px;color:white}.brand-mark .wave{font-size:14px}h1,h2{margin:3px 0 0;font-family:Georgia,serif;letter-spacing:-.035em}h1{font-size:clamp(1.45rem,3vw,2.25rem)}h2{font-size:clamp(1.4rem,2.5vw,2.1rem)}h3{margin:8px 0 4px}p{line-height:1.55}.eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--orange-dark)}.header-actions,.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary-button,.ghost-button,.icon-button{border:0;border-radius:14px;font-weight:850;transition:.2s ease}.primary-button{padding:13px 18px;background:linear-gradient(100deg,var(--orange),var(--pink));color:white;box-shadow:0 10px 25px rgba(236,72,153,.2)}.primary-button:hover{transform:translateY(-1px);filter:saturate(1.12)}.ghost-button{padding:11px 14px;background:rgba(255,255,255,.76);color:var(--ink);border:1px solid var(--line)}.ghost-button:hover{background:white}.icon-button{width:38px;height:38px;background:#fff0f5;color:var(--ink);font-size:1.2rem}main{max-width:1440px;margin:auto;padding:14px 32px 60px}.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.7fr) minmax(220px,.7fr);gap:18px}.hero-card,.stat-card,.metric-card,.panel{background:var(--paper);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-card{min-height:310px;border-radius:32px;padding:34px;display:grid;grid-template-columns:1.25fr .9fr;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.hero-copy p:not(.eyebrow){color:var(--muted);max-width:600px}.journey-scene{position:relative;min-height:240px;align-self:center}.sun{position:absolute;width:130px;height:130px;border-radius:50%;background:linear-gradient(145deg,#ffd55c,#ff8d57);right:25px;top:5px;box-shadow:0 0 0 24px rgba(255,161,86,.15)}.path{position:absolute;left:6%;right:10%;bottom:72px;height:20px;border-radius:999px;background:#ffe2d3;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px rgba(249,115,22,.08)}.journey-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--pink));transition:width .6s ease}.traveler{position:absolute;top:-68px;font-size:64px;transition:left .6s ease}.giraffe-traveler{left:0}.dolphin-traveler{left:5%;top:9px;font-size:48px;transform:rotate(-12deg)}.destination{position:absolute;right:0;bottom:60px;font-size:68px}.scene-caption{position:absolute;bottom:10px;left:25%;color:var(--muted)}.scene-caption strong{color:var(--pink-dark)}.stat-card{border-radius:28px;padding:24px;display:flex;flex-direction:column}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ffe1bf,#ffd6e8);margin-bottom:18px}.stat-value{font-size:3rem;font-weight:900;letter-spacing:-.06em;margin:10px 0 0}.stat-value small{font-size:1rem;color:var(--muted);letter-spacing:0}.stat-card>p:not(.eyebrow){margin-top:4px;color:var(--muted);font-size:.9rem}.week-strip{margin-top:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-dot{text-align:center}.day-dot span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;background:#fff0e7;font-size:.72rem;font-weight:800}.day-dot.active span{background:linear-gradient(135deg,var(--orange),var(--pink));color:white}.day-dot small{font-size:.62rem;color:var(--muted)}.reward-preview{font-size:54px;margin-top:10px}.progress-track{height:9px;border-radius:999px;background:#ffe6ee;overflow:hidden;margin-top:auto}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--pink));border-radius:inherit}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.metric-card{border-radius:22px;padding:20px}.metric-header{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.84rem;font-weight:800}.metric-badge,.score-pill{padding:4px 8px;border-radius:999px;background:#fff0dd;color:var(--orange-dark);font-size:.69rem;text-transform:uppercase;letter-spacing:.06em}.metric-badge.pink{background:#ffe4f0;color:var(--pink-dark)}.metric-number{font-size:2.1rem;font-weight:900;margin-top:14px;letter-spacing:-.04em}.metric-number.compact{font-size:1.45rem}.metric-number small{font-size:.85rem;margin-left:5px;color:var(--muted)}.metric-card p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.content-grid,.best-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:18px;margin-top:18px}.lower-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr)}.best-grid{grid-template-columns:1fr 1.3fr}.panel{border-radius:28px;padding:24px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.segmented-control{display:flex;padding:4px;border-radius:12px;background:#fff1eb;overflow:auto}.segment{border:0;padding:8px 12px;border-radius:9px;background:transparent;color:var(--muted);font-weight:800}.segment.active{background:white;color:var(--pink-dark);box-shadow:0 5px 14px rgba(130,47,79,.08)}.chart-legend{display:flex;gap:16px;color:var(--muted);font-size:.76rem;margin-bottom:4px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.actual{background:var(--orange)}.average{background:var(--pink)}.chart-wrap{position:relative;min-height:320px}canvas{width:100%;height:320px;display:block}.empty-state{color:var(--muted);text-align:center;padding:42px 15px}.chart-wrap .empty-state{position:absolute;inset:0;display:grid;place-items:center}.chart-summary{display:flex;gap:12px;flex-wrap:wrap}.summary-chip{padding:8px 10px;border-radius:11px;background:#fff3ed;font-size:.82rem;color:var(--muted)}.summary-chip strong{color:var(--ink)}.habit-list{display:grid;gap:10px}.habit-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:16px;background:#fff8f3;border:1px solid transparent;color:var(--ink)}.habit-item.done{background:#fff0f6;border-color:#ffc9df}.habit-main{display:flex;align-items:center;gap:11px}.habit-check{width:28px;height:28px;border-radius:10px;border:1px solid var(--line);background:white;display:grid;place-items:center}.habit-item.done .habit-check{background:linear-gradient(135deg,var(--orange),var(--pink));color:white}.panel-note,.privacy-note{color:var(--muted);font-size:.78rem}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.record-item{padding:16px;border-radius:18px;background:linear-gradient(145deg,#fff8ef,#fff0f6)}.record-item span{font-size:.72rem;color:var(--muted);text-transform:uppercase;font-weight:900}.record-item strong{display:block;font-size:1.4rem;margin-top:5px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.achievement{padding:14px;border-radius:18px;background:#fff7f2;border:1px solid var(--line);min-height:112px}.achievement.locked{opacity:.45;filter:grayscale(.8)}.achievement .badge{font-size:30px}.achievement h4{margin:6px 0 2px}.achievement p{font-size:.72rem;color:var(--muted);margin:0}.history-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.84rem}th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.delete-button{border:0;background:transparent;color:var(--pink-dark);font-weight:800}.equipped-scene{text-align:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,#fff0dd,#ffe4f1);font-size:58px}.equipped-scene p{font-size:.8rem;margin:6px 0 0;color:var(--muted)}.reward-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.reward-item{min-height:132px;padding:16px;border-radius:18px;background:#fff8f4;border:1px solid var(--line);position:relative}.reward-item.locked{filter:grayscale(.75);opacity:.53}.reward-item.equipped{outline:2px solid var(--pink)}.reward-emoji{font-size:36px}.reward-item h4{margin:8px 0 3px}.reward-item p{margin:0;color:var(--muted);font-size:.74rem}.reward-item button{margin-top:8px;border:0;background:transparent;color:var(--pink-dark);font-weight:850;padding:0}.lock-badge{position:absolute;right:10px;top:10px}.photo-panel{margin-top:18px}.photo-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.photo-card{border-radius:18px;overflow:hidden;background:#fff7f2;border:1px solid var(--line)}.photo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.photo-meta{padding:12px}.photo-meta p{font-size:.78rem;color:var(--muted);margin:3px 0}.photo-meta button{border:0;background:transparent;color:var(--pink-dark);padding:0;font-weight:800}.modal{width:min(760px,calc(100vw - 28px));border:0;border-radius:28px;padding:0;box-shadow:0 30px 100px rgba(67,28,22,.3);background:#fffaf5}.modal::backdrop{background:rgba(55,25,31,.52);backdrop-filter:blur(6px)}.small-modal{width:min(540px,calc(100vw - 28px))}.modal form{padding:26px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.form-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid.single-column{grid-template-columns:1fr}.form-grid.nested{margin-top:14px}label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(236,72,153,.11)}details{border:1px solid var(--line);padding:12px;border-radius:15px;background:#fff8f4}summary{font-weight:850;color:var(--orange-dark);cursor:pointer}.full-span{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}body.locked .app-header,body.locked main{display:none}.login-screen{position:fixed;inset:0;display:none;place-items:center;z-index:50;padding:20px}body.locked .login-screen{display:grid}.login-card{background:var(--paper);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:32px;padding:44px 40px;text-align:center;max-width:430px;display:grid;gap:14px;justify-items:center}.login-card p{color:var(--muted);margin:0}.login-note{font-size:.8rem;min-height:1.2em}.sync-pill{padding:9px 12px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;background:#f6f1ec;color:var(--muted);border:1px solid var(--line);white-space:nowrap}.sync-pill.synced{background:#e8f8ee;color:#1b7f4d;border-color:rgba(27,127,77,.22)}.sync-pill.syncing{background:#fff0dd;color:var(--orange-dark);border-color:rgba(200,76,8,.18)}.sync-pill.offline{background:#ffe4e6;color:#b91c1c;border-color:rgba(185,28,28,.16)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:12px 16px;border-radius:13px;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.celebration{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.confetti{position:absolute;top:-30px;font-size:22px;animation:fall 1.8s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.1}}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:1/-1}.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.lower-grid,.best-grid{grid-template-columns:1fr}.photo-timeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app-header{padding:20px 18px;align-items:flex-start;flex-direction:column}.header-actions{width:100%}main{padding:8px 18px 40px}.hero-card{grid-template-columns:1fr;padding:24px}.journey-scene{min-height:210px}.hero-grid,.metrics-grid{grid-template-columns:1fr}.panel,.stat-card{padding:20px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.photo-timeline{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.brand-mark{width:58px;height:58px;font-size:20px}.segmented-control{max-width:55vw}}@media(max-width:430px){.photo-timeline,.reward-grid,.record-grid,.achievement-grid{grid-template-columns:1fr}.header-actions>*{flex:1;text-align:center}.destination{font-size:52px}}