:root{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#30493a;background:#f2f1e8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #30493a;--muted: #738075;--sage: #6e9271;--sage-dark: #4d7459;--sage-pale: #e5ede0;--cream: #fbfaf4;--paper: rgba(255, 254, 248, .92);--line: rgba(73, 103, 79, .13);--shadow: 0 16px 45px rgba(70, 88, 67, .09)}*{box-sizing:border-box}html{min-height:100%;background:#edf1e7}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.app-page{width:min(100%,680px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 18px calc(105px + env(safe-area-inset-bottom))}.home-page{background:linear-gradient(165deg,#edf3e7,#f7f5ec 44%,#eff1e7)}.editor-page{background:linear-gradient(180deg,#eef3e8 0,#f8f6ef 230px);padding-bottom:calc(110px + env(safe-area-inset-bottom))}.settings-page{background:linear-gradient(155deg,#e7efe2,#f6f4eb 45%,#eef0e6)}.brand{display:inline-flex;align-items:center;gap:9px;font-family:STKaiti,KaiTi,serif;font-size:21px;font-weight:700;letter-spacing:.07em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px 13px 13px 5px;color:#fff;background:linear-gradient(145deg,#81a481,#51785d);box-shadow:0 7px 16px #6c8a7040;transform:rotate(-3deg)}.brand-mark svg{transform:rotate(3deg)}.eyebrow{margin:0 0 8px;color:#7e987f;font-size:10px;font-weight:800;letter-spacing:.19em}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.round-link,.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffff9e;cursor:pointer;box-shadow:0 6px 18px #4257440f}.icon-button{padding:0}.icon-button.danger{color:#a56058}.gate-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));overflow:hidden;position:relative;background:radial-gradient(circle at 18% 8%,#f8f1d7 0,transparent 30%),linear-gradient(150deg,#e4eee0,#f7f5eb 58%,#e9eee2)}.ambient{position:absolute;width:270px;height:270px;border-radius:50%;filter:blur(3px);opacity:.46}.ambient-one{left:-130px;top:10%;background:radial-gradient(circle,#bcd5b2,transparent 70%)}.ambient-two{right:-150px;bottom:4%;background:radial-gradient(circle,#edd7a5,transparent 70%)}.gate-card{position:relative;width:min(100%,430px);max-width:calc(100vw - 36px);min-width:0;padding:42px 32px 30px;border:1px solid rgba(255,255,255,.74);border-radius:32px 32px 32px 12px;background:var(--paper);box-shadow:0 28px 80px #3f553d21;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.gate-art{position:absolute;right:28px;top:-34px;height:85px;display:flex;align-items:flex-end;font-size:38px;filter:drop-shadow(0 10px 12px #66806025)}.gate-art span:nth-child(1){transform:rotate(-12deg)}.gate-art span:nth-child(2){font-size:32px;margin-left:-12px;transform:translateY(-20px) rotate(8deg)}.gate-art span:nth-child(3){margin-left:-11px;transform:rotate(18deg)}.gate-card .brand{margin-bottom:45px}.gate-card h1{margin:0 0 12px;font-family:STKaiti,KaiTi,serif;font-size:clamp(27px,7vw,34px);line-height:1.3;color:#35513f}.gate-copy{margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.8}.pin-form{display:grid;gap:10px}.pin-form label{margin-top:4px;color:#5b6e60;font-size:12px;font-weight:700}.pin-input{width:100%;padding:13px 16px;border:1px solid #dce5d8;border-radius:14px;outline:0;background:#f7f8f1;color:#38513f;text-align:center;font-size:23px;font-weight:700;letter-spacing:.48em;transition:.2s ease}.pin-input:focus{border-color:#8dac8d;background:#fff;box-shadow:0 0 0 4px #76977a15}.primary-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:17px 17px 17px 7px;background:linear-gradient(135deg,#729577,#4c7559);color:#fff;font-weight:750;letter-spacing:.03em;cursor:pointer;box-shadow:0 12px 25px #476c503b}.primary-button:disabled{opacity:.58;cursor:wait}.pin-form .primary-button{margin-top:10px}.form-error{margin:0;color:#a45650;font-size:13px}.text-button{display:block;margin:18px auto 0;padding:5px;border:0;background:none;cursor:pointer;font-size:12px}.danger-text{color:#a46a63}.privacy-note{margin-top:25px;padding-top:18px;border-top:1px dashed #d9dfd2;display:flex;align-items:center;justify-content:center;gap:7px;color:#849087;font-size:11px}.welcome-block{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.welcome-block h1,.settings-intro h1{margin:0 0 7px;font-family:STKaiti,KaiTi,serif;font-size:clamp(26px,7vw,34px);font-weight:700;line-height:1.26}.welcome-block p:not(.eyebrow),.settings-intro p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.streak{flex:0 0 66px;min-height:80px;padding:8px 6px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:22px 22px 22px 7px;background:#ffffff8f;text-align:center}.streak>span{grid-row:1 / 3;font-size:23px}.streak strong{align-self:end;font-size:20px;line-height:1}.streak small{align-self:start;margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap}.today-card{display:grid;grid-template-columns:58px 1fr 22px;align-items:center;gap:14px;margin-bottom:20px;padding:17px;border:1px solid rgba(255,255,255,.78);border-radius:24px 24px 24px 9px;background:linear-gradient(125deg,#ffffffeb,#faf6e0c7);box-shadow:var(--shadow)}.today-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:19px 19px 19px 7px;background:#e5eee0;font-size:29px}.today-card div:nth-child(2){min-width:0;display:grid;gap:3px}.today-card span{color:#849086;font-size:11px}.today-card strong{font-family:STKaiti,KaiTi,serif;font-size:18px}.today-card small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.today-card>svg{color:#96a497}.task-board{margin-bottom:20px;padding:19px;border:1px solid rgba(255,255,255,.8);border-radius:26px 26px 26px 9px;background:#fffef8e6;box-shadow:var(--shadow)}.task-board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.task-board-head>div{display:flex;align-items:center;gap:8px;font-family:STKaiti,KaiTi,serif;font-size:18px;font-weight:700}.task-board-head svg{width:20px;color:#638069}.task-board-head>strong{min-width:42px;padding:5px 9px;border-radius:999px;background:#e9f0e4;color:#55735d;font-size:11px;text-align:center}.quick-task-form{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-bottom:13px}.quick-task-form input{min-width:0;height:44px;padding:0 14px;border:1px solid #dce5d7;border-radius:13px;outline:none;background:#f7f8f2;color:var(--ink);font-size:13px}.quick-task-form input:focus{border-color:#8dab8c;background:#fff;box-shadow:0 0 0 4px #78987912}.quick-task-form button{display:grid;place-items:center;border:0;border-radius:13px 13px 13px 5px;background:#5f8768;color:#fff;cursor:pointer}.quick-task-form button:disabled{opacity:.4}.quick-task-form svg{width:19px}.task-list,.done-section{display:grid;gap:6px}.task-row{min-height:43px;display:grid;grid-template-columns:31px 1fr 30px;align-items:center;gap:5px;padding:4px 5px;border-radius:12px;transition:background .18s ease}.task-row:hover{background:#f3f5ed}.task-row>span{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.task-check,.task-delete{display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.task-check{color:#7f9b83}.task-check svg{width:20px}.task-delete{opacity:0;color:#a08c88;transition:opacity .18s ease}.task-delete svg{width:16px}.task-row:hover .task-delete,.task-delete:focus{opacity:1}.task-row.completed>span{color:#8b958c;text-decoration:line-through;text-decoration-color:#aab8a9}.task-row.completed .task-check{color:#638c6b}.done-section{margin-top:13px;padding-top:13px;border-top:1px dashed #dce2d7}.done-heading{display:flex;align-items:center;gap:7px;margin:0 4px 3px;color:#728176;font-size:11px;font-weight:700}.done-heading svg{width:15px;color:#6f9876}.empty-tasks{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8d988f;text-align:center}.empty-tasks span{font-size:27px}.empty-tasks p{margin:6px 0 0;font-size:11px}.journal-link{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:13px;border-top:1px dashed #dce2d7;color:#768478;font-size:11px}.journal-link svg{width:15px}.journal-link svg:last-child{margin-left:auto}.calendar-card{padding:19px 14px 15px;border:1px solid rgba(255,255,255,.78);border-radius:27px 27px 27px 10px;background:#fffef8d6;box-shadow:var(--shadow)}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.calendar-heading .icon-button{width:34px;height:34px;box-shadow:none}.calendar-heading .icon-button svg{width:17px}.calendar-heading div{display:grid;text-align:center;gap:3px}.calendar-heading strong{font-family:STKaiti,KaiTi,serif;font-size:19px}.calendar-heading span{color:#8b968d;font-size:10px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{margin-bottom:7px;color:#95a097;font-size:10px;text-align:center}.day-cell,.calendar-empty{min-height:53px}.day-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding-top:5px;border-radius:14px}.day-cell.today{background:#e8efe2}.day-cell.has-entry:hover{background:#f0f2e8}.day-number{font-size:11px}.day-cell.today .day-number{color:#4d765a;font-weight:800}.day-plant{min-height:26px;font-size:21px;line-height:26px;transform-origin:bottom;animation:grow .52s cubic-bezier(.2,.8,.3,1)}.garden-quote{margin:22px auto 2px;color:#859087;font-family:STKaiti,KaiTi,serif;font-size:13px;text-align:center}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 36px),420px);height:68px;display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;padding:0 22px;border:1px solid rgba(255,255,255,.84);border-radius:25px;background:#fdfcf7e6;box-shadow:0 15px 42px #344d392b;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.bottom-nav>a:not(.nav-compose){display:flex;flex-direction:column;align-items:center;gap:3px;color:#8c998e;font-size:9px}.bottom-nav>a svg{width:20px}.bottom-nav>a.active{color:var(--sage-dark)}.nav-compose{align-self:center;justify-self:center;width:58px;height:58px;display:grid;place-items:center;border-radius:20px 20px 20px 7px;background:linear-gradient(145deg,#739878,#4d7459);color:#fff;box-shadow:0 10px 22px #3f654847;transform:translateY(-16px)}.editor-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-bottom:22px}.editor-header div{text-align:center}.editor-header p{margin:0 0 3px;color:var(--muted);font-size:11px}.editor-header h1{margin:0;font-family:STKaiti,KaiTi,serif;font-size:24px}.header-spacer{width:42px}.editor-section{margin:0 0 14px;padding:18px;border:1px solid rgba(255,255,255,.8);border-radius:23px 23px 23px 8px;background:#fffef9db;box-shadow:0 9px 30px #4253410f}.section-title{min-height:25px;display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#526b59}.section-title h2{margin:0;font-family:STKaiti,KaiTi,serif;font-size:17px}.section-title>span{margin-left:auto;color:#9aa29b;font-size:10px}.mood-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.mood-picker button{min-width:0;padding:9px 2px 7px;border:1px solid transparent;border-radius:14px;background:transparent;cursor:pointer}.mood-picker button span{display:block;margin-bottom:5px;font-size:clamp(20px,7vw,28px);filter:grayscale(.5);transition:transform .2s ease,filter .2s ease}.mood-picker button small{display:block;overflow:hidden;color:#879188;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.mood-picker button.selected{border-color:#dce6d8;background:#edf3e9}.mood-picker button.selected span{filter:none;transform:scale(1.12) translateY(-2px)}.mood-picker button.selected small{color:#50715a;font-weight:700}.weather-picker{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.weather-picker::-webkit-scrollbar{display:none}.weather-picker button{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #e1e6dc;border-radius:999px;background:#f7f7f1;color:#768178;font-size:11px;cursor:pointer}.weather-picker button.selected{border-color:#9bb39a;background:#e8efe4;color:#41644d;font-weight:700}.editor-section textarea,.editor-section>input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.editor-section textarea{min-height:130px;padding:2px;resize:vertical;line-height:1.75}.editor-section textarea::placeholder,.editor-section input::placeholder{color:#a9b0a9}.gratitude-section{background:linear-gradient(130deg,#fffdf5,#f8f1d9)}.gratitude-section input{padding:8px 2px}.photo-picker{width:100%;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #b9c9b5;border-radius:17px;background:#f2f5ed;color:#67816d;cursor:pointer}.photo-picker svg{width:25px}.photo-picker span{font-size:13px;font-weight:700}.photo-picker small{color:#909b92;font-size:9px}.photo-preview{position:relative;overflow:hidden;border-radius:17px;background:#e9ede5}.photo-preview img{width:100%;max-height:360px;display:block;object-fit:cover}.photo-preview button{position:absolute;right:10px;top:10px;width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:50%;background:#27342ab8;color:#fff;cursor:pointer}.photo-preview button svg{width:18px}.editor-actions{position:sticky;bottom:12px;z-index:5;padding:7px 0}.editor-actions .primary-button{width:100%}.settings-intro{margin:10px 3px 25px}.settings-card{margin-bottom:14px;padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:24px 24px 24px 9px;background:#fffef8d9;box-shadow:var(--shadow)}.settings-card-title{display:flex;align-items:flex-start;gap:12px}.settings-card-title>svg{flex:0 0 auto;width:21px;margin-top:2px;color:#65816b}.settings-card-title h2{margin:0 0 5px;font-family:STKaiti,KaiTi,serif;font-size:18px}.settings-card-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.settings-form{display:grid;gap:9px;margin-top:17px}.settings-form input{padding:12px 14px;border:1px solid #dfe6da;border-radius:12px;outline:0;background:#f7f7f1;font-size:13px}.settings-form input:focus{border-color:#90aa90;background:#fff}.secondary-button{min-height:43px;border:1px solid #739578;border-radius:13px;background:#eef3ea;color:#4d7257;font-weight:700;cursor:pointer}.settings-message{margin:2px 0 0;color:#687c6c;font-size:11px;text-align:center}.privacy-list{display:grid;gap:10px;margin-top:18px;padding-top:15px;border-top:1px dashed #d9dfd4}.privacy-list span{display:flex;align-items:center;gap:9px;color:#718076;font-size:11px;line-height:1.5}.privacy-list svg{width:15px;color:#79a17e}.danger-zone{width:100%;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;padding:17px 18px;border:1px solid #edd8d1;border-radius:20px 20px 20px 8px;background:#fff8f4;color:#9b5f57;text-align:left;cursor:pointer}.danger-zone>svg{width:19px}.danger-zone span{display:grid;gap:3px}.danger-zone strong{font-size:13px}.danger-zone small{color:#a88984;font-size:9px}.toast{position:fixed;z-index:30;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 38px),420px);display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 18px;border:1px solid rgba(255,255,255,.72);border-radius:18px 18px 18px 7px;background:#354f3df0;color:#fff;box-shadow:0 15px 35px #2b3e2f40;font-family:STKaiti,KaiTi,serif;font-size:14px;animation:toast-in .28s ease both}.toast-leaf{color:#f2d892}.loading-page{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:8px;background:#edf2e7;color:#728076;font-size:12px}.sprout-loader{font-size:37px;transform-origin:bottom;animation:sway 1.4s ease-in-out infinite alternate}@keyframes grow{0%{opacity:0;transform:scale(.2) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sway{0%{transform:rotate(-5deg)}to{transform:rotate(6deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@media(min-width:680px){body{padding:22px 0;background:#dfe8da}.app-page{min-height:calc(100vh - 44px);border-radius:34px;box-shadow:0 20px 60px #3349371f}.bottom-nav{bottom:30px}}@media(max-width:360px){.app-page{padding-left:12px;padding-right:12px}.gate-card{padding-left:23px;padding-right:23px}.mood-picker{gap:1px}.mood-picker button small{font-size:7px}}@media(hover:none){.task-delete{opacity:.72}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}