:root{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#4c473d;background:#fffaf0;font-weight:400;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c9a958;outline-offset:5px}button{border:0}.site-header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee5cf}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:23px;line-height:1.2}.brand b{font-weight:400;color:#7f8f63}.brand small{display:block;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:2px;margin-top:7px;color:#7f786c}.brand-icon{background:#faedbd;color:#78875d;border-radius:16px;width:47px;height:47px;display:grid;place-items:center;font-size:36px}.avatar{width:43px;height:43px;border-radius:50%;background:#f0e5db;display:grid;place-items:center;position:relative;font-family:Georgia,serif;font-size:23px}.avatar span{position:absolute;right:-4px;bottom:-4px;color:#ac8741;font-size:19px}main{max-width:1160px;margin:auto;padding:34px 32px 135px}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#71805f;font-weight:600;margin:0}.greeting h1{font-size:36px;letter-spacing:-1px;margin:8px 0}.wave{font-size:29px;margin-left:5px}.greeting p:not(.eyebrow){color:#7f786c;font-size:13px;margin:0}.greeting time{font-size:12px;color:#7f786c;background:#fffdf9;padding:10px 15px;border-radius:25px;border:1px solid #ece7df}.dashboard{display:grid;grid-template-columns:350px 1fr;gap:26px}.pet-card{background:#fbf0c9;border:1px solid #ebdda6;border-radius:25px;padding:23px;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center}.section-label{font-size:12px;color:#84744d}.level{font-size:11px;padding:4px 12px;background:#fffdf6;border-radius:15px;color:#8b784b}.pet-scene{--growth-scale: 1;height:263px;position:relative;margin:0 -12px;overflow:hidden}.pet-speech{position:absolute;top:24px;left:50%;transform:translate(-50%);white-space:nowrap;background:#fffdf7;padding:9px 17px;border-radius:15px;color:#8b784f;font-size:12px;z-index:2}.pet-speech:after{content:"";position:absolute;bottom:-6px;left:50%;border-top:7px solid #fffdf7;border-left:6px solid transparent;border-right:6px solid transparent}.garden{position:absolute;width:265px;height:78px;border-radius:50%;background:#e0e0bd;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 8px #eee4c9}.scene-spark{position:absolute;color:#c0a45e}.spark-one{top:95px;left:22px;font-size:27px}.spark-two{top:69px;right:22px;font-size:35px}.cloud{position:absolute;border-radius:30px;background:#fff8;width:59px;height:17px;top:104px;right:6px}.cloud-two{top:165px;left:3px;width:40px}.frog-illustration{position:absolute;z-index:4;left:50%;bottom:9px;width:calc(225px * var(--growth-scale));max-height:calc(190px * var(--growth-scale));object-fit:contain;transform:translate(-50%);transform-origin:center bottom;filter:drop-shadow(0 9px 8px rgb(76 103 65 / 14%));animation:breathe 4s ease-in-out infinite;transition:width .5s ease,max-height .5s ease}.pet-level-0{--growth-scale: 1.07}.pet-level-1{--growth-scale: 1}.pet-level-2{--growth-scale: 1.035}.pet-level-3{--growth-scale: 1.07}.pet-level-4{--growth-scale: 1.105}.pet-level-5{--growth-scale: 1.14}.flower{position:absolute;bottom:28px;font-size:30px;color:#fff8e8;z-index:6}.flower-one{left:40px}.flower-two{right:45px;bottom:13px;color:#bd9cc6;font-size:23px}.sprout{position:absolute;right:16px;bottom:39px;font-size:24px}.pet-intro{text-align:center}.pet-intro h2{font-size:23px;margin:6px 0}.pet-intro h2 span{font-family:Georgia,serif;font-weight:400;font-size:16px;color:#7e765e;margin-left:6px}.pet-intro p{font-size:12px;color:#857c67;margin:0 0 22px}.experience{display:flex;justify-content:space-between;font-size:10px;color:#827552}.progress-track{height:6px;background:#eadca7;border-radius:5px;margin:8px 0 20px;overflow:hidden}.progress-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#9ebc83,#c5d99f);transition:width .35s ease}.pet-button{width:100%;background:#fffdf6;color:#6f8158;border:1px solid #e7d99f;border-radius:12px;padding:12px;font-size:12px}.pet-button span{margin-left:24px}.pet-button:hover{background:#fff}.note-card{margin-top:18px;padding:21px;display:flex;gap:12px;border:1px solid #eae6da;border-radius:19px;background:#f2f2e9}.note-card>span{font-size:25px}.note-card h3{font-size:12px;font-weight:600;margin:0 0 6px}.note-card p{font-size:11px;color:#8b887b;line-height:1.9;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat{padding:18px 14px;border-radius:18px;background:#fffdf9;border:1px solid #ece7df;display:flex;align-items:center;gap:12px}.stat-icon{display:grid;place-items:center;background:#f8edc7;border-radius:13px;width:38px;height:38px;color:#a38b4f;font-size:21px}.coin-stat .stat-icon{background:#fbefc7;color:#b69b4e}.stat:last-child .stat-icon{background:#eaf0e5;color:#8a9c70}.stat strong{display:block;font-size:26px;font-weight:600;line-height:1.25}.stat strong small{font-size:11px;color:#817b70;font-weight:400}.stat div>span{font-size:10px;color:#817b70}.home-badges-card{margin-bottom:18px;padding:16px 18px;overflow:hidden;border:1px solid #eadfc5;border-radius:19px;background:linear-gradient(110deg,#fff9df,#fffdf8 58%,#f4f8ec)}.home-badges-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.home-badges-heading h2{margin:2px 0 0;font-size:16px}.home-badges-heading>button{padding:6px 10px;border-radius:12px;background:#f2ead1;color:#796b47;font-size:9px}.home-badges-list{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin;scrollbar-color:#d8cda9 transparent}.home-badge{position:relative;flex:0 0 72px;min-height:83px;padding:6px 5px;border:1px solid #eadba6;border-radius:14px;background:#fffdf8;color:#655d4e}.home-badge .badge-art{width:51px;height:51px;margin-bottom:2px;filter:none;opacity:1}.home-badge strong{display:block;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.home-badge-new{position:absolute;z-index:2;top:4px;right:3px;padding:2px 4px;border-radius:7px;background:#74875f;color:#fff;font-size:6px}.home-badges-empty{width:100%;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px dashed #ded2aa;border-radius:13px;background:#fffdf7;color:#82775e;text-align:left}.home-badges-empty span{color:#bc9845;font-size:21px}.home-badges-empty p{margin:0;font-size:10px}.habits-card{background:#fffdfa;border:1px solid #ece7df;border-radius:23px;padding:25px 25px 15px}.habits-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.habits-heading h2{font-size:23px;margin:5px 0 0;font-weight:600}.habits-heading h2 span{color:#b59b68}.count-pill{font-size:10px;border:1px solid #e7dcc0;color:#7f765f;border-radius:14px;padding:5px 10px;white-space:nowrap}.habits-description{font-size:11px;color:#817b70;margin:8px 0 15px}.habit-list{list-style:none;margin:0;padding:0}.habit-list li{position:relative;display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #f0ece6}.habit-list li.completed .habit-icon{filter:saturate(.7);opacity:.8}.habit-list li.completed .habit-info h3{color:#788271;text-decoration:line-through;text-decoration-color:#aabd9c}.habit-list li:last-child{border:0}.habit-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.lavender{background:#f8edc7}.pink{background:#faeeec}.yellow{background:#faf2d9}.green{background:#edf2e9}.habit-info{flex:1}.habit-info h3{font-size:13px;font-weight:500;margin:0 0 3px}.habit-info>span{font-size:10px;color:#8b8377}.habit-points{font-size:14px;color:#ad8b42;white-space:nowrap}.habit-points small{display:block;font-size:9px;text-align:center;color:#a8997a}.reward-select select{width:148px;max-width:20vw;padding:8px 27px 8px 9px;border:1px solid #e4d9bd;border-radius:9px;background:#fffaf0;color:#796b4c;font:inherit;font-size:9px}.complete-button{border:1px solid #bdcfae;border-radius:10px;background:#e6efdc;padding:8px 14px;color:#58704f;font-size:11px;min-height:38px;min-width:62px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.complete-button:hover:not(:disabled){background:#d8e8cb;box-shadow:0 4px 12px #5b745024;transform:translateY(-1px)}.complete-button:active:not(:disabled){transform:translateY(1px) scale(.98)}.complete-button:disabled{border-color:#eadba5;background:#fff5cd;color:#9b8650;cursor:not-allowed}.reward-pop{position:absolute;z-index:4;right:22px;top:5px;color:#a57927;font-size:17px;font-weight:700;pointer-events:none;animation:reward-pop .9s ease-out forwards}.preview-note{border-top:1px dashed #e7dfcf;padding-top:13px;margin:9px 0 0;text-align:center;color:#8b8377;font-size:10px}.preview-note span{margin-right:7px}.preview-note.celebration{color:#7b8b5e;font-weight:600}.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}.footer-note{text-align:center;font-family:Georgia,serif;font-size:12px;letter-spacing:1px;color:#8b8377;margin-top:28px}.footer-note span{color:#a8843f}.bottom-nav{position:fixed;bottom:19px;left:50%;transform:translate(-50%);width:360px;max-width:calc(100% - 32px);display:flex;justify-content:space-around;background:#fffdfaee;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #e8e0cd;box-shadow:0 7px 32px #645b4212;border-radius:23px;padding:9px 12px;z-index:10}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;color:#7f786c;background:transparent;min-width:86px;padding:3px 8px;border-radius:14px}.bottom-nav [aria-current]{color:#6f8258;background:#faedbd}.bottom-nav span{font-size:21px;height:28px}.bottom-nav small{font-size:9px}.notice{position:fixed;bottom:118px;left:50%;transform:translate(-50%);width:440px;max-width:calc(100% - 32px);display:flex;gap:15px;align-items:center;background:#635a43;color:#fff;padding:16px 20px;border-radius:15px;box-shadow:0 5px 30px #324d3225;font-size:13px;z-index:20}.notice button{background:transparent;color:#fff;font-size:25px;padding:0 5px}.badge-celebration{position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#fffae866;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:celebration-backdrop 2.8s ease both}.badge-celebration-card{position:relative;z-index:3;width:280px;padding:22px 24px 20px;border:2px solid #ecd17d;border-radius:28px;background:linear-gradient(160deg,#fffef7,#fff6cf);box-shadow:0 18px 55px #5c4d283d;text-align:center;animation:badge-card-arrive 2.8s cubic-bezier(.2,.8,.25,1) both}.celebration-kicker{display:inline-block;padding:4px 10px;border-radius:12px;background:#75885f;color:#fff;font-size:8px;font-weight:700;letter-spacing:1.6px}.celebration-badge-art{width:112px;height:112px;margin:9px auto 2px;filter:none;opacity:1;animation:badge-shine-in 1s .12s cubic-bezier(.25,1.6,.5,1) both}.badge-celebration-card h2{margin:3px 0 0;font-size:21px}.badge-celebration-card>strong{display:block;margin-top:2px;color:#7a6733;font-size:14px}.badge-celebration-card p{margin:7px 0 0;color:#817761;font-size:10px}.celebration-rays{position:absolute;width:430px;height:430px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f1cb5f55 0deg 8deg,transparent 8deg 20deg);animation:celebration-rays-spin 7s linear infinite}.celebration-spark{position:absolute;z-index:4;color:#d8aa3f;font-style:normal;opacity:0;animation:celebration-spark-pop 1.6s ease-out both}.celebration-spark-1{transform:translate(-145px,-120px);font-size:25px;animation-delay:.1s}.celebration-spark-2{transform:translate(140px,-100px);font-size:19px;animation-delay:.25s}.celebration-spark-3{transform:translate(-160px,30px);font-size:18px;animation-delay:.4s}.celebration-spark-4{transform:translate(165px,45px);font-size:28px;animation-delay:.18s}.celebration-spark-5{transform:translate(-105px,145px);font-size:22px;animation-delay:.55s}.celebration-spark-6{transform:translate(120px,150px);font-size:16px;animation-delay:.65s}.celebration-spark-7{transform:translate(-35px,-175px);font-size:15px;animation-delay:.35s}.celebration-spark-8{transform:translate(45px,180px);font-size:24px;animation-delay:.48s}@keyframes breathe{50%{transform:translate(-50%) translateY(-4px) rotate(1deg)}}@keyframes reward-pop{0%{opacity:0;transform:translateY(10px) scale(.75)}25%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-28px) scale(1)}}@keyframes celebration-backdrop{0%,to{opacity:0}10%,82%{opacity:1}}@keyframes badge-card-arrive{0%{opacity:0;transform:translateY(35px) scale(.7) rotate(-3deg)}16%{opacity:1;transform:translateY(0) scale(1.04) rotate(1deg)}28%,80%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:translateY(-16px) scale(.96)}}@keyframes badge-shine-in{0%{opacity:0;transform:scale(.3) rotate(-20deg);filter:brightness(1.8)}65%{opacity:1;transform:scale(1.12) rotate(4deg);filter:brightness(1.2)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes celebration-rays-spin{to{transform:rotate(360deg)}}@keyframes celebration-spark-pop{0%{opacity:0;margin-top:20px;scale:.3}30%,68%{opacity:1;scale:1.25}to{opacity:0;margin-top:-12px;scale:.65}}.pet-page{max-width:1160px;margin:auto;padding:34px 32px 135px}.pet-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.pet-page-heading h1{margin:6px 0 4px;font-size:34px}.pet-page-heading>div>p:last-child{margin:0;color:#8d8374;font-size:13px}.pet-wallet{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:11px 18px;border:1px solid #eadba6;border-radius:18px;background:#fff8dc;box-shadow:0 5px 18px #7c673414}.pet-wallet>span{grid-row:1 / 3;color:#ba9846;font-size:25px}.pet-wallet strong{font-size:23px;line-height:1}.pet-wallet small{color:#9c8b65;font-size:9px}.pet-page-grid{display:grid;grid-template-columns:350px 1fr;gap:25px;align-items:start}.pet-room-card,.inventory-card,.shop-card{border:1px solid #eee2c6;border-radius:24px;background:#fffdf8}.pet-room-card{position:sticky;top:20px;padding:21px;background:linear-gradient(180deg,#fbefc5,#fffdf8 72%);overflow:hidden}.pet-stage-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:6}.pet-stage-header span{padding:5px 12px;border-radius:14px;background:#fffdf5;color:#917a45;font-size:11px}.pet-stage-header strong{color:#7d745f;font-size:12px}.pet-room-scene{position:relative;margin:0 -10px}.pet-room-scene .pet-scene{height:300px;margin:-5px 0 0}.pet-room-scene .frog-illustration{width:calc(275px * var(--growth-scale));max-height:calc(228px * var(--growth-scale));bottom:6px}.interaction-bubble{position:absolute;z-index:9;top:86px;left:50%;display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:20px;background:#fffdf7;color:#96721f;box-shadow:0 7px 25px #5645272e;transform:translate(-50%);animation:interaction-pop 1.2s ease-out forwards}.interaction-bubble span{font-size:22px}.interaction-bubble strong{white-space:nowrap;font-size:14px}.interaction-feed .frog-illustration{animation:frog-feed 1.45s cubic-bezier(.34,1.45,.64,1)}.interaction-bathe .frog-illustration{animation:frog-bathe 1.5s ease-in-out}.interaction-play .frog-illustration{animation:frog-play 1.5s cubic-bezier(.34,1.25,.64,1)}.interaction-effects{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none}.feed-treat,.feed-heart,.feed-spark,.play-star,.play-trail,.bath-bubble{position:absolute}.feed-treat{top:48%;left:20%;font-size:31px;animation:treat-to-frog 1.15s ease-in-out forwards}.feed-heart{bottom:42%;color:#e99a8f;opacity:0;text-shadow:0 2px 6px #fff8;animation:heart-float 1.1s .35s ease-out forwards}.feed-heart-one{left:36%;font-size:19px}.feed-heart-two{right:31%;font-size:14px;animation-delay:.5s}.feed-spark{top:34%;right:25%;color:#d1a33e;font-size:25px;opacity:0;animation:sparkle-pop .8s .55s ease-out forwards}.bath-bubble{bottom:22%;width:20px;height:20px;border:2px solid #b9dce5;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff 0 12%,#dff3f655 16% 58%,#b7dce533 62%);box-shadow:inset -2px -2px 4px #9bcbd755;opacity:0;animation:bubble-rise 1.35s ease-out forwards}.bath-bubble-1{left:22%;animation-delay:.05s}.bath-bubble-2{left:34%;width:13px;height:13px;animation-delay:.25s}.bath-bubble-3{left:46%;width:25px;height:25px;animation-delay:.12s}.bath-bubble-4{right:34%;width:15px;height:15px;animation-delay:.34s}.bath-bubble-5{right:22%;width:22px;height:22px;animation-delay:.18s}.bath-bubble-6{right:42%;width:10px;height:10px;animation-delay:.45s}.play-star{color:#d3aa43;opacity:0;filter:drop-shadow(0 2px 3px #fff9);animation:play-star-pop 1.2s ease-out forwards}.play-star-one{top:31%;left:21%;font-size:28px;animation-delay:.12s}.play-star-two{top:21%;right:22%;color:#e9b85b;font-size:21px;animation-delay:.3s}.play-star-three{top:46%;right:13%;color:#98ad72;font-size:31px;animation-delay:.48s}.play-trail{bottom:23%;left:18%;color:#c4a05a;font-size:42px;opacity:0;transform:rotate(-12deg);animation:trail-swoosh 1s .18s ease-out forwards}.pet-stage-copy{position:relative;z-index:5;text-align:center}.pet-stage-copy h2{margin:4px 0;font-size:24px}.pet-stage-copy h2 span{margin-left:6px;color:#8a806e;font:400 16px Georgia,serif}.pet-stage-copy p{min-height:36px;margin:0 0 15px;color:#8d826d;font-size:11px}.pet-xp-row{display:flex;justify-content:space-between;color:#847a63;font-size:10px}.pet-xp-track{height:7px;margin:7px 0 20px;overflow:hidden;border-radius:8px;background:#eadfae}.pet-xp-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#93b778,#bed696);transition:width .4s ease}.pet-status-list{display:grid;gap:10px}.pet-status{display:grid;grid-template-columns:28px 1fr 27px;align-items:center;gap:8px}.pet-status>span{font-size:18px}.pet-status small{display:block;margin-bottom:3px;color:#817968;font-size:9px}.pet-status>strong{color:#7c745f;font-size:11px}.status-track{height:5px;overflow:hidden;border-radius:6px;background:#eee8d8}.status-track i{display:block;height:100%;border-radius:inherit;background:#c6d7a9;transition:width .35s ease}.pet-actions-column{display:grid;gap:20px}.inventory-card,.shop-card{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-heading h2{margin:3px 0 0;font-size:21px}.bag-count,.shop-hint{padding:5px 10px;border-radius:13px;background:#faf0cb;color:#917d4d;font-size:9px;white-space:nowrap}.empty-bag{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border:1px dashed #e5dcc6;border-radius:15px;color:#958a78;background:#fcfaf3}.empty-bag>span{font-size:24px}.empty-bag p{margin:0;font-size:11px}.inventory-list{display:grid;gap:9px}.inventory-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px;border-radius:14px;background:#faf8ef}.item-emoji{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff4cf;font-size:23px}.inventory-item strong{display:block;font-size:12px}.inventory-item small{display:block;margin-top:2px;color:#928977;font-size:9px}.inventory-item button{padding:9px 12px;border:1px solid #bfd0ad;border-radius:10px;background:#e8f0de;color:#5d7353;font-size:10px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.shop-item{padding:14px;border:1px solid #eee6d3;border-radius:16px;background:#fffdfa}.shop-emoji{display:grid;place-items:center;width:42px;height:42px;margin-bottom:9px;border-radius:13px;background:#faedda;font-size:25px}.shop-emoji.洗护{background:#e9eff4}.shop-emoji.玩具{background:#eee9f6}.item-category{color:#9d927f;font-size:8px;letter-spacing:1px}.shop-item h3{margin:2px 0;font-size:12px}.shop-item p{margin:0 0 10px;color:#958b79;font-size:9px}.shop-item button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid #e5d495;border-radius:9px;background:#fff2bf;color:#7f6a32;font-size:9px}.shop-item button span{font-weight:700}.shop-item button:disabled{border-color:#e9e6dc;background:#f4f2ed;color:#aaa398;cursor:not-allowed}.collection-card,.badge-card{padding:23px;border:1px solid #eee2c6;border-radius:24px;background:#fffdf8}.panel-description{margin:-8px 0 17px;color:#918776;font-size:10px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.collection-item{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;min-height:126px;padding:11px;border:1px solid #eee5d4;border-radius:15px;background:#fffdfa}.collection-item.owned{border-color:#cbd9b7;background:#f7faef}.collection-emoji{display:grid;place-items:center;width:56px;height:56px;border-radius:13px;background-color:#f8f1df}.collection-item small{color:#9b907f;font-size:8px}.collection-item h3{margin:2px 0 0;font-size:11px}.collection-copy{min-width:0}.collection-price{display:block;margin-top:6px;color:#8b7538;font-size:8px;font-weight:700;white-space:nowrap}.collection-item button,.collected-label{grid-column:1 / -1;width:100%;min-width:68px;padding:8px 9px;border:1px solid #e2d092;border-radius:9px;background:#fff2bf;color:#7e6932;text-align:center;font-size:9px}.collection-item button.equipped{border-color:#b9cda5;background:#e6f0da;color:#5e7652}.collection-item button:disabled{border-color:#e7e3d9;background:#f3f1ec;color:#aaa398;cursor:not-allowed}.collected-label{border-color:#cbd9b7;background:#edf4e4;color:#687d5d}.badge-card{background:linear-gradient(145deg,#fffdf8,#f7faef)}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.badge-item{position:relative;min-height:132px;padding:14px 9px 11px;border:1px solid #e6ddc8;border-radius:16px;background:#fffdf8;color:#5f594d}.badge-item.earned{background:linear-gradient(160deg,#fff9d8,#fffdf8 65%);border-color:#ead58c;box-shadow:0 5px 15px #85692c12}.badge-item.locked{color:#aaa3aa;background:#f7f4f5;cursor:default}.badge-art{display:block;width:62px;height:62px;margin:0 auto 7px;background-image:url(/assets/ui/badges-atlas.png);background-repeat:no-repeat;background-size:400% 300%;filter:grayscale(.72) saturate(.65);opacity:.72}.badge-item.earned .badge-art{filter:none;opacity:1}.badge-lock{position:absolute;top:48px;left:50%;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fffdf0e8;transform:translate(-50%,-50%);font-size:10px}.badge-item strong,.badge-item small{display:block}.badge-item strong{margin-bottom:4px;font-size:10px}.badge-item small{font-size:8px;line-height:1.5}.new-badge{position:absolute;top:7px;right:7px;padding:2px 5px;border-radius:8px;background:#74875f;color:#fff;font-size:7px;letter-spacing:.5px}.room-sticker,.room-plant,.room-accessory{position:absolute;z-index:7;pointer-events:none;filter:drop-shadow(0 4px 6px rgb(66 68 44 / 12%))}.room-sticker{top:54px;right:20px;width:65px;height:65px;transform:rotate(9deg)}.room-plant{bottom:18px;left:14px;width:76px;height:76px}.room-accessory{top:82px;left:50%;width:62px;height:62px;transform:translate(-50%) rotate(-7deg)}.collectible-art{background-image:url(/assets/ui/collectibles-atlas.png);background-repeat:no-repeat;background-size:500% 200%}.collectible-art-0{background-position:0% 0%}.collectible-art-1{background-position:25% 0%}.collectible-art-2{background-position:50% 0%}.collectible-art-3{background-position:75% 0%}.collectible-art-4{background-position:100% 0%}.collectible-art-5{background-position:0% 100%}.collectible-art-6{background-position:25% 100%}.collectible-art-7{background-position:50% 100%}.collectible-art-8{background-position:75% 100%}.collectible-art-9{background-position:100% 100%}.collectible-extra-0,.collectible-extra-1,.collectible-extra-2,.collectible-extra-3,.collectible-extra-4,.collectible-extra-5,.collectible-extra-6,.collectible-extra-7{background-image:url(/assets/ui/collectibles-extra-atlas.png);background-size:400% 200%}.collectible-extra-0{background-position:0% 0%}.collectible-extra-1{background-position:33.333% 0%}.collectible-extra-2{background-position:66.667% 0%}.collectible-extra-3{background-position:100% 0%}.collectible-extra-4{background-position:0% 100%}.collectible-extra-5{background-position:33.333% 100%}.collectible-extra-6{background-position:66.667% 100%}.collectible-extra-7{background-position:100% 100%}.badge-art-0{background-position:0% 0%}.badge-art-1{background-position:33.333% 0%}.badge-art-2{background-position:66.667% 0%}.badge-art-3{background-position:100% 0%}.badge-art-4{background-position:0% 50%}.badge-art-5{background-position:33.333% 50%}.badge-art-6{background-position:66.667% 50%}.badge-art-7{background-position:100% 50%}.badge-art-8{background-position:0% 100%}.badge-art-9{background-position:33.333% 100%}.badge-art-10{background-position:66.667% 100%}.badge-art-11{background-position:100% 100%}.badge-extra-0,.badge-extra-1,.badge-extra-2,.badge-extra-3,.badge-extra-4,.badge-extra-5,.badge-extra-6,.badge-extra-7{background-image:url(/assets/ui/badges-extra-atlas.png);background-size:400% 200%}.badge-extra-0{background-position:0% 0%}.badge-extra-1{background-position:33.333% 0%}.badge-extra-2{background-position:66.667% 0%}.badge-extra-3{background-position:100% 0%}.badge-extra-4{background-position:0% 100%}.badge-extra-5{background-position:33.333% 100%}.badge-extra-6{background-position:66.667% 100%}.badge-extra-7{background-position:100% 100%}.pet-room-card.theme-summer-pond{background:linear-gradient(180deg,#dff1e8,#edf8ee 48%,#fffdf8 82%)}.pet-room-card.theme-winter-cottage{background:linear-gradient(180deg,#e8ecf7,#f3edf7 48%,#fffdf8 82%)}.pet-room-card.theme-summer-pond .garden{background:#c2dfc3}.pet-room-card.theme-winter-cottage .garden{background:#d7ddeb}.parent-page{max-width:980px;margin:auto;padding:34px 32px 135px}.parent-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.parent-heading h1{margin:6px 0 4px;font-size:34px}.parent-heading p:last-child{margin:0;color:#8d8374;font-size:13px}.add-habit-button,.save-habit-button{padding:12px 18px;border-radius:12px;background:#71865e;color:#fff;box-shadow:0 5px 15px #52694521;font-size:12px}.parent-tip{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:15px 18px;border:1px solid #eadcae;border-radius:17px;background:#fff7d9}.parent-tip>span{font-size:25px}.parent-tip p{margin:0;color:#7e7151;font-size:11px}.parent-tip strong{display:block;margin-bottom:2px}.cloud-sync-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(310px,1.1fr);align-items:center;gap:25px;margin-bottom:18px;padding:22px 24px;border:1px solid #d9e2cf;border-radius:20px;background:linear-gradient(135deg,#fbfdf7,#f4f8ee)}.cloud-sync-copy h2{margin:4px 0 5px;font-size:18px}.cloud-sync-copy p{margin:0;color:#7f8976;font-size:10px;line-height:1.7}.cloud-sync-form{display:flex;align-items:flex-end;gap:9px}.cloud-sync-form label{flex:1}.cloud-sync-form label>span{display:block;margin-bottom:5px;color:#6f7c65;font-size:9px;font-weight:600}.cloud-sync-form label>div{display:flex}.cloud-sync-form input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cfdac4;border-radius:10px 0 0 10px;background:#fff;color:#4c5746;font:inherit;font-size:12px}.cloud-sync-form label button{padding:0 10px;border:1px solid #cfdac4;border-left:0;border-radius:0 10px 10px 0;background:#f0f5ea;color:#64725b;font-size:9px}.connect-sync-button{min-height:42px;padding:9px 15px;border-radius:10px;background:#71865e;color:#fff;font-size:10px;white-space:nowrap}.connect-sync-button:disabled{opacity:.55;cursor:not-allowed}.cloud-sync-message{grid-column:1 / -1;margin:1px 0 0;color:#9a665d;font-size:9px}.cloud-sync-connected{display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-sync-connected:has(.change-sync-code){flex-wrap:wrap}.sync-status{display:flex;align-items:center;gap:10px;min-width:0}.sync-status>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e4efda;color:#5b744f}.sync-status strong{display:block;color:#586650;font-size:11px}.sync-status small{display:block;margin-top:2px;color:#8a9482;font-size:8px}.sync-status-syncing>span,.sync-status-connecting>span{animation:sync-spin 1s linear infinite}.sync-status-offline>span,.sync-status-error>span{background:#f7e7df;color:#a16d5e}.cloud-sync-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.cloud-sync-actions button{min-height:38px;padding:8px 11px;border:1px solid #bdcdaF;border-radius:9px;background:#edf3e7;color:#607255;font-size:9px}.cloud-sync-actions .disconnect-sync-button{border-color:#e7d7d0;background:#fbf0eb;color:#94685d}.change-sync-code{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;width:100%;padding-top:12px;border-top:1px dashed #d6e0cc}.change-sync-code p{grid-column:1 / -1;margin:0 0 2px}.change-sync-code p strong{display:block;color:#586650;font-size:10px}.change-sync-code p span{display:block;margin-top:2px;color:#8a9482;font-size:8px}.change-sync-code input{min-width:0;min-height:38px;padding:8px 10px;border:1px solid #cfdac4;border-radius:9px;background:#fff;color:#4c5746;font:inherit;font-size:10px}.change-sync-code .save-sync-code-button{min-height:38px;background:#71865e;color:#fff}.change-sync-code .save-sync-code-button:disabled{opacity:.55;cursor:not-allowed}.change-sync-code>small{grid-column:1 / -1;color:#8b675e;font-size:8px}@keyframes sync-spin{to{transform:rotate(360deg)}}.habit-manager-card,.habit-editor{padding:24px;border:1px solid #e9e3d8;border-radius:23px;background:#fffdfa}.managed-habit-list{display:grid;gap:10px}.managed-habit{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #eee8df;border-radius:16px;background:#fcfaf6}.managed-habit-copy h3{margin:0 0 2px;font-size:13px}.managed-habit-copy p{margin:0 0 7px;color:#968d80;font-size:9px}.reward-chips{display:flex;flex-wrap:wrap;gap:5px}.reward-chips span{padding:3px 7px;border-radius:9px;background:#f4ecd2;color:#806f43;font-size:8px}.habit-manage-actions{display:flex;gap:7px}.habit-manage-actions button{padding:8px 11px;border:1px solid #c8d5bb;border-radius:9px;background:#edf3e7;color:#607255;font-size:10px}.habit-manage-actions .delete-habit{border-color:#ecd2ca;background:#fbefec;color:#9a6459}.empty-habits{display:grid;place-items:center;padding:35px;border:1px dashed #ded7ca;border-radius:16px;color:#908779}.empty-habits span{font-size:35px}.empty-habits p{margin:8px 0 0;font-size:11px}.habit-editor{margin-top:20px;scroll-margin-top:20px}.close-editor{width:34px;height:34px;border-radius:50%;background:#f1ede5;color:#80776b;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .icon-field,.form-grid .name-field{grid-column:span 1}.habit-editor label>span,.tone-picker>span{display:block;margin-bottom:5px;color:#81786b;font-size:9px;font-weight:600}.habit-editor input,.habit-editor select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #ded8cd;border-radius:10px;background:#fff;color:#4c473d;font:inherit;font-size:12px}.reward-editor{margin:21px 0 16px;padding:16px;border:1px solid #e7dfcf;border-radius:15px}.reward-editor legend{padding:0 8px;color:#625b50;font-size:11px;font-weight:600}.reward-editor legend small{margin-left:10px;color:#9a9184;font-size:8px;font-weight:400}.reward-row{display:grid;grid-template-columns:1fr 130px 34px;align-items:end;gap:10px;margin-bottom:10px}.reward-row>button{height:42px;border-radius:10px;background:#f7e9e5;color:#a26b5e;font-size:20px}.reward-row>button:disabled{opacity:.4;cursor:not-allowed}.add-reward-button{padding:8px 11px;border:1px dashed #b9c9aa;border-radius:9px;background:#f4f8ef;color:#637557;font-size:10px}.tone-picker{display:flex;align-items:center;gap:9px;margin:14px 0}.tone-picker>span{margin:0 5px 0 0}.tone-picker button{width:29px;height:29px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #ddd5c9}.tone-picker button[aria-pressed=true]{box-shadow:0 0 0 2px #7d8d6c}.form-error{color:#a05248;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.form-actions>button:first-child{padding:11px 17px;border-radius:11px;background:#eeeae2;color:#746d62;font-size:11px}.reset-progress-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:22px 24px;border:1px solid #ead9d1;border-radius:20px;background:#fffaf7}.reset-progress-card h2{margin:4px 0 5px;font-size:18px}.reset-progress-card p{margin:0;color:#8c7b72;font-size:10px;line-height:1.7}.reset-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.reset-progress-button,.confirm-reset-button,.restore-progress-button,.reset-confirmation button{min-height:40px;padding:9px 14px;border-radius:10px;font-size:10px}.reset-progress-button,.confirm-reset-button{background:#aa6f61;color:#fff}.restore-progress-button{border:1px solid #bdcdaF;background:#edf3e7;color:#607255}.reset-confirmation{max-width:370px;padding:13px;border-radius:13px;background:#f9ece7}.reset-confirmation>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.reset-confirmation button:first-child{background:#eee8e3;color:#71665f}@keyframes interaction-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.7)}25%{opacity:1;transform:translate(-50%) scale(1.06)}75%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-25px) scale(.95)}}@keyframes frog-feed{0%,to{transform:translate(-50%)}22%{transform:translate(-50%) translateY(-10px) scale(1.05) rotate(-2deg)}42%{transform:translate(-50%) translateY(1px) scale(.96,1.04) rotate(1deg)}62%{transform:translate(-50%) translateY(-6px) scale(1.07,.98)}80%{transform:translate(-50%) scale(1.02)}}@keyframes frog-bathe{0%,to{transform:translate(-50%)}18%{transform:translate(-50%) rotate(-5deg) scale(1.02)}34%{transform:translate(-50%) rotate(5deg) scale(.99)}50%{transform:translate(-50%) rotate(-4deg) scale(1.03)}66%{transform:translate(-50%) rotate(4deg)}82%{transform:translate(-50%) rotate(-2deg)}}@keyframes frog-play{0%,to{transform:translate(-50%)}20%{transform:translate(-50%) translateY(-12px) rotate(-5deg) scale(1.03)}42%{transform:translate(-50%) translateY(-34px) rotate(7deg) scale(1.06)}61%{transform:translate(-50%) translateY(-8px) rotate(-4deg) scale(.98,1.04)}78%{transform:translate(-50%) translateY(-18px) rotate(3deg)}}@keyframes treat-to-frog{0%{opacity:0;transform:translate(-25px,22px) rotate(-15deg) scale(.7)}20%{opacity:1}66%{opacity:1;transform:translate(84px,3px) rotate(8deg) scale(1)}82%,to{opacity:0;transform:translate(105px,7px) scale(.35)}}@keyframes heart-float{0%{opacity:0;transform:translateY(12px) scale(.6)}30%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-48px) scale(.9) rotate(8deg)}}@keyframes sparkle-pop{0%{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1.25) rotate(20deg)}to{opacity:0;transform:scale(.8) rotate(45deg)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(10px) scale(.45)}18%{opacity:.9}70%{opacity:.8}to{opacity:0;transform:translateY(-130px) translate(12px) scale(1.2)}}@keyframes play-star-pop{0%{opacity:0;transform:scale(.25) rotate(-20deg)}35%{opacity:1;transform:scale(1.25) rotate(10deg)}to{opacity:0;transform:translateY(-30px) scale(.7) rotate(45deg)}}@keyframes trail-swoosh{0%{opacity:0;transform:translate(-20px) rotate(-12deg) scaleX(.5)}35%{opacity:.8}to{opacity:0;transform:translate(90px) rotate(-5deg) scaleX(1.3)}}@media(max-width:900px){.pet-page-grid{grid-template-columns:300px 1fr;gap:18px}.shop-grid{grid-template-columns:repeat(2,1fr)}.pet-room-card,.inventory-card,.shop-card,.collection-card,.badge-card{padding:18px}.badge-grid,.collection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.pet-page{padding:25px 18px 126px}.pet-page-heading{align-items:center}.pet-page-heading h1{font-size:28px}.pet-page-heading>div>p:last-child{font-size:11px}.pet-wallet{padding:9px 12px}.pet-wallet small{display:none}.pet-page-grid{display:flex;flex-direction:column}.pet-room-card{position:static;width:100%}.pet-actions-column{width:100%}.pet-room-scene .pet-scene{height:280px}.shop-grid{grid-template-columns:repeat(2,1fr)}.inventory-card,.shop-card,.collection-card,.badge-card{padding:18px 15px}.badge-grid{grid-template-columns:repeat(3,1fr)}.parent-page{padding:25px 18px 126px}.parent-heading{align-items:center}.parent-heading h1{font-size:28px}.managed-habit{grid-template-columns:42px 1fr}.habit-manage-actions{grid-column:1 / -1;justify-content:flex-end}}@media(min-width:1200px){main{padding-top:40px}.dashboard{gap:30px;grid-template-columns:365px 1fr}}@media(max-width:850px){.dashboard{grid-template-columns:285px 1fr;gap:18px}.stat{padding:13px 9px;gap:6px}.stat-icon{width:27px;height:32px}.stat strong{font-size:23px}.habits-card{padding:20px 16px 15px}.habit-list li{gap:8px}.habit-info h3{font-size:12px}.habit-list button{padding:8px 10px}.habit-icon{width:36px;height:40px}.habits-heading h2{font-size:20px}.count-pill{display:none}.pet-card{padding:20px}.site-header,main{padding-left:22px;padding-right:22px}}@media(max-width:650px){.site-header{padding:20px}.brand{font-size:19px}.brand-icon{width:41px;height:41px;font-size:31px}main{padding:25px 18px 126px}.greeting{display:block;margin-bottom:23px}.greeting h1{font-size:32px}.greeting time{display:block;width:fit-content;margin-top:15px;padding:5px 11px;font-size:10px}.greeting .eyebrow{font-size:9px}.greeting p:not(.eyebrow){font-size:12px}.dashboard{display:flex;flex-direction:column;gap:20px}.pet-card{padding:19px 23px}.pet-scene{height:244px;max-width:340px;margin:auto}.pet-intro h2{margin-top:0}.pet-intro p{margin-bottom:15px}.note-card{display:none}.stats{gap:8px;margin-bottom:19px}.stat{padding:15px 10px;gap:8px}.stat-icon{width:31px;height:34px}.stat strong{font-size:25px}.stat div>span{font-size:9px}.habits-card{padding:22px 17px 17px}.habit-list li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;padding:16px 0;gap:10px}.habit-icon{width:38px;grid-column:1;grid-row:1 / 3}.habit-info{grid-column:2 / 4;grid-row:1;min-width:0}.habit-info h3{font-size:12px}.reward-select,.habit-points{grid-column:2;grid-row:2;justify-self:start}.habit-points{font-size:13px}.complete-button{grid-column:3;grid-row:2;min-height:44px}.count-pill{display:block}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom))}.footer-note{margin-top:25px}.badge-grid{grid-template-columns:repeat(2,1fr)}.badge-item{min-height:125px}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-item{grid-template-columns:52px 1fr}.collection-emoji{width:50px;height:50px}.parent-heading{align-items:flex-start;flex-direction:column}.add-habit-button{width:100%}.cloud-sync-card{grid-template-columns:1fr;gap:15px;padding:18px 15px}.cloud-sync-form,.cloud-sync-connected{align-items:stretch;flex-direction:column}.cloud-sync-actions{justify-content:stretch}.cloud-sync-actions button{flex:1}.change-sync-code{grid-template-columns:1fr}.change-sync-code p,.change-sync-code>small{grid-column:1}.habit-manager-card,.habit-editor{padding:18px 15px}.form-grid{grid-template-columns:1fr}.reward-row{grid-template-columns:1fr 95px 34px}.reward-editor{padding:12px}.reward-editor legend small{display:block;margin:2px 0 0}.reward-select{width:100%}.reward-select select{width:100%;max-width:none}.reset-progress-card{align-items:stretch;flex-direction:column;padding:18px 15px}.reset-actions{justify-content:stretch}.reset-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.frog-illustration{animation:none}.interaction-effects{display:none}.badge-celebration,.badge-celebration-card,.celebration-badge-art{animation:none}.celebration-rays,.celebration-spark{display:none}.reward-pop{animation-duration:1ms}}