@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#303939;background:#eee8dd;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;transition:background .2s,transform .2s}button:hover{background:#ffffff50}button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #5b9b91;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:18px;font-weight:600;letter-spacing:.02em}h3{font-size:15px}p{font-size:14px;line-height:1.9}small{font-size:11px;color:#737a78}svg{flex-shrink:0}.app{min-height:100vh;isolation:isolate;padding:20px 24px 0 278px}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#e4dfd415,#e8e5da30 50%,#ecdfd19e),url(/assets/hero.png) center/cover no-repeat}.glass{background:#f9f6f0b5;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #ffffffdd;box-shadow:0 9px 30px #65553a0c,inset 0 1px #ffffff70;border-radius:24px}.sidebar{position:fixed;left:20px;top:20px;bottom:20px;width:226px;padding:28px 20px 22px;display:flex;flex-direction:column;z-index:20;background:#f7f6efbd}.brand{font-size:27px;letter-spacing:.045em;text-decoration:none;line-height:1.3;margin:0 14px 28px}.brand small{display:block;letter-spacing:.14em;font-size:10px;color:#596468}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{justify-content:flex-start;gap:18px;padding:13px 17px;border-radius:25px;font-size:14px}.sidebar nav button.active{background:linear-gradient(#f9e0d9,#edbfb4);box-shadow:inset 0 1px 1px #fff,0 4px 6px #98756a25;color:#303738}.sidebar nav button.active svg{color:#c17867}.sidebar-bottom{margin-top:auto;padding-top:20px}.profile{border-top:1px solid #fff8;border-bottom:1px solid #fff8;display:flex;align-items:center;gap:12px;padding:18px 3px;font-size:13px}.profile img,.avatar img{width:46px;height:46px;object-fit:cover;border-radius:50%;border:2px solid #fff}.profile small{line-height:2}.sidebar-bottom p{font-family:"Noto Serif TC",serif;line-height:2.2;font-size:13px;margin:24px 5px 18px}.sidebar-bottom>small{font-size:8px;letter-spacing:.13em;display:block;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;margin-bottom:5px}.quote{padding:12px 20px;border-radius:40px;display:flex;align-items:center;gap:14px;font-size:12px;margin-left:auto}.top-actions{display:flex;align-items:center;gap:15px}.top-actions time{font-size:12px;white-space:nowrap}.round{width:42px;height:42px;border-radius:50%;position:relative}.badge{position:absolute;right:0;top:0;border-radius:20px;background:#d88b79;color:#fff;padding:1px 4px;font-size:9px}.theme-toggle{display:flex;padding:3px;border-radius:30px}.theme-toggle button{height:35px;width:35px;border-radius:50%}.theme-toggle button.selected{background:#e9dbc980;color:#ac7955}.avatar{padding:0}.avatar img{width:43px;height:43px}.demo{font-size:10px;color:#6a716c;display:flex;justify-content:flex-end;gap:8px;align-items:center;min-height:25px}.demo button{font-size:10px;text-decoration:underline;padding:2px}.hero-grid{display:grid;grid-template-columns:42% 58%;min-height:330px;margin-top:9px;margin-bottom:20px}.welcome{padding:35px 20px 0 15px;display:flex;align-items:flex-end;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:.22em;color:#5e7773}.welcome .eyebrow{font-size:8px;color:#416a69;margin-bottom:14px}.welcome h1{font-family:"Noto Serif TC",serif;font-size:36px;line-height:1.6;font-weight:500;letter-spacing:.14em;text-shadow:0 1px 8px white;margin-bottom:10px;transform:rotate(-4deg)}.welcome h1 span{padding-left:30px}.welcome p{font-family:"Noto Serif TC",serif;letter-spacing:.07em;font-size:13px;line-height:2;text-align:right;margin:10px 0 17px;text-shadow:0 1px 8px #fff}.soft-btn{background:#fff9;border:1px solid white;border-radius:24px;padding:10px 15px;font-size:11px;box-shadow:0 4px 12px #8e745d16}.hero-right{padding-left:4px}.plan-card{position:relative;padding:25px 22px 32px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:16px;text-align:left;min-height:151px}.plant-icon{width:61px;height:70px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,#e6c4a3,#f5e3ca);border:1px solid white;color:#749e8b}.plan-card small{color:#454e4d;font-size:12px}.plan-card h2{font-size:19px;margin:10px 0 5px}.plan-card p{font-size:11px;margin:0;color:#84827c}.day-tag{position:absolute;top:17px;right:23px;font-size:10px;color:#777}.plan-arrow{position:absolute;right:19px;top:68px;border-radius:50%;padding:8px;background:#fff9;width:34px;height:34px}.progress{height:7px;background:#dcd8d255;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;border-radius:10px;background:#83b8aa;transition:width .5s}.plan-card .progress{position:absolute;left:28px;right:64px;bottom:19px;height:9px}.plan-card .progress i{background:#ddb99c}.percent{position:absolute;right:20px;bottom:15px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:13px}.stat{padding:17px 10px 15px;display:flex;align-items:center;flex-direction:column;border-radius:22px;gap:6px;min-height:155px}.icon-bubble{width:43px;height:43px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 3px #fff5}.mint{background:#d3e6df;color:#478b7c}.peach{background:#f4dcd3;color:#c07765}.lavender{background:#e0deed;color:#7a7faf}.sand{background:#e9d5bf;color:#ab825d}.stat strong{font-size:26px;color:#1e292f;line-height:1.2;margin-top:3px}.stat>span:not(.icon-bubble){font-size:11px;color:#707774}.stat small{font-size:9px;color:#838e86}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr .64fr;gap:16px}.panel{padding:20px;margin-bottom:16px}.dashboard-grid .panel{margin-bottom:0}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}.section-head h2{margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.section-head>button{font-size:11px;padding:5px}.task-row{display:flex;align-items:center;gap:12px;background:#fffc;border-radius:19px;padding:11px 13px;margin-bottom:10px;border:1px solid #fffd;box-shadow:0 5px 13px #9e83720b}.task-row .icon-bubble{width:39px;height:39px}.task-label{flex:1;text-align:left;align-items:flex-start;flex-direction:column;gap:4px;padding:0;min-width:0}.task-label strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.task-label small{font-size:11px}.check{width:21px;height:21px;border:1.7px solid #e2dcd2;border-radius:50%;padding:0;flex-shrink:0}.checked{background:#8ab4a6;border-color:#8ab4a6;color:#fff}.play{width:43px;height:36px;border-radius:30px;background:linear-gradient(#f7d6ce,#efbbae);box-shadow:0 3px 8px #d89d8a3b;color:#fff}.task-row:nth-child(2) .play{background:linear-gradient(#bddfd8,#8fc0b6)}.task-row:nth-child(3) .play{background:linear-gradient(#ecd6bb,#dfb995)}.is-done .task-label{opacity:.5}.is-done .task-label strong{text-decoration:line-through}.add-task{width:100%;padding:9px 12px;text-align:left;justify-content:flex-start;font-size:11px;color:#6f8980}.add-task span{margin-left:auto;font-size:10px}.empty{padding:22px 10px;text-align:center;color:#7a8982}.empty svg{color:#8ba89b}.empty p{margin:10px 0 3px;font-size:13px}.empty small{font-size:10px}.health-metrics{display:grid;grid-template-columns:repeat(6,1fr);background:#fffa;border-radius:20px;padding:15px 7px;gap:7px;margin-top:22px}.health-metrics>div{display:flex;align-items:center;flex-direction:column;gap:9px}.health-metrics .icon-bubble{width:34px;height:34px}.health-metrics strong{font-size:14px;font-weight:500;white-space:nowrap}.health-metrics small{font-size:10px}.pill{border-radius:25px;background:#fbe5dfaa;border:1px solid #fff;padding:8px 13px!important;color:#bd7d6c}.quiet{font-size:11px;line-height:1.9;color:#858b83;margin:16px 0 0}.garden-panel{display:flex;flex-direction:column;padding:20px 17px}.garden-panel img{width:100%;height:132px;object-fit:contain;mix-blend-mode:multiply;margin-top:-10px;margin-bottom:8px}.garden-panel strong{font-size:13px;margin-bottom:6px}.garden-panel small{font-size:10px}.garden-panel .progress{margin-top:8px}.trend-panel{grid-column:1;min-height:214px}.legend{display:flex;align-items:center;gap:15px;font-size:10px;color:#6c9d8e}.legend small{font-size:9px}.week-chart{display:flex;gap:13px;justify-content:space-between;align-items:flex-end;height:130px;padding:14px 4px 0}.week-chart>div{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;gap:6px}.bar-track{height:90px;width:13px;background:#c9bdb315;border-radius:10px;display:flex;align-items:flex-end}.bar-track i{width:100%;min-height:0;border-radius:10px;background:linear-gradient(#bbceba,#87b7ab)}.week-chart small,.week-chart span{font-size:9px;color:#7d857e}.compact{height:85px;padding:0}.compact .bar-track{height:53px;width:10px}.compact small{font-size:8px}.letter-teaser{text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:linear-gradient(130deg,#fbefe6d9,#ecd1bdcd);padding:20px}.letter-teaser h2{display:flex;gap:8px;align-items:center;font-size:17px}.letter-teaser p{font-family:"Noto Serif TC",serif;font-size:22px;line-height:1.6;margin:0 0 13px;color:#8b705e}.letter-teaser .pill{color:#695d50;font-size:11px;background:#fff9;width:100%;justify-content:space-between}.letter-teaser>small{font-size:9px;margin-top:10px;color:#867465}.week-panel{padding:20px 15px}.week-panel h2{font-size:16px}.week-panel .section-head>small{font-size:8px}.review-cta{display:flex;padding:13px 10px;background:#fff9;border-radius:18px;margin-top:14px;width:100%;text-align:left;gap:9px;color:#bb7b68}.review-cta>span{display:flex;flex-direction:column;gap:5px;flex:1;color:#303939}.review-cta strong{font-size:11px}.review-cta small{font-size:8px}.review-cta>svg{width:17px}footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#73796f;padding:22px 5px 17px;letter-spacing:.12em}.page-heading{padding:25px 15px 20px}.page-heading>small{font-size:10px;letter-spacing:.17em}.page-heading h1{font-family:"Noto Serif TC",serif;font-weight:500;font-size:32px;margin:12px 0}.page-heading p{font-size:12px}.primary,.gold-btn{background:#8fb8aa;border:1px solid #c6e0d7;box-shadow:0 4px 10px #627b6220,inset 0 1px 1px #fff6;border-radius:22px;padding:11px 20px;color:#fff;font-size:13px}.primary:hover{background:#78a697}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.button-row>button:not(.primary):not(.gold-btn){padding:10px 14px;border-radius:20px;background:#eee8de8a}.danger{color:#b96756}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}label{display:flex;flex-direction:column;font-size:12px;color:#71796f;gap:8px;margin-bottom:16px}input,textarea,select{width:100%;color:#34463f;border:1px solid #d8dcd0;outline:none;background:#fff9;border-radius:12px;padding:12px 13px;min-height:43px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:#86aa99;box-shadow:0 0 0 3px #a9c6b333}textarea{resize:vertical;min-height:85px;line-height:1.9}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:17px;height:17px;min-height:0;accent-color:#7aa38e}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.phase{background:#fff7;border-radius:20px;padding:22px}.phase b{display:block;font-size:39px;font-weight:400;color:#a5baab;margin:12px 0}.phase p{font-size:12px;color:#7e867c}.milestone{display:flex;align-items:center;gap:20px}.milestone>div{flex:1}.milestone h3{margin-bottom:5px}.milestone p{margin:0;font-size:12px}.record{display:flex;align-items:center;gap:20px;padding:15px 5px;border-bottom:1px solid #d5d4c850;font-size:12px}.record>span{flex:1}.review-record{padding:20px;border-radius:15px;background:#fff8;margin:15px 0}.review-record h3{margin:8px 0}.review-record p{white-space:pre-wrap}.settings{max-width:850px}.settings>label{max-width:400px}.upload-button{display:inline-flex;margin:0;cursor:pointer;background:#fff8;padding:12px;border-radius:20px}.upload-button input{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#263c3b55;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:90;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#f8f5eeed;max-width:610px;width:100%;max-height:90dvh;overflow:auto;padding:28px;box-shadow:0 30px 100px #12333044;animation:modal-in .25s ease-out}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.modal>header h2{margin:0;font-size:19px}.modal>header button{padding:5px}.modal p{font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:120;background:#f5f9f0f2;border-radius:40px;display:flex;align-items:center;gap:10px;padding:15px 25px;font-size:12px;max-width:90%;box-shadow:0 4px 25px #23412a30}.mobile-nav{display:none}.mailbox-theme .scene{background:radial-gradient(ellipse at 70% 10%,#284c61,#142b3e 70%)}.mailbox-theme .demo,.mailbox-theme footer{color:#d0c9b8}.mailbox{color:#e9e4d8}.mail-heading{text-align:center;padding:42px 0 35px}.mail-heading .eyebrow{color:#c2ac7a}.mail-heading h1{font-family:"Noto Serif TC",serif;font-size:36px;font-weight:400;line-height:1.6;margin:20px 0 15px;letter-spacing:.1em}.mail-heading h1 span{display:block;font-size:17px;letter-spacing:.4em;margin-top:10px;color:#c9b889}.mail-heading p{font-size:13px;line-height:2.2;color:#d4d5ce}.gold-btn{background:linear-gradient(135deg,#cdbb8f,#ad925e);border-color:#e7d8aa;color:#152a38}.gold-btn:hover{background:#d7c593}.mail-heading>small{display:block;margin-top:15px;color:#9daeb5;font-size:11px}.mail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #b5c0c32b;padding:15px 0;margin-bottom:25px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{padding:10px 15px;border-radius:25px;font-size:12px}.tabs .selected{background:#e5cf9e22;color:#e1c58d}.mail-empty{padding:55px 25px;text-align:center;background:#aac9dd0c;border-color:#ccdadb33}.mail-empty>svg{color:#c7b58e}.mail-empty h2{font-family:"Noto Serif TC",serif;font-size:23px;font-weight:400;margin-top:22px}.mail-empty p{color:#b8c5c9;font-size:13px}.letter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.letter-card{position:relative;padding:30px;text-align:center;background:#bdccda10;border-color:#e7d0a638}.letter-icon{position:relative;color:#d0bd91;margin-bottom:22px}.letter-icon>svg+svg{position:absolute;left:50%;top:31px;background:#234459;border-radius:50%}.letter-card>small{color:#aabac1;font-size:10px}.letter-card h2{font-family:"Noto Serif TC",serif;font-size:19px;margin:12px 0;overflow-wrap:anywhere}.letter-card p{font-size:11px;color:#c5b389;display:flex;align-items:center;justify-content:center;gap:6px}.delete-letter{position:absolute;right:10px;top:13px;opacity:.6}.timeline{background:#b4c7d80b;border-color:#fff2;margin-top:30px}.timeline-item{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff15;font-size:12px}.timeline-item>span{flex:1}.timeline small{color:#abbbc1}.letter-paper{color:#374541}.letter-body{min-height:230px;background:repeating-linear-gradient(transparent,transparent 32px,#b9b1a81a 32px,#b9b1a81a 33px);line-height:33px}.read-body{white-space:pre-wrap;line-height:2.3!important;padding:15px 0;font-family:"Noto Serif TC",serif;font-size:16px!important}.date-presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.date-presets button{border-radius:20px;padding:8px 14px;background:#ece7db}.date-presets .selected{background:#cfbc91;color:#253f48}.seal-animation{padding:65px 0;display:flex;align-items:center;flex-direction:column;gap:20px;color:#9d8456;animation:seal 1.8s ease-in-out}.seal-animation b{font-size:12px;border:1px solid #ad916e;padding:10px;transform:rotate(-6deg)}.dark .scene{background:linear-gradient(#142b3ac9,#172a34ed),url(/assets/hero.png) center/cover}.dark{color:#e5e5da}.dark .glass{background:#243c43bf;border-color:#c9d5c533}.dark .sidebar,.dark .modal{background:#213941f0}.dark small,.dark .quiet,.dark .demo,.dark .stat>span:not(.icon-bubble),.dark .plan-card p,.dark .plan-card small,.dark label{color:#c1cbbf}.dark .task-row,.dark .health-metrics,.dark .phase,.dark .review-record,.dark .review-cta,.dark input,.dark textarea,.dark select{background:#d5dfcc12;color:#e5e5da;border-color:#b3c7ba22}.dark .stat strong,.dark .review-cta>span{color:#e5e5da}.dark .welcome p,.dark .welcome h1{text-shadow:none}.dark .letter-teaser{background:#384b44}.dark .letter-teaser p{color:#d8cdb3}.dark .letter-paper{color:#d9dfd4}.dark .toast{background:#314c43;color:#f0f5eb}@keyframes modal-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes seal{0%{opacity:.2;transform:perspective(600px) rotateX(40deg) scale(.85)}50%{opacity:1;transform:rotateX(0) scale(1)}85%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(min-width:1450px){.app{padding-left:278px}.hero-grid{min-height:360px}.welcome{padding-top:48px;padding-right:30px}.welcome h1{font-size:42px}.hero-right{padding-top:12px}.plan-card{min-height:160px}.stat{min-height:164px}.dashboard-grid{gap:18px}.panel{padding:23px}.garden-panel img{height:155px}.task-row{padding:13px}.health-metrics{margin-top:32px;padding:20px 9px}.letter-teaser p{font-size:24px}.trend-panel{min-height:225px}}@media(max-width:1200px){.app{padding-left:238px;padding-right:18px}.sidebar{width:200px;left:16px;padding:25px 14px}.brand{font-size:24px}.sidebar nav button{font-size:12px;padding:12px}.quote{font-size:10px;padding:10px 12px}.top-actions{gap:9px}.top-actions time{font-size:10px}.hero-grid{grid-template-columns:40% 60%}.welcome{padding-right:10px;padding-left:0}.welcome h1{font-size:30px}.plan-card{padding-left:15px;gap:10px}.plan-card h2{font-size:16px}.plan-card p{max-width:200px}.plant-icon{width:50px;height:60px}.stat strong{font-size:22px}.stat{padding:14px 7px}.stat small{font-size:8px}.dashboard-grid{grid-template-columns:1.25fr 1fr;gap:15px}.garden-panel{grid-column:2;grid-row:2}.garden-panel img{height:122px}.health-panel{grid-column:2}.trend-panel{grid-row:2}.letter-teaser{grid-column:1}.week-panel{grid-column:2}.garden-panel .section-head{margin-bottom:4px}.garden-panel img{max-width:180px;align-self:center}.health-metrics{gap:3px;padding:12px 5px}.health-metrics .icon-bubble{width:30px;height:30px}.health-metrics .icon-bubble svg{width:19px}.health-metrics strong{font-size:12px}}@media(max-width:900px){.app{padding:14px 18px 85px}.sidebar{display:none}.quote{margin-left:0;font-size:9px;max-width:46%;padding:11px}.quote>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions time{display:none}.hero-grid{grid-template-columns:40% 60%}.welcome{padding-top:40px}.welcome h1{font-size:28px}.welcome p{font-size:12px}.welcome .eyebrow{font-size:7px}.dashboard-grid{grid-template-columns:1.2fr 1fr}.mobile-nav{display:flex;position:fixed;bottom:10px;left:14px;right:14px;z-index:50;justify-content:space-around;border:1px solid #fff9;border-radius:26px;background:#f7f5ecef;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:8px 4px;box-shadow:0 3px 20px #4e574522}.mobile-nav button{flex:1;flex-direction:column;gap:3px;padding:6px 0;color:#7b8277}.mobile-nav button.active{color:#bb7a68;background:#f3ded39c;border-radius:20px}.mobile-nav small{font-size:9px}.dark .mobile-nav{background:#213c42ef}.toast{bottom:100px}.mail-heading{padding-top:25px}.letter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app{padding:10px 12px 90px}.scene{background-position:30% top}.topbar{gap:8px}.quote{max-width:61%;font-size:9px;padding:9px 10px;gap:6px}.quote>svg:last-child{display:none}.round{width:34px;height:34px}.avatar img{height:33px;width:33px}.theme-toggle{padding:1px}.theme-toggle button{width:28px;height:28px}.theme-toggle button svg{width:16px}.top-actions{gap:6px}.demo{font-size:8px;gap:3px;justify-content:center;min-height:28px}.demo button{font-size:8px}.hero-grid{display:flex;flex-direction:column;margin:0 0 14px}.welcome{height:267px;align-items:flex-end;padding:32px 9px 10px}.welcome h1{font-size:30px;margin-bottom:5px}.welcome p{font-size:11px;margin-bottom:12px}.welcome .eyebrow{font-size:7px}.soft-btn{padding:8px 12px;font-size:10px}.hero-right{padding:0}.plan-card{min-height:135px;padding:20px 15px 32px;gap:13px}.plant-icon{height:57px;width:52px}.plan-card h2{font-size:17px}.plan-card p{font-size:10px;max-width:240px}.plan-card small{font-size:11px}.day-tag{font-size:9px;right:16px}.stats{gap:5px;margin-top:10px}.stat{border-radius:18px;padding:12px 3px;min-height:127px;gap:6px}.stat .icon-bubble{width:34px;height:34px}.stat .icon-bubble svg{width:21px}.stat strong{font-size:20px}.stat>span:not(.icon-bubble){font-size:9px}.stat small{font-size:7px;letter-spacing:-.02em}.dashboard-grid{display:flex;flex-direction:column;gap:12px}.panel{padding:18px}.section-head h2{font-size:17px}.task-row{padding:11px;gap:10px}.tasks-panel .empty{padding:20px 5px}.health-metrics{padding:16px 9px;gap:7px;margin-top:12px}.health-metrics .icon-bubble{width:37px;height:37px}.health-metrics .icon-bubble svg{width:22px}.health-metrics strong{font-size:13px}.garden-panel{display:grid;grid-template-columns:125px 1fr;gap:7px 15px;align-items:center}.garden-panel .section-head{grid-column:2;grid-row:1;margin:0}.garden-panel img{grid-row:1/5;grid-column:1;width:125px;height:135px;margin:0}.garden-panel strong{grid-column:2;font-size:13px;margin:0}.garden-panel small{grid-column:2}.garden-panel .progress{grid-column:2;margin:0}.trend-panel{min-height:230px}.letter-teaser{min-height:227px}.week-panel .compact{height:90px}.page-heading{padding:25px 5px 18px}.page-heading h1{font-size:28px}.phase-grid{grid-template-columns:1fr;gap:12px}.phase{padding:20px}.phase b{font-size:30px}.milestone{gap:10px;align-items:flex-start}.milestone p{font-size:10px}.milestone>button{font-size:10px;max-width:90px;padding:5px}.milestone h3{font-size:13px}.modal-backdrop{padding:12px}.modal{padding:22px 18px;max-height:92dvh;border-radius:22px}.modal>header h2{font-size:17px}.form-grid{gap:0 10px}input,textarea,select{font-size:16px;padding:10px;min-width:0}.record{gap:10px;font-size:11px;flex-wrap:wrap}.record>span{min-width:160px}.mail-heading h1{font-size:29px}.mail-heading p{font-size:12px}.mail-heading h1 span{font-size:15px}.mail-toolbar{align-items:flex-start;gap:5px}.tabs{gap:0}.tabs button{padding:8px;font-size:10px}.mail-toolbar>button{font-size:10px;padding:8px 0}.letter-grid{grid-template-columns:1fr}.mail-empty{padding:40px 15px}.mail-empty h2{font-size:20px}.mail-empty p{font-size:11px}.mailbox .timeline-item{flex-wrap:wrap;gap:10px}.timeline-item>span{flex-basis:60%;font-size:11px}.mail-heading{padding:30px 0}.letter-body{min-height:200px}.date-presets button{padding:8px 12px}.button-row{gap:8px}.button-row button{font-size:12px}.letter-paper .checkbox{font-size:11px}footer{font-size:8px;letter-spacing:0;gap:15px}footer span{font-size:8px}.dark .welcome{background:#102c3c55;border-radius:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1450px){.hero-grid{grid-template-columns:50% 50%;min-height:337px}.welcome{padding-top:35px;padding-right:34px}.welcome h1{font-size:36px}.dashboard-grid{margin-left:100px;grid-template-columns:1.32fr 1fr .6fr}.dashboard-grid .panel{padding:20px}.health-metrics{gap:5px;padding:17px 7px;margin-top:25px}.health-metrics .icon-bubble{width:34px;height:34px}.health-metrics strong{font-size:13px}.garden-panel img{height:145px}.garden-panel .section-head{margin-bottom:10px}.trend-panel{min-height:214px}.letter-teaser p{font-size:22px}.week-panel .section-head>small{display:none}}@media(max-width:600px){.scene{background:linear-gradient(#f0eee5e8,#e7e5dbe8),url(/assets/hero.png) center/cover no-repeat}.welcome{height:300px;border-radius:23px;overflow:hidden;background:url(/assets/hero.png) left center/auto 100% no-repeat;padding:27px 13px 17px;margin:4px 0 12px;box-shadow:inset 0 0 0 1px #ffffff70}.welcome h1{font-size:25px;line-height:1.65;letter-spacing:.08em;margin-top:11px;text-shadow:0 1px 10px #fff}.welcome h1 span{padding-left:0}.welcome .eyebrow{font-size:6px;letter-spacing:.13em;max-width:48%;text-align:right;line-height:1.8}.welcome p{font-size:10px;line-height:2;margin-top:13px;max-width:48%;text-shadow:0 1px 9px white}.welcome .soft-btn{font-size:9px;padding:8px 10px;margin-top:auto}.dark .welcome{background:linear-gradient(#102c3c15,#102c3c30),url(/assets/hero.png) left center/auto 100% no-repeat}.dark .welcome h1,.dark .welcome p{color:#263c3a;text-shadow:0 1px 8px white}}.space-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 30px}.space-links button{background:#fff7;border-radius:15px;padding:13px 8px;font-size:11px}.space-links button>svg:last-child{margin-left:auto}@media(max-width:600px){.space-links{grid-template-columns:1fr 1fr}.space-links button{font-size:12px;padding:14px 10px}}.envelope-art{width:100%;height:100px;object-fit:cover;object-position:center;mix-blend-mode:multiply;border-radius:12px;margin:-3px 0 10px}.letter-teaser h2{margin-bottom:13px}@media(max-width:600px){.envelope-art{height:115px;object-fit:contain}.letter-teaser{min-height:240px}}.suggestions{margin:28px 0;padding-top:24px;border-top:1px solid #b5b8a633}.suggestion-intro h3{font-size:16px;margin-bottom:6px}.suggestion-intro p{font-size:12px;color:#778575;margin-bottom:17px}.suggestion-phases{display:flex;gap:9px;margin-bottom:20px}.suggestion-phases button{flex:1;flex-direction:column;gap:4px;padding:12px 6px;border-radius:16px;border:1px solid #fff9;background:#fffa;font-size:12px}.suggestion-phases button small{font-size:9px}.suggestion-phases .selected{background:#dae8dd;border-color:#b8d0bf;color:#456f5b}.suggestion-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.suggestion-group h4{font-size:13px;font-weight:500;margin:0 0 12px;color:#779181}.suggestion-option{cursor:pointer;display:flex;flex-direction:row;gap:10px;align-items:flex-start;padding:14px 12px;border-radius:16px;background:#ffffff8c;border:1px solid #fff9;margin-bottom:9px;transition:background .2s,border-color .2s}.suggestion-option input{width:17px;height:17px;min-height:17px;flex-shrink:0;margin-top:3px;accent-color:#749a85}.suggestion-option>span{display:flex;flex-direction:column;gap:6px;min-width:0}.suggestion-option strong{font-size:12px;font-weight:500;line-height:1.8;color:#435b4b}.suggestion-option small{font-size:10px;line-height:1.8}.suggestion-option.is-selected{background:#e0eddf;border-color:#9db89e}.suggestion-option.already-added{opacity:.55}.suggestion-option:has(input:disabled){cursor:default}.suggestion-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.suggestion-action small{font-size:11px}.suggestion-custom{padding:12px 0;font-size:12px;text-decoration:underline;color:#7c8b7d}.modal .suggestions{margin:0;padding-top:0;border:0}.modal .suggestion-groups{grid-template-columns:1fr}.modal .suggestion-option{padding:11px 12px}.modal .suggestion-option small{font-size:11px}.dark .suggestion-option,.dark .suggestion-phases button{background:#d5dfcc12;border-color:#b3c7ba22}.dark .suggestion-option strong{color:#d9e5d5}.dark .suggestion-option.is-selected,.dark .suggestion-phases .selected{background:#5d7b5b55;border-color:#87a182}.dark .suggestion-intro p,.dark .suggestion-group h4{color:#b8c9b7}@media(max-width:700px){.suggestion-groups{grid-template-columns:1fr}.suggestion-phases button{font-size:11px}.suggestion-action{flex-direction:column;align-items:stretch}.suggestion-action small{text-align:center}.suggestion-option{padding:13px}.suggestion-option strong{font-size:13px}.suggestion-option small{font-size:11px}}.letter-dates{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;min-width:0}.letter-dates>label{min-width:0;width:100%}input.letter-date-input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.5;text-align:left}input.letter-date-input::-webkit-date-and-time-value{min-height:1.5em;text-align:left}input.letter-date-input::-webkit-datetime-edit{min-width:0;padding:0}@media(max-width:600px){.letter-dates{grid-template-columns:minmax(0,1fr);gap:0}.letter-dates>label{margin-bottom:16px}input.letter-date-input{font-size:16px}}.gratitude-page,.gratitude-form,.gratitude-form label{min-width:0;max-width:100%}.gratitude-welcome{display:flex;gap:20px;align-items:center}.gratitude-welcome>div{flex:1;min-width:0}.gratitude-welcome h2{font-family:"Noto Serif TC",serif;font-size:22px;line-height:1.7;margin:0 0 7px}.gratitude-welcome p{font-size:12px;color:#738174;margin:0}.gratitude-welcome>.primary{flex-shrink:0}.gratitude-search{max-width:400px}.gratitude-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gratitude-card{padding:23px;border-radius:20px;background:#fffc;border:1px solid #fff;min-width:0;overflow-wrap:anywhere}.gratitude-card>header{display:flex;justify-content:space-between;align-items:center;color:#b68c75;gap:12px}.gratitude-card time{font-size:11px;color:#7e8c7c;display:flex;align-items:center;gap:7px}.gratitude-card ul{padding:0;list-style:none;margin:20px 0 0}.gratitude-card li{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.gratitude-card li>svg{margin-top:5px;color:#c28d7b}.gratitude-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.gratitude-reflection{border-top:1px solid #d5dbcb66;padding-top:14px;margin-top:6px}.gratitude-reflection p{margin-top:6px;font-size:12px;color:#7e8777}.gratitude-card .button-row button{font-size:11px}.gratitude-form .quiet{margin:0 0 20px}.gratitude-form textarea{min-height:90px;max-width:100%;width:100%;font-size:16px}.gratitude-empty{padding:35px 10px}.gratitude-empty h3{font-size:15px;margin:18px 0 8px}.gratitude-empty button{margin-top:16px}.sidebar nav{min-height:0;overflow-y:auto}.dark .gratitude-card{background:#d5dfcc12;border-color:#b3c7ba22}.dark .gratitude-welcome p,.dark .gratitude-reflection p{color:#b8c7b4}@media(max-width:700px){.gratitude-grid{grid-template-columns:minmax(0,1fr)}.gratitude-welcome{flex-wrap:wrap;gap:13px}.gratitude-welcome>div{flex-basis:calc(100% - 60px)}.gratitude-welcome h2{font-size:18px}.gratitude-welcome>.primary{width:100%}.gratitude-card{padding:18px}.gratitude-page .section-head{flex-wrap:wrap}.gratitude-page .section-head h2{font-size:16px;white-space:normal}.gratitude-page .section-head button{font-size:11px}.mobile-nav button{min-width:0}.mobile-nav small{font-size:8px;white-space:nowrap}}@media(max-width:600px){.topbar{min-width:0;width:100%}.topbar .quote{flex:1 1 0;min-width:0;max-width:none}.topbar .quote>span{min-width:0;flex:1}.top-actions{flex:0 0 auto;min-width:0}}.daily-wisdom{margin:18px 0;min-width:0;overflow-wrap:anywhere;border:1px solid #ffffffaa;box-shadow:0 8px 24px #5463530c}.wisdom-heading,.wisdom-footer,.wisdom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wisdom-heading h2{font-size:18px;margin:0}.wisdom-heading h2 small{font-size:9px;letter-spacing:.15em;margin-left:10px;font-weight:400}.wisdom-heading time,.wisdom-footer small{font-size:11px;opacity:.75}.wisdom-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;margin:18px 0}.wisdom-reading{align-self:center;min-width:0}.daily-wisdom blockquote{font-family:"Noto Serif TC",serif;font-size:19px;line-height:1.9;margin:0 0 22px}.wisdom-source{font-size:12px;line-height:1.8;margin-bottom:8px}.wisdom-reading>small,.wisdom-history small{font-size:11px}.wisdom-thought{border-left:1px solid #8e9b7c30;padding-left:24px;min-width:0}.wisdom-thought label{font-size:13px}.wisdom-thought textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;font-size:16px;resize:vertical;margin:10px 0;min-height:90px}.wisdom-actions span{font-size:11px}.wisdom-actions button{font-size:12px}.wisdom-footer{border-top:1px solid #8e9b7c24;padding-top:12px}.wisdom-footer button,.wisdom-history button{font-size:12px;text-decoration:underline}.wisdom-pending{font-size:14px;line-height:2}.wisdom-history{border-bottom:1px solid #8e9b7c30;padding:20px 0}.wisdom-history time{font-size:12px}.wisdom-history blockquote{font-size:16px;margin:14px 0}.wisdom-reflection{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.daily-wisdom .modal .wisdom-thought{border-left:0;padding-left:0}.dark .daily-wisdom{border-color:#b3c7ba33}.dark .wisdom-thought textarea{color:inherit}@media(max-width:600px){.wisdom-columns{grid-template-columns:minmax(0,1fr);gap:16px}.wisdom-thought{border-left:0;border-top:1px solid #8e9b7c30;padding:16px 0 0}.daily-wisdom blockquote{font-size:18px}.wisdom-heading h2 small{display:block;margin:5px 0 0}.wisdom-footer{align-items:flex-start}.wisdom-footer small{flex:1;min-width:0}.wisdom-footer button{flex-shrink:0}}