:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#223c34;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7aa69;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh;padding-bottom:110px}.topbar{height:82px;max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#225a4b;color:#fff6de;font-size:23px;font-weight:700;letter-spacing:-4px;padding-right:5px}.brand-mark span{color:#e4aa6e}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.05em;line-height:1}.brand-name small{display:block;margin-top:5px;font-size:8px;font-weight:700;letter-spacing:.21em;color:#9aaba4}.top-date{font-size:12px;color:#88988f}.page{max-width:940px;margin:0 auto;padding:22px 30px 70px}.now-page{max-width:840px}.hero{min-height:278px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:space-between;padding:35px 43px;border-radius:28px;background:#e9efe8}.hero-copy{z-index:1}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:.19em;color:#6b9b88}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:19px;height:1px;background:#6b9b88}.hero h1{margin:17px 0 11px;font-size:clamp(32px,5vw,53px);line-height:1.25;letter-spacing:-.07em;font-weight:700}.hero h1 em{font-style:normal;color:#277260}.hero p{font-size:13px;color:#74857b;margin:0}.hero-art{position:absolute;right:38px;bottom:0;width:260px;height:240px}.sun{position:absolute;top:31px;right:45px;width:112px;height:112px;border-radius:50%;background:#f4dba0}.hill{position:absolute;bottom:-74px;width:260px;height:180px;border-radius:50% 50% 0 0}.hill-back{right:-68px;bottom:-47px;background:#b9d0bb;transform:rotate(-22deg)}.hill-front{right:47px;background:#8eae96;transform:rotate(16deg)}.hero-spark{position:absolute;right:0;top:79px;color:#ecad77;font-size:24px}.panel{margin-top:24px;border:1px solid #ecece5;border-radius:24px;background:#fff;padding:27px 31px 30px;box-shadow:0 10px 24px #243b3010}.section-heading{display:flex;align-items:center;gap:13px}.step-number{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e8f1ea;color:#3b7664;font-size:11px;font-weight:700}.section-heading h2{font-size:16px;margin:0 0 3px;letter-spacing:-.03em}.section-heading p{font-size:11px;margin:0;color:#a0aaa2}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.time-option{min-height:47px;border:1px solid #e8ebe5;border-radius:12px;background:#fafbf8;color:#586a60;font-size:12px;font-weight:600;transition:.18s}.time-option:hover,.mood-option:hover{border-color:#85b39b}.time-option.selected{background:#245d4d;color:#fff;border-color:#245d4d;box-shadow:0 6px 14px #245d4d25}.divider{height:1px;background:#f0f1ed;margin:26px 0}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:19px}.mood-option{min-height:77px;border:1px solid #e8ebe5;border-radius:13px;background:#fafbf8;color:#55675d;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.18s}.mood-option.selected{background:#edf5ed;color:#205c4c;border-color:#7eae93}.mood-icon{font-size:21px;line-height:1;font-weight:400}.suggestions{margin-top:39px}.list-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.list-heading h2{font-size:24px;letter-spacing:-.06em;margin:6px 0 0}.count-note{font-size:11px;color:#a0aaa2;padding-bottom:4px}.suggestion-list{display:grid;gap:11px}.suggestion-card{min-height:107px;display:flex;align-items:center;gap:18px;padding:17px 21px;background:#fff;border:1px solid #ebeee8;border-radius:18px;box-shadow:0 5px 14px #243b3008}.activity-symbol{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:24px;font-weight:400}.activity-symbol.peach,.record-dot.peach{background:#fae9df;color:#c38162}.activity-symbol.mint,.record-dot.mint{background:#deeee5;color:#528d6e}.activity-symbol.lavender,.record-dot.lavender{background:#ece9f5;color:#897cb6}.activity-symbol.yellow,.record-dot.yellow{background:#faf0cf;color:#b6933c}.activity-symbol.blue,.record-dot.blue{background:#e4edf3;color:#6b91a9}.suggestion-copy{flex:1;min-width:0}.suggestion-topline{display:flex;align-items:center;gap:9px;color:#91a094;font-size:10px;font-weight:600}.top-pick{background:#e8f2e8;color:#418067;border-radius:20px;padding:3px 7px}.suggestion-copy h3,.library-copy h2{margin:7px 0 8px;font-size:16px;letter-spacing:-.035em;line-height:1.35}.meta{display:flex;flex-wrap:wrap;gap:13px;color:#9aa69c;font-size:10px}.round-action{display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid #dce9de;border-radius:50%;background:#f2f7f0;color:#3d8065;font-size:19px;transition:.18s}.round-action:hover,.play-button:hover{background:#245d4d;color:#fff}.more-link{display:flex;align-items:center;gap:8px;margin:19px auto 0;background:none;border:0;color:#4e8068;font-size:12px;font-weight:600}.more-link span{font-size:16px}.gentle-note{display:flex;align-items:center;gap:10px;margin-top:40px;padding:14px 20px;color:#a1a99e;font-size:11px;justify-content:center}.gentle-note span{font-size:20px;color:#e5bd88}.gentle-note p{margin:0}.bottom-nav{position:fixed;z-index:5;left:50%;bottom:18px;transform:translate(-50%);width:min(370px,calc(100% - 30px));height:68px;background:#fff;border:1px solid #e5e9e2;border-radius:20px;box-shadow:0 10px 35px #183e2d24;display:grid;grid-template-columns:repeat(3,1fr);padding:6px}.bottom-nav button{border:0;background:transparent;border-radius:15px;color:#9daaa1;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button span{font-size:19px;line-height:1}.bottom-nav button.active{background:#eaf3e9;color:#215d4c}.page-intro{padding:24px 0 29px}.page-intro h1{font-size:clamp(32px,5vw,44px);letter-spacing:-.07em;margin:9px 0 10px}.title-accent{color:#e6ac73}.page-intro p{margin:0;color:#8a9a8e;font-size:13px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin:3px 0 15px;color:#9ba79c;font-size:11px}.primary-button,.secondary-button,.outline-button{border:0;border-radius:11px;min-height:42px;padding:0 18px;font-size:12px;font-weight:700;white-space:nowrap}.primary-button{background:#245d4d;color:#fff;box-shadow:0 6px 14px #245d4d1c}.primary-button:hover{background:#1c4d3f}.primary-button span{margin-left:18px}.primary-button.compact{min-height:38px}.secondary-button{background:#e8f2e9;color:#27664f}.secondary-button:hover{background:#d9ebdd}.outline-button{border:1px solid #ccdcd1;background:transparent;color:#426d55}.outline-button:hover{background:#f0f6f0}.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-card{display:flex;gap:16px;align-items:flex-start;min-height:153px;border:1px solid #e8ede7;border-radius:18px;background:#fff;padding:19px;box-shadow:0 5px 15px #243b3007}.library-card .activity-symbol{width:49px;height:49px;border-radius:13px;font-size:21px}.library-copy{min-width:0;flex:1}.category-name{font-size:10px;color:#9aaa9f;font-weight:600}.library-copy h2{font-size:14px;margin:5px 0 9px;overflow-wrap:anywhere}.library-card .meta{gap:9px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.tags span{border-radius:5px;background:#f5f6f2;padding:3px 6px;color:#9da89d;font-size:9px}.library-actions{display:flex;gap:5px;flex-direction:column}.icon-button{width:29px;height:29px;border:0;border-radius:50%;color:#8f9f91;background:#f5f7f3;font-size:17px}.play-button{color:#3b8062;background:#eaf4e9}.data-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;background:#e9efe8;border-radius:21px;padding:25px 30px}.data-panel h2{font-size:17px;margin:7px 0}.data-panel p{max-width:370px;margin:0;color:#849589;font-size:11px;line-height:1.7}.data-actions{display:flex;gap:8px;flex-wrap:wrap}.week-card{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:175px;border-radius:23px;background:#245d4d;color:#fff;padding:28px 35px;position:relative}.week-card>div:first-child{position:relative;z-index:1;display:flex;flex-direction:column}.week-label{font-size:11px;color:#b7d9c3}.week-card strong{font-size:39px;letter-spacing:-.06em;margin:6px 0}.week-caption{font-size:11px;color:#b7d9c3}.week-graphic{display:flex;align-items:end;gap:9px;height:98px;opacity:.75}.week-graphic span{width:18px;border-radius:10px;background:#75ab88}.week-graphic span:nth-child(1){height:34px}.week-graphic span:nth-child(2){height:73px}.week-graphic span:nth-child(3){height:48px}.week-graphic span:nth-child(4){height:95px;background:#e6c28b}.week-graphic span:nth-child(5){height:60px}.records-heading{margin-top:37px}.records-list{border:1px solid #ebeee8;border-radius:18px;overflow:hidden;background:#fff}.record-row{display:flex;align-items:center;gap:16px;min-height:80px;padding:15px 20px;border-bottom:1px solid #f0f1ed}.record-row:last-child{border-bottom:0}.record-dot{width:12px;height:12px;border-radius:50%;flex:none}.record-copy{flex:1}.record-copy h3{font-size:13px;margin:0 0 7px}.record-copy span{font-size:10px;color:#9ba79c}.delete-record{border:0;background:transparent;color:#b5bfb5;font-size:24px;line-height:1;padding:4px}.delete-record:hover{color:#b65f51}.empty-state{text-align:center;padding:57px 25px;border:1px dashed #d9e2d8;border-radius:20px;background:#fafbf8}.empty-icon{font-size:32px;color:#81a88b}.empty-state h3{font-size:17px;margin:14px 0 8px}.empty-state p{font-size:12px;color:#99a79c;line-height:1.7;margin:0 auto 20px;max-width:320px}.active-card{margin-top:22px;padding:19px 25px;border-radius:21px;background:#245d4d;color:#fff;box-shadow:0 10px 22px #245d4d22}.active-indicator{display:flex;align-items:center;gap:7px;color:#c3ddc9;font-size:10px;font-weight:700;letter-spacing:.13em}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#ecca8c;box-shadow:0 0 0 4px #ecca8c33}.active-content{display:flex;align-items:center;justify-content:space-between}.active-small,.active-time{font-size:10px;color:#b6d4bf}.active-small{display:block;margin-top:14px}.active-content h2{font-size:21px;margin:4px 0 6px}.active-illustration{font-size:46px;color:#c4dcb9}.active-actions{display:flex;align-items:center;gap:15px;margin-top:17px}.active-actions .primary-button{background:#f4e7c8;color:#285c48}.active-actions .primary-button:hover{background:#fff1d6}.text-button{border:0;background:none;color:#b6d4bf;font-size:11px}.storage-alert{max-width:840px;margin:0 auto;background:#fff0e3;color:#9b623d;padding:12px 18px;border-radius:10px;font-size:12px}.toast{position:fixed;z-index:20;bottom:101px;left:50%;transform:translate(-50%);max-width:calc(100vw - 30px);border-radius:12px;background:#243e34;color:#fff;padding:12px 17px;box-shadow:0 9px 30px #1d332e33;font-size:12px;text-align:center}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#1d3028a6;display:grid;place-items:center;padding:20px}.modal{width:min(100%,480px);max-height:min(90vh,800px);overflow:auto;background:#fff;border-radius:23px;padding:26px;box-shadow:0 20px 70px #152a2466}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.modal-header h2{font-size:25px;letter-spacing:-.05em;margin:5px 0 0}.close-button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:50%;background:#f2f5f0;color:#67816b;font-size:23px}.modal form{display:grid;gap:17px}.modal label{display:grid;gap:8px;font-size:11px;font-weight:700;color:#5a6e60}.modal label small{font-weight:400;color:#a1ada2}.modal input:not([type=checkbox]),.modal select{width:100%;height:44px;border:1px solid #dfe7df;background:#fafbf8;border-radius:10px;padding:0 12px;color:#263d32;font-size:13px}.modal input::placeholder{color:#b8c3b7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal .checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.checkbox-label input{accent-color:#245d4d;width:16px;height:16px}.modal-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.danger-button{border:0;background:none;color:#bc7466;font-size:11px;font-weight:600}.finish-modal>p{font-size:13px;color:#7d8f81;line-height:1.7;margin:-6px 0 22px}.full-width{width:100%;margin-top:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){.topbar{height:70px;padding:0 21px}.top-date{font-size:10px}.page{padding:10px 16px 65px}.hero{min-height:235px;padding:26px;border-radius:23px}.hero h1{font-size:34px}.hero p{max-width:220px;line-height:1.6}.hero-art{right:-51px;width:178px;height:190px;opacity:.82}.sun{width:90px;height:90px;right:25px;top:28px}.hill{width:220px}.hero-spark{right:27px}.panel{padding:22px 19px}.time-grid,.mood-grid{gap:7px}.time-option{font-size:11px;padding:0 3px}.mood-option{font-size:10px;min-height:71px}.mood-icon{font-size:18px}.suggestions{margin-top:31px}.list-heading h2{font-size:22px}.suggestion-card{gap:13px;padding:15px;min-height:99px}.activity-symbol{width:49px;height:49px;border-radius:13px;font-size:21px}.suggestion-copy h3{font-size:14px}.meta{gap:8px}.round-action{width:32px;height:32px}.library-list{grid-template-columns:1fr}.library-card{min-height:120px}.data-panel{display:block;padding:23px}.data-actions{margin-top:17px}.page-intro{padding:25px 5px 27px}.week-card{min-height:157px;padding:25px}.week-card strong{font-size:34px}.week-graphic{gap:6px}.week-graphic span{width:12px}.gentle-note{align-items:flex-start;text-align:center;line-height:1.6;padding:10px 16px;margin-top:25px}.bottom-nav{bottom:calc(11px + env(safe-area-inset-bottom));height:63px}.app-shell{padding-bottom:calc(93px + env(safe-area-inset-bottom))}.toast{bottom:calc(87px + env(safe-area-inset-bottom))}}@media(max-width:390px){.hero h1{font-size:30px}.hero-art{right:-88px}.hero p{max-width:185px}.mood-option{font-size:9px}.count-note{font-size:10px}.data-actions{flex-direction:column}.data-actions button{width:100%}}