.pwa-status{margin:1rem auto;padding:1rem;max-width:65rem;color:#254e43;background:#fffaf0;border:1px solid #cbd8ce;border-radius:18px;font-size:1rem;overflow-wrap:anywhere}.pwa-status p{margin:.5rem 0}.pwa-status button{min-height:48px;max-width:100%;white-space:normal;margin:.25rem}[data-appearance=contrast] .pwa-status{background:#fff;color:#172c25;border-color:#476357}:root{font-family:Microsoft JhengHei,PingFang TC,sans-serif;color:#344a48;background:#fffdf7;font-size:18px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;min-height:48px;border-radius:14px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:hover{filter:brightness(.96);background-color:#edf1e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #376a72;outline-offset:3px}svg{flex-shrink:0}aside{position:fixed;inset:0 auto 0 0;width:250px;border-right:1px solid #e7e9df;padding:40px 25px;background:#fffef9;display:flex;flex-direction:column}.brand{font-size:33px;font-weight:800;letter-spacing:-1.5px;color:#387767;text-decoration:none;position:relative;padding-left:7px}.brand>svg{color:#ed9c4b;width:29px;vertical-align:middle}.brand span{display:block;font-size:12px;letter-spacing:2px;margin:7px 0 40px 13px;color:#63746d}nav{display:grid;gap:14px}nav button{justify-content:flex-start;padding:15px 20px;gap:16px;font-weight:600}nav .active,.mobile-nav .active{background:#e8f1df;color:#3d694f}.aside-note{margin-top:auto;padding:25px 12px;color:#6b7c66;font-size:17px;line-height:1.9}.aside-note svg{color:#80a97a}.aside-note small{font-size:12px}main{max-width:1500px;margin-left:250px;padding:0 48px 20px}header{height:90px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#66766d}.local{display:flex;align-items:center;gap:8px}.local i{width:8px;height:8px;border-radius:50%;background:#789e72}.hero{border-radius:28px;background:#f8efd9;min-height:330px;position:relative;overflow:hidden;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;background-image:radial-gradient(ellipse at 90% 30%,#f9e4b9,transparent 55%),radial-gradient(ellipse at 45% 100%,#ecf0d8,transparent 60%)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:#758273}h1{font-size:36px;line-height:1.5;letter-spacing:1px;margin:12px 0 14px;color:#35564b}.hero h1 span{color:#ecad54;display:inline-block;margin-left:20px;font-size:40px}.hero p{font-size:16px;line-height:1.9;color:#69756a;margin:0 0 22px}.primary{background:#486f59;color:#fff;font-weight:700;box-shadow:0 4px #36564116}.primary:hover{background:#385c48}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:34px 0 22px}h2{font-size:24px;margin:0 0 8px;letter-spacing:1px}h2 span{color:#d6a23c}p{line-height:1.8}.section-title p{font-size:15px;color:#738078;margin:0}.text-button{font-size:15px;color:#5c7364}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{padding:20px;border-radius:22px;border:1px solid #eee9df;background:#fff;box-shadow:0 5px 12px #465b4010;min-width:0}.card-top{display:flex;align-items:center;gap:9px}.card h3{font-size:18px;flex:1;margin:0}.card-top button{padding:4px;min-height:42px;width:34px}.metric-icon{border-radius:13px;background:#f8dce4;color:#965a70;font-size:24px;width:38px;height:39px;text-align:center;line-height:39px}.color1 .metric-icon{background:#deedf9;color:#4c809d}.color2 .metric-icon{background:#e4eed5;color:#647f46}.color3 .metric-icon{background:#e9e2f6;color:#826699}.color4 .metric-icon{background:#fceac7;color:#8c7044}.metric-value{padding:20px 0 15px;display:flex;justify-content:flex-start;gap:8px;max-width:100%;overflow-wrap:anywhere;text-align:left}.metric-value strong{font-size:30px;font-weight:650;letter-spacing:-.8px}.metric-value span{font-size:13px;color:#69746d;align-self:flex-end;margin-bottom:5px}.metric-value .empty-value{font-size:18px;color:#738078;letter-spacing:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e9e7dd;padding-top:10px}.card-bottom small{font-size:12px;color:#6e7b73}.spark{font-size:30px;color:#a0bca0;line-height:1}.gentle{display:flex;align-items:center;gap:22px;background:#eff3e7;border-radius:20px;padding:22px 28px;margin-top:28px}.gentle>svg{color:#8b9d6b;width:38px;height:38px}.gentle>svg:last-child{margin-left:auto;color:#b5c497}.gentle h3{font-size:17px;margin:0 0 4px}.gentle p{font-size:14px;margin:0;color:#6b7b68}.demo{text-align:center;padding:16px;font-size:16px}.demo button{background:#f6e7c9}footer{padding:35px 0 10px;color:#748078;font-size:12px;line-height:1.7}footer span{float:right}footer p{margin-top:8px;font-size:12px}.mobile-nav{display:none}.garden{width:340px;height:290px;position:relative;flex-shrink:0;margin-right:10px;transform:rotate(-2deg)}.sun{position:absolute;top:10px;right:20px;color:#eab74a;transform:rotate(15deg)}.ground{position:absolute;bottom:14px;left:15px;width:310px;height:34px;border-radius:50%;background:#b6ca8b55;filter:blur(4px)}.person{position:absolute;left:120px;top:60px;width:110px;height:215px;transform:rotate(5deg)}.face{position:absolute;left:28px;top:15px;width:52px;height:59px;background:#f4c1a2;border-radius:45% 45% 48% 50%;text-align:center;line-height:75px;color:#7b5643;font-size:23px;z-index:2}.hair{position:absolute;left:19px;top:0;width:69px;height:78px;border-radius:50% 50% 35% 35%;background:#4b463d;transform:rotate(-12deg);box-shadow:-5px 18px #4b463d}.hair:after{content:"";position:absolute;left:-10px;top:0;background:#4b463d;width:65px;height:24px;border-radius:50%;z-index:3;transform:rotate(-20deg)}.body{position:absolute;top:71px;left:10px;width:95px;height:96px;background:#df8d9b;border-radius:25px 30px 8px 10px;transform:rotate(-5deg);box-shadow:inset 6px -4px 18px #edb1ba}.arm{position:absolute;top:83px;left:78px;width:75px;height:21px;background:#f4c1a2;border-radius:20px;transform:rotate(-35deg);border-left:20px solid #e59ba8}.legs{position:absolute;left:20px;top:161px;width:29px;height:51px;background:#68799c;border-radius:0 0 10px 10px;box-shadow:39px 0 #68799c}.plant{position:absolute;bottom:20px;width:60px;height:140px;color:#eaa64c;z-index:2}.plant svg{position:absolute;top:0;width:65px;height:65px;stroke-width:3}.plant span{position:absolute;top:58px;left:31px;background:#7b995e;width:5px;height:80px;border-radius:5px;transform:rotate(-6deg)}.plant span:after,.plant span:before{content:"";position:absolute;width:31px;height:17px;border-radius:100% 0;background:#91ad70;top:20px;left:3px;transform:rotate(-15deg)}.plant span:before{left:-28px;top:39px;transform:rotate(50deg)}.p1{left:28px;transform:rotate(-15deg)}.p2{right:10px;transform:scale(.75) rotate(12deg);color:#ae8cc8}.leaf{position:absolute;bottom:5px;right:60px;color:#769c69;transform:rotate(-40deg)}.alert,.notice{display:flex;align-items:center;justify-content:space-between;background:#f8e5db;padding:12px 20px;border-radius:14px;margin-bottom:16px}.notice{background:#eaf1df}.filters{display:flex;gap:20px;align-items:flex-end;margin-bottom:25px}.filters label{flex:1;max-width:400px}.filters select{margin-top:8px}label{display:block;font-size:18px;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #bac6bc;border-radius:12px;background:#fffefb;color:#344a48;min-height:50px;padding:12px;margin-top:7px}textarea{resize:vertical;min-height:85px}.chart-panel,.history-list article,.manage-list article{background:#fff;border:1px solid #e9e8de;border-radius:22px;padding:25px;margin-bottom:15px}.chart-panel{min-height:400px}.chart-panel p{font-size:16px}.range{display:flex;gap:8px;flex-wrap:wrap}.range button{background:#f5f4ec;min-width:76px}.range .selected{background:#e2edd8;color:#385a46}.chart{margin:24px -15px 15px;font-size:13px}.chart-panel h3{font-size:18px;margin-top:28px}.history-list article,.manage-list article{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-list p,.manage-list p{margin:0;color:#68766c;white-space:pre-wrap;overflow-wrap:anywhere}.history-list h3,.manage-list h3{margin:8px 0;font-size:21px}.history-list small{color:#6b796e}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{background:#f2f3ec}.empty{text-align:center;padding:65px 15px;color:#788472}.overlay{position:fixed;inset:0;background:#273c365e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fffdf7;border-radius:25px;padding:28px;width:540px;max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #263a362f}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.modal-heading h2{font-size:23px;margin:0}.modal form p{font-size:16px}.modal small{display:block;margin-top:15px;color:#66786c}.wide{width:100%}details{margin:20px 0}summary{cursor:pointer;min-height:48px;padding:12px;background:#f2f4eb;border-radius:12px}@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.hero{min-height:360px}.garden{margin-right:60px}}@media(max-width:1200px){aside{width:215px;padding:35px 18px}main{margin-left:215px;padding:0 28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.garden{transform:scale(.88);margin-right:-35px}.hero{padding:30px}.hero h1{font-size:32px}}@media(max-width:760px){:root{font-size:18px}aside{position:static;width:100%;padding:20px 22px 12px;border:0;background:transparent}aside nav,.aside-note{display:none}.brand{font-size:30px}.brand span{font-size:10px;letter-spacing:1.7px;margin:3px 0 0 40px}main{margin:0;padding:0 20px 90px}header{height:48px;font-size:12px}header>span:first-child{display:none}.local{margin-left:auto}.hero{padding:27px 24px 25px;min-height:370px;align-items:flex-start}.hero h1{font-size:30px;position:relative;z-index:2}.hero h1 span{font-size:28px;margin-left:8px}.eyebrow{font-size:9px;letter-spacing:2px}.hero p{font-size:16px;position:relative;z-index:2;max-width:230px}.hero .primary{position:relative;z-index:3;margin-top:50px}.garden{position:absolute;right:-49px;bottom:-15px;transform:scale(.63);transform-origin:right bottom;width:340px}.hero .garden{opacity:.95}.hero p br{display:none}.section-title{margin:29px 0 18px;align-items:flex-start;flex-wrap:wrap}.section-title h1{font-size:28px}.section-title h2{font-size:22px}.section-title p{font-size:16px}.text-button{padding:0;min-height:40px}.cards{gap:12px}.card{padding:14px;border-radius:19px}.card h3{font-size:18px}.card-top{gap:7px;flex-wrap:wrap}.metric-icon{width:31px;height:33px;font-size:21px;line-height:33px}.card-top button{margin-left:auto;width:25px;min-height:44px}.metric-value{flex-wrap:wrap;gap:4px;padding:15px 0}.metric-value strong{font-size:27px}.metric-value span{font-size:14px}.card-bottom{display:block}.card-bottom small{font-size:12px}.spark{display:none}.gentle{padding:20px 17px;gap:15px;align-items:flex-start}.gentle>svg{width:28px}.gentle>svg:last-child{display:none}.gentle h3{font-size:18px}.gentle p{font-size:16px;margin-top:7px}footer{font-size:13px}footer span{float:none;display:block}footer p{font-size:13px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffef9f5;border-top:1px solid #e1e7dc;display:flex;justify-content:space-around;padding:8px 4px max(8px,env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{display:flex;flex-direction:column;font-size:12px;gap:5px;padding:8px 12px;border-radius:13px}.mobile-nav svg{width:22px}.filters{flex-wrap:wrap}.filters label{max-width:none;min-width:100%;margin-bottom:0}.history-list article,.manage-list article{align-items:flex-start;flex-direction:column;padding:20px}.actions{width:100%}.actions button{flex:1}.modal{padding:22px;max-height:88dvh}.modal h2{font-size:21px}.chart-panel{padding:18px}.range{gap:4px}.range button{min-width:60px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.alert{position:relative;z-index:20;border:1px solid #bd8c78}.modal:focus{outline:none}@media(max-width:760px){.alert{position:fixed;top:15px;left:15px;right:15px;font-size:16px;box-shadow:0 5px 25px #344a4833}}@media(max-width:760px){.hero .garden{right:0}.hero .garden .p1{display:none}}:root{--ink: #143b37;--paper: #fffdf4;--accent: #087550}:root[data-appearance=contrast]{--ink: #132338;--paper: #ffffff;--accent: #163b67}:root{color:var(--ink);background:var(--paper)}.appearance-picker{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;color:var(--ink);white-space:nowrap}.appearance-picker select{width:auto;margin:0;font-size:18px;min-height:48px;border:2px solid var(--accent);background:var(--paper)}header{gap:16px;min-height:96px;height:auto;padding:18px 0;flex-wrap:wrap}:root[data-appearance=vibrant] .hero{background:radial-gradient(ellipse at 90% 10%,#8ce3ff99,transparent 50%),radial-gradient(ellipse at 65% 100%,#8ee59c99,transparent 55%),radial-gradient(ellipse at 10% 20%,#fff0a9,transparent 70%),#eafaff;border:2px solid #90d5ca;border-radius:30px 37px 29px 35px}:root[data-appearance=vibrant] .primary{background:#087550;box-shadow:0 4px #05593e24}:root[data-appearance=vibrant] .card{border-width:2px;border-radius:24px 29px 23px 27px;box-shadow:0 5px 12px #39694e12;background-image:radial-gradient(ellipse at 5% 8%,#ffffffa6,transparent 50%),radial-gradient(ellipse at 90% 100%,#ffffff80,transparent 70%)}:root[data-appearance=vibrant] .color0{background-color:#c3eeff;border-color:#7ccfee}:root[data-appearance=vibrant] .color1{background-color:#ffd5e3;border-color:#f7a7c2}:root[data-appearance=vibrant] .color2{background-color:#ffeaa2;border-color:#eecf62}:root[data-appearance=vibrant] .color3{background-color:#e3d2ff;border-color:#c7a6ee}:root[data-appearance=vibrant] .color4{background-color:#c4f3d5;border-color:#90d9aa}:root[data-appearance=vibrant] .metric-icon{background:#ffffffa8;color:#075e82}:root[data-appearance=vibrant] .color1 .metric-icon{color:#b31a53}:root[data-appearance=vibrant] .color2 .metric-icon{color:#a34b00}:root[data-appearance=vibrant] .color3 .metric-icon{color:#7135a8}:root[data-appearance=vibrant] .color4 .metric-icon{color:#05663f}:root[data-appearance=vibrant] .card-bottom{border-color:#3c696d42}:root[data-appearance=vibrant] .card-bottom small,:root[data-appearance=vibrant] .metric-value span{color:#3e585b}:root[data-appearance=vibrant] .gentle{background:#e0f4d4;border:1px solid #bad8a4}:root[data-appearance=vibrant] .brand{color:#076648}:root[data-appearance=vibrant] .hero h1{color:#07583e}:root[data-appearance=contrast] body{background:#fff;color:var(--ink)}:root[data-appearance=contrast] :where(aside,.hero,.card,.gentle,.chart-panel,.history-list article,.manage-list article,.modal,.mobile-nav,.notice,.alert,.demo button,details summary){background:#fff!important;background-image:none!important;color:var(--ink);border:2px solid #34465c;box-shadow:none;border-radius:12px}:root[data-appearance=contrast] :is(h1,h2,h3,p,small,label,header,footer,.eyebrow,.brand,.brand span,.metric-value span,.card-bottom small,.section-title p,.text-button,.local,.empty,.aside-note){color:var(--ink)!important}:root[data-appearance=contrast] :is(.garden,.spark,.metric-icon,.gentle>svg,.aside-note>svg,h1>span,h2>span){display:none}:root[data-appearance=contrast] .hero{min-height:0;padding:30px}:root[data-appearance=contrast] :is(button,input,select,textarea){border:2px solid #34465c;box-shadow:none;border-radius:8px;filter:none}:root[data-appearance=contrast] button{background:#fff;color:#132338}:root[data-appearance=contrast] :is(.primary,nav .active,.mobile-nav .active,.range .selected){background:#163b67!important;color:#fff!important;border-color:#163b67}:root[data-appearance=contrast] button:hover{background:#e6edf5}:root[data-appearance=contrast] :is(input,select,textarea){background:#fff;color:#132338}:root[data-appearance=contrast] :is(input,textarea)::placeholder{color:#46576b;opacity:1}:root[data-appearance=contrast] :is(button,a,input,select,textarea):focus-visible{outline:4px solid #005fcc;outline-offset:3px}:root[data-appearance=contrast] .card-top h3{margin:0}:root[data-appearance=contrast] .card-bottom{border-top:1px solid #34465c}:root[data-appearance=contrast] :is(.hero p,.section-title p,.gentle p,.modal form p){font-size:18px}:root[data-appearance=contrast] .hero .primary{margin-top:0}@media(max-width:760px){header{padding:12px 0 18px;gap:12px}.appearance-picker{width:100%;justify-content:space-between}.appearance-picker select{flex:1;max-width:255px}header .local{font-size:14px}:root[data-appearance=contrast] .hero p{max-width:none}:root[data-appearance=contrast] .hero{padding:24px}}.alert{flex-wrap:wrap}.alert>details{flex-basis:100%;font-size:16px}.alert pre{font-size:14px}:root{--paper: #fffaf1;--brand-ink: #233e36;--brand-muted: #4e6158;--brand-action: #245b45}body{background:var(--paper)}main>header{color:var(--brand-muted)}:root[data-appearance=vibrant] .hero,:root[data-appearance=contrast] .hero{position:relative;display:flex;align-items:center;min-height:240px;padding:18px 0;background:transparent!important;background-image:none!important;border:0;border-radius:0;box-shadow:none;overflow:visible}.hero-copy{position:relative;z-index:1;width:40%;padding:12px 0}.hero .hero-copy h1{margin:0;color:var(--brand-ink);font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.55;letter-spacing:0}.hero-art{width:62%;max-width:550px;aspect-ratio:10/7;position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.hero-art img{display:block;width:140%;max-width:none;height:100%;object-fit:contain;transform:translate(-28.5714%)}.hero-add{min-height:54px;font-size:1.111rem;padding:12px 28px;margin:8px 0 0}:root[data-appearance=vibrant] .primary{background:var(--brand-action);color:#fff;box-shadow:none}.home-section-title{margin:26px 0 16px}.home-section-title h2{margin:0;color:var(--brand-ink)}.card{color:var(--brand-ink);min-width:0}:root[data-appearance=vibrant] .card{background-image:none;border:1px solid #d1d9ce;background-color:#faedc9;box-shadow:0 3px 10px #38553f0b;border-radius:20px}:root[data-appearance=vibrant] .card[data-metric=weight]{background-color:#cdecf2;border-color:#a9cdd6}:root[data-appearance=vibrant] .card[data-metric=pressure]{background-color:#f9d8dd;border-color:#dfb8bf}:root[data-appearance=vibrant] .card[data-metric=sleep]{background-color:#e3daf8;border-color:#c7badf}:root[data-appearance=vibrant] .card[data-metric=steps]{background-color:#d9edc8;border-color:#b5cfa1}.card-top{gap:8px;flex-wrap:nowrap}.card-top h3{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}.card-top button{flex-shrink:0;width:48px;min-height:48px;padding:10px;margin-left:auto}.metric-value{max-width:100%;width:100%;flex-wrap:wrap;row-gap:2px;text-align:left;padding:14px 0;justify-content:flex-start;min-height:66px}.metric-value strong{overflow-wrap:anywhere;font-size:1.666rem;line-height:1.35;letter-spacing:-.5px}.metric-value span{font-size:.889rem;color:var(--brand-muted)!important;margin-bottom:3px}.metric-value .empty-value{font-size:1rem;letter-spacing:0;line-height:1.6;color:var(--brand-muted)}.card-bottom{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:6px;align-items:center;min-height:56px;border-top:1px solid #344a4833;padding-top:6px}.card-bottom small{font-size:.778rem;line-height:1.6;color:var(--brand-muted)!important;overflow-wrap:anywhere}.metric-art{display:flex;width:48px;height:48px;align-items:center;justify-content:center;pointer-events:none;color:var(--brand-muted)}.metric-art img{display:block;width:48px;height:48px;object-fit:contain}.gentle{background:transparent!important;border:0!important;box-shadow:none;padding:20px 0;gap:15px;margin-top:16px;align-items:center}.gentle h3{font-size:1rem;color:var(--brand-ink);margin:0}.gentle p{font-size:1rem;color:var(--brand-muted);margin:3px 0 0}.brand-sprout{flex-shrink:0;width:48px;height:48px;object-fit:contain;pointer-events:none}.section-title p,.chart-panel p,.history-list p,.manage-list p,.aside-note{color:var(--brand-muted)}.history-list article,.manage-list article,.chart-panel,.modal{border-color:#ccd6c8;background:#fffefa}footer,footer p{color:var(--brand-muted);font-size:.889rem}footer p{padding:12px 0;border-top:1px solid #ccd6c8;line-height:1.8}label,input,select,textarea{font-size:1rem}:root[data-appearance=contrast]{--paper: #fff;--brand-ink: #132338;--brand-muted: #34465c;--brand-action: #163b67}:root[data-appearance=contrast] :is(.hero-art,.metric-art,.brand-sprout){display:none}:root[data-appearance=contrast] .hero{min-height:100px;padding:18px 0}:root[data-appearance=contrast] .hero-copy{width:100%}:root[data-appearance=contrast] .card-bottom{grid-template-columns:1fr}:root[data-appearance=contrast] .metric-value{border:0;padding-left:0;padding-right:0;box-shadow:none}@media(min-width:761px){.hero-art{max-height:280px}.hero{margin-top:12px}.hero-add{min-width:220px}}@media(max-width:760px){aside{padding:14px 18px 8px}aside .brand{font-size:30px}aside .brand span{display:none}main{padding-left:16px;padding-right:16px;padding-bottom:112px}main>header{min-height:0;padding:0 0 4px;gap:0}main>header>.local{display:none}.appearance-picker{margin:0;width:100%;gap:12px;font-size:1rem}.appearance-picker select{max-width:240px;min-height:48px;font-size:1rem;border-width:1px}:root[data-appearance=vibrant] .hero{min-height:clamp(140px,42vw,180px);padding:8px 0;margin:0}.hero-copy{width:42%;padding:12px 0}.hero .hero-copy h1{font-size:clamp(1.111rem,6vw,1.444rem);line-height:1.6}.hero-art{width:62%;max-height:180px}.hero-add{display:flex;width:100%;margin:4px 0 0;min-height:54px;font-size:1.111rem}.home-section-title{margin:19px 0 12px;flex-wrap:nowrap;align-items:center;gap:8px}.home-section-title h2{font-size:1.111rem;line-height:1.45}.home-section-title .text-button{font-size:.889rem;min-height:48px;padding:6px;flex-shrink:0}.cards{gap:12px}.card{padding:12px;min-width:0}.card-top h3{font-size:1rem}.card-top button{width:48px;min-height:48px;padding:10px}.metric-value strong{font-size:1.5rem}.metric-value span{font-size:.889rem}.card-bottom{grid-template-columns:minmax(0,1fr) 42px;gap:4px}.metric-art,.metric-art img{width:42px;height:42px}.gentle{padding:16px 0}.gentle p{font-size:1rem}.mobile-nav{padding:8px 4px max(8px,env(safe-area-inset-bottom));gap:2px}.mobile-nav button{flex:1;min-width:0;min-height:60px;font-size:.778rem;padding:7px 2px}.filters{gap:12px}.section-title h1{font-size:1.555rem}}@media(max-width:350px){.cards{gap:10px}.card{padding:10px}.metric-value strong{font-size:1.389rem}.card-bottom{grid-template-columns:minmax(0,1fr) 36px}.metric-art,.metric-art img{width:36px;height:36px}.home-section-title .text-button{max-width:110px}.hero .hero-copy h1{font-size:1.111rem}}@media(max-width:300px){.cards{grid-template-columns:1fr}.hero-copy{width:100%}.hero-art{position:relative;inset:auto;transform:none;width:100%;max-width:220px;align-self:flex-end}}@media(prefers-reduced-motion:reduce){.hero-art,.metric-art{transition:none;animation:none}}@media(max-width:300px){aside .brand{font-size:1.111rem}.appearance-picker{flex-direction:column;align-items:stretch;gap:4px}.appearance-picker select{width:100%;max-width:none}.home-section-title{flex-wrap:wrap}:root[data-appearance=vibrant] .hero{flex-direction:column;align-items:flex-start}}:root{font-size:112.5%}@media(max-width:760px){.appearance-picker{flex-wrap:wrap;min-width:0}.appearance-picker select{min-width:0;flex:1 1 12rem;max-width:100%}main{padding-bottom:calc(6.5rem + 20px + env(safe-area-inset-bottom))}}.home-display-options{margin:18px 0;color:var(--brand-ink)}.home-display-options label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:1rem}.home-display-options select,.home-display-options button{min-height:48px;font:inherit;margin:8px 0}.home-display-options p{font-size:1rem;line-height:1.6}.brand.brand-watercolor{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-left:0;text-decoration:none;margin-bottom:30px}.wordmark-flower{width:32px;height:40px;object-fit:contain;flex-shrink:0}.watercolor-wordmark{display:inline-flex;align-items:baseline;font-family:Segoe Print,Bradley Hand,cursive;font-size:29px;font-weight:800;letter-spacing:-1.8px;line-height:1.7}.watercolor-wordmark i{display:inline-block;font-style:normal;color:#31745c;background:linear-gradient(165deg,#255e4a 10%,#579578 49%,#2d7054 53%,#427d65 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-4deg)}.watercolor-wordmark i:nth-child(3n+1){background-image:linear-gradient(160deg,#a53d57,#cf7181 48%,#a3445b 52%,#b65368);transform:rotate(3deg) translateY(-1px)}.watercolor-wordmark i:nth-child(3n+2){background-image:linear-gradient(155deg,#326f91,#6898ae 47%,#397797 54%,#4a7d9d);transform:rotate(-3deg) translateY(1px)}.brand-watercolor .brand-tagline{flex-basis:100%;margin:0 0 0 4px;letter-spacing:1px}:root[data-appearance=contrast] .watercolor-wordmark i{background:none;-webkit-text-fill-color:currentColor;color:#132338;transform:none}@media(max-width:760px){aside .brand.brand-watercolor{margin:0;gap:8px}.watercolor-wordmark{font-size:30px}}@media(max-width:350px){.watercolor-wordmark{font-size:27px}.wordmark-flower{width:29px}}.sleep-fields fieldset{border:1px solid #b6b8c5;border-radius:14px;padding:14px;margin:16px 0;min-width:0}.sleep-fields legend{padding:0 8px;font-weight:700}.sleep-fields input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.sleep-summary{overflow-wrap:anywhere;line-height:1.7}:root[data-appearance=vibrant] .hero:before{content:"";position:absolute;inset:-8px -6px;pointer-events:none;background:radial-gradient(ellipse at 65% 50%,#f4dfba88,#f7e7cb66 45%,#fffaf100 76%)}:root[data-appearance=vibrant] .hero .hero-copy{width:55%}.hero .fine-home-lettering{position:relative;z-index:1;width:clamp(106px,31vw,170px);aspect-ratio:1271 / 506;overflow:hidden;margin:0 0 0 5px;padding:0;flex-shrink:0}.fine-home-lettering img{position:absolute;width:120.85%;max-width:none;height:auto;left:-10.78%;top:-54.94%;pointer-events:none}.daily-heading{display:flex;align-items:center;gap:6px}.daily-heading img{width:25px;height:32px;object-fit:contain;flex-shrink:0}:root[data-appearance=contrast] .daily-heading img{display:none}@media(max-width:350px){.daily-heading{gap:3px}.daily-heading img{width:20px;height:27px}}.page-header-art{display:none}:root[data-appearance=vibrant] .illustrated-page-title{position:relative;min-height:180px;align-items:center;gap:12px}:root[data-appearance=vibrant] .illustrated-page-title>div{width:55%;z-index:1}:root[data-appearance=vibrant] .page-header-art{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:46%;max-width:280px;max-height:190px;object-fit:contain;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent)}@media(max-width:600px){:root[data-appearance=vibrant] .illustrated-page-title{min-height:150px}:root[data-appearance=vibrant] .illustrated-page-title h1{font-size:1.35rem;line-height:1.5}:root[data-appearance=vibrant] .illustrated-page-title .eyebrow{font-size:.65rem}:root[data-appearance=vibrant] .illustrated-page-title p{font-size:1rem}:root[data-appearance=vibrant] .page-header-art{max-height:150px}}:root[data-appearance=contrast]{--quiet-page: #f3f6fa;--quiet-surface: #ffffff;--quiet-tint: #e8eef6;--quiet-line: #50667d}:root[data-appearance=contrast] body{background:var(--quiet-page)}:root[data-appearance=contrast] aside{border:0;border-right:1px solid #bac7d5;border-radius:0}:root[data-appearance=contrast] header{border-bottom:1px solid #bac7d5;margin-bottom:14px}:root[data-appearance=contrast] .hero{border:0;border-left:4px solid #163b67;border-radius:0;background:transparent!important;min-height:0;padding:10px 0 10px 18px;margin:22px 0}:root[data-appearance=contrast] .hero h1{font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:.02em;margin:0;line-height:1.6}:root[data-appearance=contrast] .hero h1 br{display:initial}:root[data-appearance=contrast] :is(.card,.chart-panel,.history-list article,.manage-list article,.modal){border:1px solid var(--quiet-line);border-radius:20px;box-shadow:0 3px 12px #13233808}:root[data-appearance=contrast] .card{border-top:4px solid #50667d;padding:18px}:root[data-appearance=contrast] .card-top button{border:1px solid var(--quiet-line);background:var(--quiet-tint);border-radius:50%}:root[data-appearance=contrast] .card-top h3{letter-spacing:.04em}:root[data-appearance=contrast] .card-bottom{border-color:#bac7d5;padding-top:12px}:root[data-appearance=contrast] .metric-value{margin:10px 0 18px}:root[data-appearance=contrast] :is(button,input,select,textarea){border-radius:12px;border-width:1px;border-color:var(--quiet-line)}:root[data-appearance=contrast] .hero-add{border-radius:16px;box-shadow:0 3px #163b6714}:root[data-appearance=contrast] :is(.gentle,.home-display-options){border:0;border-radius:16px;padding:16px;background:var(--quiet-tint)!important}:root[data-appearance=contrast] .gentle{margin-top:20px}:root[data-appearance=contrast] .home-display-options p{margin-bottom:0}:root[data-appearance=contrast] nav button{border-color:transparent}:root[data-appearance=contrast] .mobile-nav{border:0;border-top:1px solid var(--quiet-line);border-radius:18px 18px 0 0;padding-top:8px;box-shadow:0 -4px 18px #1323380a}:root[data-appearance=contrast] .mobile-nav button{border-color:transparent;border-radius:12px}:root[data-appearance=contrast] footer{border-top:1px solid #bac7d5;padding-top:18px}:root[data-appearance=contrast] .wordmark-flower{filter:saturate(.65)}@media(max-width:760px){:root[data-appearance=contrast] aside{border:0;border-bottom:1px solid #bac7d5}:root[data-appearance=contrast] header{padding-top:0}:root[data-appearance=contrast] .hero{margin:16px 0}:root[data-appearance=contrast] .card{padding:12px}}@media(prefers-reduced-motion:reduce){:root[data-appearance=contrast] *{transition:none}}.backup-panel{max-width:760px;margin:20px auto;line-height:1.8}.backup-panel form,.backup-preview{padding:22px;margin:24px 0;background:#fffefa;border:1px solid #687d70;border-radius:20px}.backup-panel fieldset{border:0;padding:0;min-width:0;margin:0}.backup-panel input{min-width:0;max-width:100%;box-sizing:border-box}.backup-check{display:flex;gap:12px;align-items:flex-start;margin-top:16px}.backup-check input{width:24px;min-height:24px;flex:0 0 24px;margin-top:6px}.backup-actions{display:flex;gap:12px;flex-wrap:wrap}.backup-warning{padding:16px;border:2px solid #76542c;border-radius:12px;background:#fff4da;color:#4b371e}.backup-download{display:inline-flex;min-height:48px;align-items:center;color:#245b45;font-weight:700;text-decoration:underline}.backup-entry-button{min-height:48px;font-size:1rem}:root[data-appearance=contrast] :is(.backup-panel form,.backup-preview){background:#fff;color:#132338;border-color:#50667d}:root[data-appearance=contrast] .backup-download{color:#163b67}@media(max-width:760px){.backup-panel form,.backup-preview{padding:16px}.backup-entry-button{width:100%}}.personal-settings{max-width:760px;margin:20px auto;line-height:1.8}.personal-settings form,.personal-data{background:#fffefa;border:1px solid #687d70;border-radius:20px;padding:22px;margin:24px 0}.nickname-greeting{font-size:1rem;font-weight:600;line-height:1.7;overflow-wrap:anywhere}.personal-settings input{min-width:0;max-width:100%;box-sizing:border-box}:root[data-appearance=contrast] :is(.personal-settings form,.personal-data){background:#fff;color:#132338;border-color:#50667d}@media(max-width:760px){.personal-settings form,.personal-data{padding:16px}.personal-data .backup-actions button{width:100%}}.personal-data .backup-actions button:not(.primary),.backup-panel [aria-pressed]{border:1px solid var(--brand-action);border-radius:14px;min-height:50px;background:#fffefa;color:var(--brand-action)}.backup-panel [aria-pressed=true]{background:var(--brand-action);color:#fff}:root[data-appearance=contrast] .backup-panel [aria-pressed=true]{background:#163b67;color:#fff}