:root{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#334626;background:#e9eddf;font-synthesis:none;--green:#85b42b;--ink:#354526;--cream:#fffdf4;--accent:#f3bd43;--phone:430px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,input{-webkit-appearance:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #8d64c8;outline-offset:4px}button{border:0}svg{display:block;width:100%;height:100%}img{-webkit-user-drag:none;user-select:none}button:active{transform:translateY(2px)}.phone-app{width:100%;max-width:var(--phone);min-height:100dvh;margin:auto;background:var(--green);position:relative;overflow:hidden;isolation:isolate;box-shadow:0 12px 65px #34482518}.phone-app[aria-busy=true]{min-height:100dvh}.loading-screen{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f2f2de;font-size:14px;letter-spacing:2px;color:#7f995d}.loading-leaf{width:33px;height:44px;background:#8eaf40;border-radius:30px 5px 30px 5px;transform:rotate(27deg);animation:leaf-pulse 1s ease-in-out infinite alternate}.loading-screen p{margin-top:20px}.app-view{min-height:100dvh;position:relative}.home-view{padding-bottom:calc(96px + env(safe-area-inset-bottom));background:linear-gradient(#82ac28 320px,#86b52d 540px,#8ebc38 100%)}.forest-art{position:absolute;inset:0 0 auto;width:100%;height:440px;object-fit:cover;object-position:center top;z-index:-1;pointer-events:none}.hero{height:369px;position:relative;padding-top:env(safe-area-inset-top);overflow:hidden;background:transparent}.hero .forest-art{z-index:0;height:100%;object-position:center bottom}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:49px;background:linear-gradient(transparent,#81ad28);pointer-events:none}.topbar{height:70px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 19px 0;z-index:3}.icon-button{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#fffdf0bd;box-shadow:0 3px 0 #426e2420;color:#567542}.icon-button svg{width:24px;height:24px}.brand-title{font-size:14px;font-weight:800;letter-spacing:2px;color:#faffed;text-shadow:0 2px 2px #35643c44;margin:0}.partner-icon{position:relative;background:#f9e6dbed;border:2px solid #fff6e9}.partner-icon:after{content:"";position:absolute;width:8px;height:8px;background:#f2898a;border:2px solid #fff4e7;border-radius:50%;right:-2px;top:-2px}.partner-icon svg{width:24px;height:24px}.day-note{position:relative;text-align:center;z-index:2;margin:7px 0 0;font-size:12px;color:#436340;font-weight:600;letter-spacing:.5px}.character-area{position:absolute;inset:auto 0 9px;height:243px;display:flex;align-items:flex-end;justify-content:center;z-index:2}.character-button{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background:transparent;padding:0 14px 9px;min-width:180px}.character-button:active{transform:none}.character-shadow{position:absolute;bottom:25px;width:110px;height:13px;border-radius:50%;background:#386d223c;filter:blur(2px);animation:shadow-breathe 3.4s ease-in-out infinite}.avatar-sprite{--avatar-height:218px;width:calc(var(--avatar-height)*.605);height:var(--avatar-height);display:block;position:relative;overflow:hidden;flex-shrink:0;animation:breathe 3.4s ease-in-out infinite;transform-origin:50% 100%;pointer-events:none}.avatar-sprite img{height:var(--avatar-height);width:calc(var(--avatar-height)*1.5);max-width:none;position:absolute;top:0;left:calc(var(--avatar-height)*-.19);object-fit:fill}.avatar-sprite.boy img{left:calc(var(--avatar-height)*-.774)}.character-name{position:relative;color:#fcffe8;font-weight:800;font-size:12px;letter-spacing:1px;text-shadow:0 1px 4px #3e6d32a6;margin-top:-2px}.character-name:after{content:" · 的小日子";font-weight:500;font-size:10px;letter-spacing:0}.floating-heart{position:absolute;top:55px;left:50%;font-size:25px;pointer-events:none;animation:heart-rise 1.3s ease-out forwards;color:#ed8589;width:25px;height:25px}.speech{position:absolute;top:9px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;background:#fffdf2ee;border-radius:15px;color:#5f6c48;font-size:12px;box-shadow:0 3px 0 #3b6b1620;opacity:0;pointer-events:none;transition:opacity .2s}.speech.show{opacity:1}.speech:after{content:"";position:absolute;bottom:-5px;left:50%;width:10px;height:10px;background:#fffdf2;transform:rotate(45deg)}
.home-content{position:relative;padding:0 19px}.energy-card{margin:0 0 19px;padding:13px 14px 13px 62px;min-height:82px;background:#729d22b0;border-radius:21px;position:relative;box-shadow:inset 0 1px 0 #ffffff10}.energy-badge{position:absolute;left:-1px;top:15px;width:55px;height:55px;padding:5px;border:3px solid #fff5d5;border-radius:50%;background:#edbd4c;box-shadow:0 3px 0 #44641e36;transform:rotate(-8deg)}.energy-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fffbe5;line-height:1.4;margin-bottom:8px}.energy-title{font-size:14px;font-weight:800;letter-spacing:.5px}.energy-caption{font-size:10px;opacity:.85}.progress-track{height:20px;background:#fff7e5e8;border-radius:20px;position:relative;box-shadow:inset 0 1px 2px #435b1d16;overflow:hidden}.progress-fill{height:100%;min-width:8%;background:#f3b642;border:3px solid #fff2da;border-radius:20px;transition:width .4s}.progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.3px;font-weight:700;color:#62583e}.task-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.task-title{margin:0;color:#fbffe6;display:flex;gap:9px;align-items:center;font-size:19px;font-weight:800;letter-spacing:.25px;text-shadow:0 1px 0 #59802455}.task-title svg{width:23px;height:23px;color:#eff9d7}.task-title small{font-size:13px;font-weight:600}.add-button{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:1px solid #ffffff30;color:#ffffeb;flex-shrink:0}.add-button svg{width:17px;height:17px}.task-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.filter-button{padding:3px 0;display:flex;align-items:center;gap:7px;color:#f7ffe2;background:transparent;font-size:13px;font-weight:600}.filter-button svg{width:15px;height:15px;transition:transform .2s}.filter-button.open svg{transform:rotate(180deg)}.tool-buttons{display:flex;gap:15px;padding-right:3px}.toolbar-icon{padding:0;background:transparent;width:21px;height:21px;color:#f5ffdf}.task-filter-pills{display:flex;gap:7px;margin:-3px 0 13px}.task-filter-pills button{font-size:11px;border-radius:16px;padding:6px 12px;background:#ffffff26;color:#fffbe7}.task-filter-pills button.active{background:#fffbec;color:#65832e;font-weight:800}.task-list{display:flex;flex-direction:column;gap:11px}.task-card{display:flex;align-items:center;gap:12px;padding:13px 13px 13px 11px;min-height:81px;background:var(--cream);border-radius:23px;box-shadow:0 4px 0 #50791d21;position:relative}.task-card.done{background:#f3f6dfdc}.task-card.done .task-name{text-decoration:line-through;text-decoration-thickness:1.5px;color:#7e9067}.task-icon{width:43px;height:45px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#f0eedf}.task-icon svg{width:34px;height:34px}.task-copy{flex:1;min-width:0}.task-name{font-size:15px;font-weight:800;line-height:1.5;margin:0;color:#3b402d;word-break:break-word}.task-subtitle{font-size:9px;color:#a2a58d;display:block;margin-top:3px;font-weight:500}.task-reward{font-size:11px;color:#93997c;display:flex;align-items:center;gap:3px;margin-right:1px;white-space:nowrap}.task-reward svg{width:13px;height:16px}.check-button{flex-shrink:0;width:37px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f3f1e4;color:#77964b;box-shadow:0 3px 0 #dedecd;transition:background .2s}.check-button svg{width:24px;height:24px}.task-card.done .check-button{background:#8fac51;color:#fffde8;box-shadow:0 3px 0 #738e3c}.task-delete{position:absolute;right:52px;bottom:3px;padding:2px 5px;font-size:9px;color:#a5866e;background:transparent}.empty-tasks{padding:25px 15px;text-align:center;border:1px dashed #ffffff80;border-radius:22px;color:#ffffe8;font-size:13px;line-height:1.8}.day-end{font-size:10px;color:#f0f7d5b8;text-align:center;margin:24px 0 2px;letter-spacing:1px}.day-end svg{width:12px;height:12px;display:inline-block;vertical-align:-2px;margin:0 5px}.bottom-nav{position:fixed;z-index:12;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,var(--phone));display:flex;align-items:flex-start;justify-content:space-around;padding:9px 9px calc(8px + env(safe-area-inset-bottom));background:#9bb854f0;border-top:1px solid #f6ffe323;box-shadow:0 -7px 18px #547b1c05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-item{padding:6px 2px 5px;width:16.1%;border-radius:15px;display:flex;align-items:center;flex-direction:column;gap:3px;background:transparent;color:#f7fce8;font-size:10px;font-weight:700;line-height:1.5}.nav-item.active{background:#f7ffde32;box-shadow:inset 0 1px 0 #ffffff1a}.nav-icon{width:33px;height:33px;filter:drop-shadow(0 2px 0 #6e8a3642)}.nav-item.active .nav-icon{transform:translateY(-1px)}.nav-avatar{width:31px;height:31px;border-radius:50%;background:#f3d5b8;border:2px solid #fff5df;overflow:hidden;position:relative;filter:drop-shadow(0 2px 0 #6e8a3642)}.nav-avatar .avatar-sprite{--avatar-height:60px;position:absolute;top:-6px;left:-3px;animation:none}.nav-avatar .avatar-sprite.boy{left:-1px}
.login-view{background:#e9efcf;min-height:100dvh;position:relative;padding:0 19px 25px;overflow:hidden}.login-view .forest-art{height:400px;z-index:0;object-fit:cover;object-position:top center}.login-brand{position:relative;z-index:1;text-align:center;color:#fffce5;padding-top:calc(30px + env(safe-area-inset-top));font-size:15px;letter-spacing:3px;font-weight:800;text-shadow:0 2px 2px #3c693b33}.login-characters{height:228px;position:relative;display:flex;align-items:flex-end;justify-content:center;z-index:1;padding-bottom:0;gap:0}.login-characters .avatar-sprite{--avatar-height:182px}.login-characters .boy{transform:rotate(5deg);margin-left:-1px;animation:none}.login-characters .girl{transform:rotate(-5deg);animation:none}.login-characters .pair-heart{position:absolute;width:26px;height:26px;top:35px;left:calc(50% - 13px);color:#ffb9a9;transform:rotate(8deg);filter:drop-shadow(0 2px 0 #b6624030)}.login-card{position:relative;z-index:2;margin-top:0;background:#fffdf4;border-radius:30px;padding:25px 25px 22px;box-shadow:0 8px 0 #7c99291a}.eyebrow{margin:0 0 7px;font-size:10px;font-weight:700;letter-spacing:2px;color:#a4ac79}.login-card h1{font-size:25px;line-height:1.5;letter-spacing:1px;margin:0;color:#405737;font-weight:900}.login-subtitle{margin:7px 0 22px;font-size:12px;color:#8d977a;line-height:1.8}.account-choices{display:flex;gap:9px;margin-bottom:21px}.account-choice{flex:1;border-radius:13px;padding:10px 6px;background:#f3f1e7;border:1px solid #ececdd;color:#838d70;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px}.account-choice.selected{background:#edf3d9;border-color:#bdcc8e;color:#617b3a;font-weight:800}.account-dot{height:9px;width:9px;border-radius:50%;background:#9cb88a}.account-choice[data-account=MSR] .account-dot{background:#e2b6ac}.form-field{display:block;margin-bottom:16px}.form-field>span{display:block;font-size:11px;color:#667552;font-weight:700;margin:0 0 7px 2px}.input-wrap{position:relative}.form-field input{display:block;width:100%;height:48px;border:1.5px solid #e5e9d9;background:#fafbf3;border-radius:13px;padding:0 14px;color:#3d4f30;font-size:14px;outline:0;transition:border-color .2s}.form-field input:focus{border-color:#a6bf72;background:#fffef8;box-shadow:0 0 0 3px #b8ce8620}.form-field input::placeholder{color:#b6bba6;font-size:12px}.input-wrap input{padding-right:48px}.password-toggle{position:absolute;right:5px;top:5px;height:38px;width:38px;padding:10px;background:transparent;color:#9fa88b}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;border-radius:15px;background:#8baa4d;box-shadow:0 4px 0 #6e8c36;color:#fffde7;font-size:14px;font-weight:800;letter-spacing:.5px}.primary-button svg{width:20px;height:20px}.login-submit{margin-top:8px}.form-error{font-size:11px;color:#bb695b;line-height:1.7;min-height:0;margin:0 0 10px}.form-error:empty{display:none}.login-bottom{position:relative;z-index:2;text-align:center;font-size:10px;color:#8c9b70;line-height:1.9;margin:21px 0 0;letter-spacing:.6px}.login-bottom svg{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-right:5px}
.toast{position:fixed;z-index:60;left:50%;bottom:calc(105px + env(safe-area-inset-bottom));max-width:calc(100% - 56px);transform:translate(-50%,14px);opacity:0;pointer-events:none;padding:12px 19px;border-radius:18px;background:#354d30ed;color:#fffceb;box-shadow:0 5px 20px #23382120;font-size:12px;line-height:1.6;text-align:center;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.sheet-backdrop{position:fixed;inset:0;z-index:30;background:#22342670;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-end;animation:fade-in .18s ease-out}.sheet{background:#fffdf1;width:min(100%,430px);max-height:min(85dvh,760px);overflow:auto;border-radius:29px 29px 0 0;padding:11px 24px calc(27px + env(safe-area-inset-bottom));box-shadow:0 -6px 30px #2538231a;animation:slide-up .24s cubic-bezier(.22,.68,0,1)}.sheet-handle{width:37px;height:5px;border-radius:5px;background:#dedfc9;margin:0 auto 21px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:12px}.sheet-head h2{margin:0;font-size:21px;font-weight:900;color:#455a35;letter-spacing:.4px}.sheet-close{height:30px;width:30px;padding:7px;border-radius:50%;background:#edeee0;color:#82916e;flex-shrink:0}.sheet-copy{font-size:12px;line-height:1.9;color:#8c967b;margin:0 0 21px}.sheet-kicker{color:#a7b087;font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 7px}.sheet-menu{display:flex;flex-direction:column;gap:10px;margin-bottom:21px}.menu-row{min-height:57px;border-radius:16px;background:#f0f2e1;display:flex;align-items:center;text-align:left;gap:12px;padding:12px 15px;font-size:13px;font-weight:700;color:#627747}.menu-row>svg:first-child{width:25px;height:25px;color:#91a85d}.menu-row>svg:last-child{width:17px;height:17px;margin-left:auto;color:#acb595}.menu-row.danger{background:#f8ece2;color:#a57762}.menu-row.danger>svg{color:#b9957d}.profile-summary{background:#eef2dd;border-radius:22px;display:flex;align-items:center;gap:15px;padding:17px 20px;margin-bottom:17px;position:relative;overflow:hidden}.profile-portrait{width:64px;height:68px;border-radius:18px;background:#e0e9c6;overflow:hidden;position:relative;flex-shrink:0}.profile-portrait .avatar-sprite{--avatar-height:110px;position:absolute;left:0;top:-4px;animation:none}.profile-summary strong{font-size:20px;font-weight:900;display:block;letter-spacing:1px}.profile-summary p{margin:5px 0 0;font-size:11px;color:#95a274}.status-dot{display:inline-block;width:6px;height:6px;background:#8fae4c;border-radius:50%;margin-right:4px}.outline-button{padding:12px;width:100%;border-radius:14px;border:1.5px solid #dbe2c5;background:transparent;color:#82945f;font-size:12px;font-weight:700}.icon-picker{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.icon-option{width:44px;height:44px;padding:8px;border-radius:13px;background:#f1f1e4;border:2px solid transparent}.icon-option.selected{border-color:#a5bc71;background:#eaf0d8}.concept-illustration{height:135px;width:135px;margin:5px auto 20px;position:relative;display:grid;place-items:center;border-radius:50%;background:#f3edcf}.concept-illustration:before,.concept-illustration:after{content:"";position:absolute;width:8px;height:8px;border-radius:3px;background:#ccdcaa;transform:rotate(25deg);left:2px;top:30px}.concept-illustration:after{left:auto;right:4px;top:94px;background:#f1b7a5}.concept-illustration>svg{width:75px;height:75px}.concept-title{font-size:18px;font-weight:800;text-align:center;margin:0 0 9px;color:#526b3d}.concept-copy{font-size:12px;line-height:1.95;text-align:center;color:#8b9874;margin:0 0 25px}.concept-label{display:block;width:max-content;margin:0 auto 17px;font-size:10px;padding:5px 10px;border-radius:12px;background:#eef0dc;color:#9aa778}.greeting-options{display:flex;gap:11px;margin:0 0 24px}.greeting-option{flex:1;min-height:112px;border-radius:21px;background:#f5eadd;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:12px;font-weight:700;color:#9b7a60}.greeting-option svg{width:42px;height:42px}.greeting-option:last-child{background:#edf0db;color:#7a8f51}.notice-line{font-size:10px;color:#9fa68d;line-height:1.8;margin:17px 0 0;text-align:center}.mini-stats{display:flex;gap:10px;margin-bottom:22px}.mini-stat{flex:1;text-align:center;background:#f2f1e4;border-radius:16px;padding:13px 3px}.mini-stat strong{display:block;font-size:23px;color:#859e56}.mini-stat span{font-size:10px;color:#9aa685}.confetti{position:fixed;z-index:21;width:7px;height:9px;border-radius:2px;pointer-events:none;animation:confetti-fall 1s ease-out forwards}
@keyframes breathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-3px) scale(1.012,.991)}}@keyframes shadow-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.94);opacity:.7}}@keyframes heart-rise{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-75px) scale(1.2) rotate(12deg)}}@keyframes leaf-pulse{to{transform:rotate(40deg) translateY(-5px)}}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes confetti-fall{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
@media(min-width:600px){body{padding:23px 0;background:radial-gradient(ellipse at 30% 10%,#f5f5e9,#e4e9da);min-height:100vh}.phone-app{min-height:min(874px,calc(100dvh - 46px));border-radius:31px;box-shadow:0 18px 70px #3c4c2d25,0 0 0 7px #f8f8f0,0 0 0 8px #d4dcca}.app-view{min-height:calc(100dvh - 46px)}.bottom-nav{bottom:23px;border-radius:0 0 31px 31px}.sheet-backdrop{padding-bottom:23px}.sheet{border-radius:29px;max-height:calc(100dvh - 70px)}.home-view{padding-bottom:95px}.login-view{min-height:calc(100dvh - 46px)}}
@media(max-height:760px) and (max-width:599px){.hero{height:321px}.avatar-sprite{--avatar-height:191px}.character-area{height:218px;bottom:4px}.day-note{margin-top:0}.energy-card{margin-bottom:15px}.login-brand{padding-top:calc(20px + env(safe-area-inset-top))}.login-characters{height:188px}.login-characters .avatar-sprite{--avatar-height:160px}.login-card{padding-top:21px}.login-card h1{font-size:23px}.login-subtitle{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero{height:clamp(300px,38.5dvh,369px)}
.progress-fill{min-width:0}
.received-note{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#f0f2df;margin:0 0 5px}
.received-icon{width:34px;height:34px;flex-shrink:0}
.received-label{font-size:9px;line-height:1.5;color:#a0aa86}
.received-note h3{font-size:12px;line-height:1.7;margin:4px 0 0;color:#6b7f4e;font-weight:700}
.received-note.empty{font-size:11px;line-height:1.9;color:#a2ab8d;text-align:center;justify-content:center}
@media(max-height:760px) and (max-width:599px){.hero{height:clamp(238px,34dvh,258px)}.task-card{min-height:75px;padding-top:10px;padding-bottom:10px}.task-list{gap:10px}}

/* The scene is the first screen; tasks can scroll below it on smaller phones. */
.home-view{--scene-base:#91ad72;--scene-dark:#718e54;--scene-nav:#a8bc8f;background:linear-gradient(var(--scene-base),var(--scene-base) 500px,var(--scene-nav))}
.home-view.scene-cinema{--scene-base:#8d7c9d;--scene-dark:#736084;--scene-nav:#a193b0}
.home-view.scene-gym{--scene-base:#8aaba5;--scene-dark:#6e918d;--scene-nav:#a2bbb2}
.home-view.scene-classroom{--scene-base:#a5b075;--scene-dark:#87965d;--scene-nav:#b4c08f}
.home-view.scene-travel{--scene-base:#87b1a3;--scene-dark:#6c968a;--scene-nav:#9ebfb0}
.hero{height:400px;min-height:400px;padding-top:env(safe-area-inset-top);isolation:isolate}
.hero:after{height:26px;background:linear-gradient(transparent,var(--scene-base));z-index:1}
.scene-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.topbar{height:65px;padding-top:8px;z-index:4}
.brand-title{color:#536448;text-shadow:0 1px 0 #fff9e5b3;font-size:14px}
.scene-cinema .brand-title{color:#fff6e4;text-shadow:0 1px 3px #3c304f80}
.day-note{margin-top:3px;color:#5f6f50;font-size:10px;text-shadow:0 1px 0 #fffae899;z-index:4;pointer-events:none}
.scene-cinema .day-note{color:#f6e5da;text-shadow:0 1px 2px #3e2c5980}
.scene-switcher{display:flex;gap:6px;margin:12px 12px 0;padding:5px;border-radius:19px;background:#fff9e7c7;box-shadow:0 3px 0 #50664112;position:relative;z-index:4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.scene-choice{display:flex;justify-content:center;align-items:center;flex:1;min-width:0;gap:4px;padding:9px 1px;border-radius:13px;color:#7a8867;font-weight:700;font-size:11px;background:transparent;white-space:nowrap;transition:background .2s,box-shadow .2s}
.scene-choice svg{width:19px;height:19px;flex-shrink:0}
.scene-choice.selected{background:#fffdf4;color:#576c3f;box-shadow:0 2px 0 #adb99366}
.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;z-index:3;bottom:10px;left:20px;right:20px;pointer-events:none;color:#506345;font-size:11px}
.scene-caption>span{background:#fff7e5d9;padding:5px 9px;border-radius:12px;font-weight:800;white-space:nowrap}
.scene-caption small{font-size:9px;line-height:1.5;color:#506345;background:#fff7e59c;padding:4px 7px;border-radius:9px}
.home-content{padding-top:8px}
.energy-card{background:var(--scene-dark);margin-bottom:17px}
.energy-caption{font-size:9px}
.home-view .bottom-nav{background:color-mix(in srgb,var(--scene-nav) 94%,transparent)}
.task-title{font-size:17px;letter-spacing:0;gap:7px}
.task-title small{font-size:11px}
.action-hint{display:flex;align-items:center;gap:5px;margin:-3px 0 12px;font-size:10px;color:#fff9e4c9;letter-spacing:.2px}
.action-hint svg{width:11px;height:11px;color:#f3d8ca}
.home-cats{display:flex;gap:9px;margin:1px 0 16px}
.cat-shortcut{min-height:65px;padding:7px 9px 7px 6px;display:flex;align-items:center;gap:7px;flex:1;min-width:0;background:#fff8e8e8;border-radius:19px;box-shadow:0 3px 0 #5c764424;text-align:left}
.cat-shortcut-picture{width:46px;height:46px;display:block;flex-shrink:0;border-radius:14px;background:#e7e9d5;overflow:hidden}
.cat-shortcut-picture img{width:100%;height:100%;object-fit:contain}
.cat-shortcut strong{display:block;font-size:13px;color:#62774e;margin-bottom:2px}
.cat-shortcut small{display:block;font-size:9px;color:#9ba080;white-space:nowrap}
.cat-shortcut>svg{height:14px;width:14px;color:#a4af92;margin-left:auto;flex-shrink:0}
.cat-profile-hero{display:flex;align-items:center;gap:23px;border-radius:25px;padding:18px;background:#f0efdf;margin-bottom:15px}
.cat-profile-picture{width:120px;height:120px;display:grid;place-items:center;border-radius:23px;background:#e2e9d3;overflow:hidden;flex-shrink:0}
.cat-profile-picture img{width:100%;height:100%;object-fit:contain}
.cat-profile-kicker{font-size:10px;letter-spacing:1px;color:#9da985}
.cat-profile-hero h3{font-size:27px;font-weight:900;letter-spacing:2px;margin:6px 0 9px;color:#5d734b}
.cat-coat{font-size:11px;padding:4px 9px;border-radius:9px;background:#fff9e6;color:#97a278}
.cat-description{font-size:12px;line-height:1.9;color:#8e987d;margin:0 2px 17px}
.cat-pet-button{width:100%;display:flex;align-items:center;gap:9px;border-radius:17px;padding:15px;background:#f5e6dc;color:#ac7c68;font-size:13px;font-weight:800;margin-bottom:24px;transition:background .2s}
.cat-pet-button>svg{width:23px;height:23px;color:#df9d9b}
.cat-pet-button>span{margin-left:auto;font-size:10px;font-weight:500;color:#b29984}
.cat-pet-button.petted{background:#f7d8d5}
.form-field textarea{display:block;width:100%;border:1.5px solid #e5e9d9;border-radius:13px;background:#fafbf3;padding:12px 14px;font:inherit;color:#3d4f30;font-size:13px;line-height:1.8;resize:vertical;outline:0;-webkit-appearance:none}
.form-field textarea:focus{border-color:#a6bf72;background:#fffef8;box-shadow:0 0 0 3px #b8ce8620}
.form-field textarea::placeholder{color:#b6bba6;font-size:12px}
.form-field input[type=date]{min-width:0;width:100%;font-size:13px}
@media(max-width:360px){.scene-choice{font-size:10px;gap:2px}.scene-choice svg{width:16px;height:16px}.scene-switcher{margin-left:9px;margin-right:9px;gap:3px}.cat-shortcut{gap:5px}.cat-shortcut-picture{width:37px;height:42px}.cat-shortcut small{font-size:8px}.cat-profile-picture{width:95px;height:105px}.cat-profile-hero{gap:16px}.task-title{font-size:15px}.task-reward{font-size:10px}.task-card{gap:9px}}
@media(max-height:760px) and (max-width:599px){.hero{height:380px;min-height:380px}.home-content{padding-top:7px}}
.nav-item{position:relative}.nav-notification-dot{position:absolute;right:19%;top:7px;width:9px;height:9px;border:2px solid #fff3dc;border-radius:50%;background:#ed858b;box-shadow:0 1px 2px #7b563344}.nav-icon>svg{width:29px;height:29px}
.home-task-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.home-task-items>span{display:inline-flex;gap:3px;align-items:center;font-size:10px;line-height:1.4;color:#778363}.home-task-items svg{width:23px;height:23px;flex-shrink:0}.task-subtitle{overflow-wrap:anywhere}.home-birthday-banner{display:flex;align-items:center;gap:10px;width:100%;padding:14px;margin:2px 0 14px;background:#fff0d7;border-radius:20px;text-align:left;color:#8a6b4c;box-shadow:0 3px 0 #6f784529}.home-birthday-banner>svg{width:24px;height:24px;color:#d89898;flex-shrink:0}.home-birthday-banner>span{flex:1}.home-birthday-banner strong{font-size:13px;display:block}.home-birthday-banner small{display:block;font-size:10px;margin-top:4px;line-height:1.6}.check-button:disabled{cursor:default}.home-view .task-icon>.life-art{width:38px;height:38px}
.app-update-button{position:fixed;z-index:5000;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:390px;padding:13px 16px;border:2px solid #fff9e9;border-radius:18px;background:#5e7549;color:#fffbea;box-shadow:0 4px 16px #384b3540;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.app-update-button:focus-visible{outline:3px solid #efbd58;outline-offset:3px}