@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8f7f3;--ink:#283e37;--muted:#89918a;--green:#365a48;--line:#e9eae2;--purple:#eeeafa;--peach:#fae9de;--sage:#e9eee4;--yellow:#f5efd9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a89cc9;outline-offset:4px}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 24px;background:#fcfcf9;display:flex;flex-direction:column;z-index:20}.brand{font:800 23px 'Manrope',sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.brand-icon{font-size:37px;line-height:1;color:#6d8165}.brand-dot{font-size:10px;align-self:flex-start;margin-top:6px;letter-spacing:0}.workspace{display:flex;align-items:center;gap:10px;margin:42px 0 31px;font-size:12px;font-weight:600}.workspace-icon{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:22px;background:#f5f3e9}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.nav-caption,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--muted)}nav{display:grid;gap:7px;margin-top:8px}.nav-link{display:flex;align-items:center;gap:13px;border:0;background:none;text-align:left;color:#7b837e;border-radius:9px;padding:13px 14px;font-size:12px;width:100%}.nav-link.active{background:#e9eee5;color:#365644;font-weight:700}.nav-link:hover{background:#f0f2ea}.nav-icon{font-size:19px;width:21px;text-align:center}.nav-link.active:after{content:'';width:5px;height:5px;background:#59705a;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.kind-note{border:1px solid #e7e8dc;border-radius:12px;background:#f7f6ec;padding:14px 14px 8px;margin:30px 0 20px}.kind-note>span{font-size:25px;color:#b3a674}.kind-note p{font-size:11px;line-height:1.9;color:#9a9b88}.kind-note strong{font-weight:500;color:#627264}.profile{display:flex;align-items:center;gap:11px;width:100%;border:0;border-top:1px solid var(--line);padding:20px 0 0;background:none;text-align:left;font-size:12px;color:var(--ink)}.profile>span:last-child{margin-left:auto}.avatar{background:#e9dfce;border:3px solid white;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:600;color:#85795f}.avatar.small{width:32px;height:32px;font-size:11px}.shell{margin-left:248px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);font-size:11px;background:#fcfcf9}.topbar #breadcrumb>span{color:#a3a7a0;margin-left:13px}.top-actions{display:flex;align-items:center;gap:21px}.local-tag{color:#7a8977;font-size:10px;display:flex;gap:7px;align-items:center}.local-tag i{width:5px;height:5px;border-radius:50%;background:#7f9275}.icon-button{border:0;background:none;color:#79877a;padding:8px;font-size:18px}.topbar #menu{display:none}main{max-width:1320px;margin:auto;padding:35px 42px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading h1{font:600 28px 'Manrope',sans-serif;letter-spacing:-1.2px;margin:9px 0}.page-heading p{color:#8a938b;font-size:12px;margin:9px 0}.date-chip{font-size:10px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;color:#7c867b;background:#fcfcf9}.hero{min-height:220px;border-radius:15px;background:#e9eee4;position:relative;overflow:hidden;padding:31px 34px;display:flex;align-items:center;justify-content:space-between}.hero-copy{position:relative;z-index:1;max-width:55%}.hero .eyebrow{color:#7b8a73}.hero h2{font:500 31px/1.22 'Manrope',sans-serif;letter-spacing:-1.2px;margin:11px 0}.hero h2 em{font-family:Georgia,serif;font-weight:400}.hero p{font-size:11px;color:#84907e;line-height:1.7}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:7px;border:0;padding:11px 17px;font-size:11px;font-weight:600}.primary{background:var(--green);color:#fff}.primary:hover{background:#294536}.secondary{background:#f1f1ea;color:#617260}.hero .button{margin-top:8px}.hero-art{width:290px;height:210px;margin:-25px -5px -25px 0;flex-shrink:0}.mood-panel{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:21px 0}.mood-panel h3{font-size:13px;font-weight:600;margin:0 0 6px}.mood-panel p{font-size:10px;color:var(--muted);margin:0}.moods{display:flex;gap:17px}.mood{border:1px solid transparent;background:none;color:#8d948b;border-radius:9px;min-width:55px;padding:7px 5px;font-size:9px;display:grid;gap:6px;justify-items:center}.mood span{font-size:24px;filter:saturate(.7)}.mood.selected{background:#f1eee3;border-color:#e4dfcc;color:#776b4d}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.section-heading h2{font:600 16px 'Manrope',sans-serif;letter-spacing:-.4px;margin:0}.section-heading small{font-size:10px;color:var(--muted)}.text-button{border:0;background:none;color:#7c8c77;font-size:10px;display:flex;align-items:center;gap:8px;padding:3px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.area-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:19px 20px;text-align:left;color:var(--ink);transition:transform .2s,box-shadow .2s}.area-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #314a3510}.card-top{display:flex;align-items:center;justify-content:space-between}.card-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:20px}.peach{background:var(--peach);color:#ac7c62}.sage{background:var(--sage);color:#6d8661}.purple{background:var(--purple);color:#9a83b7}.yellow{background:var(--yellow);color:#ada36e}.rose{background:#f7e6e8;color:#b78890}.blue{background:#e8edf5;color:#8897b4}.card-arrow{font-size:16px;color:#a6aea2}.area-card h3{font:600 13px 'Manrope',sans-serif;margin:17px 0 7px}.area-card p{color:#98a094;font-size:10px;line-height:1.7;margin:0 0 17px}.card-foot{padding-top:11px;border-top:1px solid #f0f1eb;font-size:9px;color:#7e8e75;display:flex;gap:6px;align-items:center}.card-foot i{width:4px;height:4px;border-radius:50%;background:currentColor}.bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:19px;margin-top:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h2{font:600 13px 'Manrope',sans-serif;margin:0}.panel-heading span{font-size:9px;color:#9ba193}.habit{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f1ea}.habit:last-child{border:0}.habit-check{border:1px solid #daddd0;background:white;border-radius:50%;width:19px;height:19px;font-size:11px;padding:0;color:white;flex-shrink:0}.habit-check.done{background:#7b9471;border-color:#7b9471}.habit-text{font-size:11px}.habit-text small{display:block;margin-top:5px;font-size:9px;color:#9aa192}.habit>span:last-child{margin-left:auto;font-size:9px;color:#9aa192;background:#f6f6f0;padding:5px 8px;border-radius:5px}.week-panel{background:#f1eee6}.week-panel p{font-size:10px;color:#949786;line-height:1.6}.week-chart{height:82px;display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 16px}.day{display:grid;justify-items:center;gap:8px;font-size:9px;color:#939a86}.bar{width:21px;border-radius:5px;background:#d8decd}.bar.today{background:#809273}.quote{border-top:1px solid #e2e3d7;padding-top:13px;font-size:10px;color:#858d78}footer{padding:25px 42px;display:flex;justify-content:space-between;color:#a7ad9e;font-size:9px}.view-intro{background:#eeeee4;border-radius:12px;padding:23px;margin-bottom:20px}.view-intro p{font-size:12px;line-height:1.8;color:#7b8875;margin:6px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-grid .panel h3{margin:0 0 10px;font-size:14px}.detail-grid p{color:#8b9587;font-size:12px;line-height:1.8}.empty{padding:20px 0;color:#98a18f;font-size:12px}.record{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.record img{width:52px;height:60px;object-fit:cover;border-radius:8px}.record h4{margin:0 0 6px;font-size:12px}.record p{margin:0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.record button{margin-left:auto}.badge{font-size:9px;background:#f2eee1;padding:5px 8px;border-radius:5px;color:#9c9279}.water{font:600 46px 'Manrope';margin:25px 0 12px}.water small{font:12px 'DM Sans';color:#9ba391}.water-dots{display:flex;gap:8px;margin-bottom:20px}.water-dots span{height:27px;flex:1;border-radius:5px;background:#f0f2e9}.water-dots span.filled{background:#9cb8af}.large-emoji{font-size:45px}.full{grid-column:1/-1}.journal-body{line-height:1.9!important}.breathing-circle{width:100px;height:100px;border-radius:50%;background:#dfe8d6;margin:20px auto;display:grid;place-items:center;color:#6b825e;font-size:12px}.breathing-circle.running{animation:breathe 8s infinite}@keyframes breathe{50%{transform:scale(1.4);background:#c9d8bd}}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:480px;max-width:calc(100% - 28px);color:var(--ink);max-height:90vh}dialog::backdrop{background:#283c365c;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-heading h2{font:600 19px 'Manrope';margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}label{display:block;font-size:12px;margin:15px 0 7px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #dfe3d8;border-radius:7px;background:#fafbf7;color:var(--ink)}textarea{min-height:120px;resize:vertical}.help{font-size:11px;color:#929b88;line-height:1.8}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#365a48;color:#fff;padding:13px 22px;border-radius:9px;font-size:12px;z-index:99;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.data-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.danger{background:#f7e6e6;color:#995c5c}.record-info{min-width:0;flex:1}.mood-note{font-size:11px;color:#8b9582}.clothes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clothing{background:#f8f7f2;padding:10px;border-radius:9px;overflow:hidden}.clothing img{width:100%;height:140px;object-fit:cover;border-radius:6px}.clothing h4{font-size:12px;margin:10px 0 4px}.clothing p{font-size:10px;margin:0}.clothing .text-button{margin-top:10px}.subtle{font-size:10px;color:#9ca58f}.sleep-stat{font:600 44px 'Manrope';margin:16px 0 0}.empty-icon{font-size:28px;color:#bcc7b3}
@media(min-width:1450px){main{padding-top:42px}.hero{min-height:250px}.hero-art{width:340px;height:240px}.area-card{padding:23px}.hero h2{font-size:36px}}@media(max-width:1100px){.sidebar{width:210px;padding:30px 18px}.shell{margin-left:210px}main{padding:28px 26px}.topbar{padding:0 26px}.hero-art{width:230px}.hero{padding:25px}.hero h2{font-size:27px}.moods{gap:5px}.area-card{padding:16px}.area-card p{min-height:32px}}@media(max-width:820px){.sidebar{width:190px;padding:25px 13px}.brand{font-size:19px}.shell{margin-left:190px}.hero-art{width:180px}.hero h2{font-size:23px}.mood-panel{align-items:flex-start;gap:15px;flex-direction:column}.moods{width:100%;justify-content:space-between}.area-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid,.detail-grid{grid-template-columns:1fr}.full{grid-column:auto}footer span{display:none}.topbar #breadcrumb>span{display:none}.clothes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sidebar{transform:translateX(-100%);width:248px;box-shadow:8px 0 30px #24382c20;transition:transform .2s}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.topbar{height:64px;padding:0 18px;gap:12px}.topbar #menu{display:block}.topbar #breadcrumb{margin-right:auto}.top-actions{gap:8px}.local-tag{display:none}main{padding:25px 18px 10px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:24px}.date-chip{font-size:9px;padding:8px}.hero{padding:23px 21px;min-height:222px}.hero-copy{max-width:72%}.hero h2{font-size:25px}.hero-art{position:absolute;right:-54px;bottom:0;opacity:.6;width:210px}.hero p{max-width:195px}.mood-panel{padding:18px}.mood{min-width:45px}.area-grid{gap:11px}.area-card{padding:15px}.area-card h3{font-size:12px}.card-foot{font-size:8px}.bottom-grid{gap:15px}footer{padding:25px 18px}.panel{padding:20px}.top-actions .avatar{display:none}.page-heading p{line-height:1.6}.section-heading small{max-width:110px;text-align:right}}