@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#faf8f2;--panel:#fffefa;--ink:#392c48;--muted:#706578;--line:#ded8e4;--accent:#6c4c92;--soft:#eee5f7;font-size:16px}body{font-family:'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Outfit',sans-serif}aside{position:absolute;width:auto;height:100px;inset:0 auto auto 5%;padding:0;background:none;border:0;display:flex;flex-direction:row;align-items:center;gap:65px;z-index:2}.brand{font-size:34px;letter-spacing:-1.8px}.brand-icon{font-size:40px;color:var(--ink)}.tagline,.sidebar-bottom{display:none}nav{display:flex;gap:8px;margin:0}.nav-link{width:auto;min-height:48px;padding:12px 19px;gap:9px;color:var(--ink);border-radius:30px;font-size:15px}.nav-link.active{background:var(--ink);color:var(--panel)}.nav-link.active:after{display:none}.shell{margin-left:0}header{height:100px;padding:0 5%;border:0;justify-content:flex-end}header>div{gap:17px}.prototype{border:0;font-size:12px;color:var(--muted)}header .avatar{display:none}.icon-button{border:1px solid var(--line);width:45px;height:45px;border-radius:50%;font-size:24px}.mobile-brand{display:none}main{max-width:1340px;padding:22px 5% 20px}footer{max-width:1340px;padding:24px 5%;font-size:12px;border-top:1px solid var(--line)}.day-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:30px 0 42px}.hero-date{font-size:14px;display:flex;align-items:center;gap:20px;margin:0 0 25px}.date-flower{color:var(--accent);font-size:22px}.hero-copy h1{font-size:clamp(56px,5.5vw,79px);font-weight:650;line-height:1.02;letter-spacing:-3.7px;margin:0 0 24px}.hero-copy>p:not(.hero-date){color:var(--muted);font-size:17px;line-height:1.7;margin:0}.hero-foot{display:flex;align-items:center;gap:9px;margin-top:30px;font-size:12px}.little-sun{font-size:25px;color:#a86c22}.hero-picture{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.weather-art{width:100%;max-width:530px;height:auto;overflow:visible}.handwritten{font-family:Outfit,sans-serif;font-size:18px;transform:rotate(-6deg);color:#786888;position:relative;left:25px;top:-10px}.card{border-radius:24px;border-color:var(--line);padding:30px;box-shadow:none}.checkin-panel{background:#eee5f7;border:0;border-radius:30px;padding:30px 36px}.checkin-panel h2{font-size:28px;font-weight:600;letter-spacing:-.7px}.checkin-panel .tag{font-size:12px;border:1px solid #c9b9de;border-radius:20px;background:transparent;color:#695479;padding:7px 12px}.checkin-panel .sub{font-size:14px;color:#695e74;margin:7px 0 20px}.moods{gap:14px;margin:21px 0}.mood{background:#f9f5ff;border:2px solid transparent;border-radius:18px;min-height:120px;font-size:15px;font-weight:600;color:var(--ink);padding:14px 8px;transition:transform .15s,background .15s}.mood:hover{transform:translateY(-4px);background:#fff}.mood span{font-size:43px;filter:none;margin-bottom:3px;line-height:1.2}.mood svg{width:74px;height:65px;display:block;margin:auto}.mood.selected{background:#fff;border-color:var(--accent);box-shadow:none;transform:translateY(-3px)}.mood:focus-visible{outline-offset:2px}.checkin-details{border-top:1px solid #d5c8e3;margin-top:24px}.checkin-details summary{list-style:none;display:flex;justify-content:space-between;gap:10px;cursor:pointer;padding:20px 0 12px;color:#594667;font-size:14px;min-height:48px}.checkin-details summary::-webkit-details-marker{display:none}.checkin-details summary>span{font-size:12px}.checkin-details[open] summary{margin-bottom:8px}.metrics{border:0;padding:12px 0}.checkin-details input,.checkin-details select,.checkin-details textarea{background:#faf7ff;border-color:#d5c8e3;color:#392c48}.checkin-details label{color:#594667;font-size:14px}.save-row{margin-top:7px}.save-row small{font-size:12px;color:#695479}.button{font-size:14px;border-radius:25px;min-height:48px;padding:13px 24px;background:var(--ink);font-weight:600}.button:hover{filter:brightness(1.13)}.button.secondary{background:var(--soft);color:var(--ink)}.home-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;margin-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:18px}.section-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:550}.section-heading>span{font-size:12px;color:var(--muted)}.quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0}.quick{position:relative;align-content:start;justify-items:start;text-align:left;gap:4px;border-radius:16px;padding:19px 18px;background:#f0eee7;border:0;min-height:135px}.quick strong{font-size:15px;font-weight:600;margin-top:8px}.quick>span:not(.quick-icon){font-size:12px;color:var(--muted)}.quick-icon{display:grid;place-items:center;width:30px;height:30px}.quick svg{width:26px;height:26px;color:var(--ink)!important}.quick b{position:absolute;right:18px;top:19px;font-size:20px;font-weight:400}.quick:nth-child(2){background:#e8edef}.quick:nth-child(3){background:#f4e8d3}.quick:nth-child(4){background:#e8ecde}.quick:hover{outline:2px solid var(--accent);outline-offset:2px}.day-plan{border-left:1px solid var(--line);padding-left:35px}.quiet-plan{display:flex;flex-direction:column;align-items:flex-start;padding:6px 0}.quiet-plan>span{font-size:45px;color:#9a87b1;height:52px}.quiet-plan p{font-size:19px;line-height:1.5;margin:13px 0 20px}.quiet-plan small{font-size:14px;color:var(--muted)}.text-button{font-size:13px;min-height:44px;padding:8px 5px;color:var(--accent)}.row-title{font-size:16px}.row p{font-size:13px}.check{width:26px;height:26px;min-width:26px}.row{gap:12px;padding:17px 0}.together-strip{margin:45px 0 0;background:#f4d889;border-radius:21px;display:flex;align-items:center;gap:23px;padding:26px 30px;color:#493a28}.strip-symbol{font-size:64px;color:#84739c;line-height:1}.together-strip h2{font-size:23px;font-weight:550}.together-strip p{font-size:13px;margin:7px 0 0;color:#6f5a3d}.together-strip .button{margin-left:auto;white-space:nowrap;color:#fffefa;background:#493a28;font-size:12px}.today-status{text-align:center;color:var(--muted);font-size:13px;margin:30px 0 10px}.intro{padding:30px 0 20px}.intro h1{font-size:46px;font-weight:550;letter-spacing:-1.8px;line-height:1.12}.intro .date{font-size:14px;margin-bottom:15px}.intro p{font-size:16px}.date-pill{display:none}h2{font-size:24px;font-weight:550}.tabs button{font-size:15px;border-radius:25px;min-height:46px;padding:10px 23px}.tabs .active{background:var(--ink);color:var(--panel);border-color:var(--ink)}.sub,.empty,.notice{font-size:14px}.notice{line-height:1.7}label{font-size:14px}input,select,textarea{font-size:16px;min-height:46px}.field{margin-bottom:20px}dialog{border-radius:25px;padding:30px}dialog h2{font-size:28px}.settings-row{padding:22px 0;font-size:16px}.settings-row input[type=checkbox]{min-height:24px;width:24px;height:24px}.calendar button{font-size:15px;min-height:44px}.calendar>span{font-size:13px}.calendar-header button{min-width:44px;min-height:44px;font-size:24px}.wide-grid .checkin-panel{padding:27px}.wide-grid .moods{gap:6px}.wide-grid .mood{font-size:12px;min-height:100px}.wide-grid .mood svg{width:55px;height:54px}.wide-grid .checkin-panel h2{font-size:23px}.connection{background:#e7ecdd}.connection p{font-size:15px;color:#59644a}.activity h3{font-size:20px}.large .hero-copy h1{font-size:clamp(58px,6vw,86px)}.large .sub,.large .empty,.large .notice,.large .save-row small,.large .checkin-details summary,.large .quick>span:not(.quick-icon){font-size:17px}.no-illustrations .weather-art,.no-illustrations .handwritten,.no-illustrations .strip-symbol{display:none}.no-illustrations .day-hero{grid-template-columns:1fr}.dark{--bg:#28232f;--panel:#332d3c;--ink:#f5edf9;--muted:#c6bbce;--line:#51475e}.dark .checkin-panel{background:#40324f}.dark .checkin-panel .sub,.dark .save-row small,.dark .checkin-details summary,.dark .checkin-details label,.dark .checkin-panel .tag{color:#dacde5}.dark .mood{background:#51425e;color:#f5edf9}.dark .mood.selected,.dark .mood:hover{background:#6a537c;border-color:#d1b2ef}.dark .checkin-details{border-color:#715b83}.dark .quick{background:#393440}.dark .quick:nth-child(2){background:#303d47}.dark .quick:nth-child(3){background:#443b2e}.dark .quick:nth-child(4){background:#343e31}.dark .button{color:#392c48}.dark .together-strip .button{color:#fffefa}.dark .connection{background:#354130}.dark .connection p{color:#d0d9c6}.dark .hero-date,.dark .handwritten{color:#d0badf}.dark .text-button{color:#d0b1ee}.dark .nav-link.active{color:#392c48}.dark .brand-icon{color:#d0b1ee}
@media(min-width:1600px){aside{left:calc(50% - 603px)}header{max-width:1340px;margin:auto;padding:0 67px}}
@media(max-width:1100px){aside{gap:28px;left:4%}.brand{font-size:29px}.nav-link{padding:12px 13px;font-size:14px}header{padding:0 4%}.prototype{display:none}main{padding:16px 4%}.hero-copy h1{font-size:65px}.home-bottom{gap:26px}.day-plan{padding-left:24px}.together-strip{gap:15px;padding:24px}.together-strip h2{font-size:20px}.together-strip .button{max-width:200px;white-space:normal}.wide-grid{grid-template-columns:1fr 1fr}.wide-grid .checkin-panel .card-head{align-items:flex-start}.wide-grid .checkin-panel .tag{display:none}}
@media(max-width:800px){aside{height:85px;left:4%;gap:25px}.nav-link span{display:inline}.nav-link svg{display:none}.nav-link{display:flex;padding:12px 15px;min-height:46px}.brand{font-size:27px}.brand-icon{font-size:31px}.brand-dot{display:inline}header{height:85px}.hero-copy h1{font-size:55px;letter-spacing:-2.8px}.day-hero{gap:0;padding-top:23px}.hero-copy>p:not(.hero-date){font-size:15px}.hero-foot{font-size:11px;margin-top:20px}.handwritten{font-size:15px;left:0}.hero-date{font-size:12px}.checkin-panel{padding:25px}.checkin-panel h2{font-size:25px}.home-bottom{grid-template-columns:1fr;gap:28px}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick{padding:15px 12px}.quick strong{font-size:14px}.quick>span:not(.quick-icon){font-size:11px}.day-plan{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.quiet-plan{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:20px}.quiet-plan p{margin:0}.quiet-plan>span{height:auto}.together-strip .strip-symbol{display:none}.wide-grid{grid-template-columns:1fr}.wide-grid .mood{font-size:15px}.wide-grid .checkin-panel .tag{display:inline}.intro h1{font-size:38px}.wide-grid .checkin-panel h2{font-size:27px}}
@media(max-width:620px){aside{position:fixed;inset:auto 12px 12px;height:70px;width:calc(100% - 24px);border-radius:23px;padding:4px 6px;background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 25px #392c4820;display:block;z-index:5}aside>.brand{display:none}nav{display:flex;justify-content:space-around;margin:0;gap:3px;height:60px}.nav-link{display:flex;flex-direction:column;gap:3px;padding:8px 14px;font-size:11px;border-radius:17px;flex:1;justify-content:center}.nav-link svg{display:block;width:20px;height:20px}.nav-link span{display:block}.shell{padding-bottom:95px}header{height:75px;padding:0 6%;justify-content:space-between}.mobile-brand{display:block;color:var(--ink);font-family:Outfit,sans-serif;font-size:26px;font-weight:650;text-decoration:none;letter-spacing:-1px}.icon-button{width:42px;height:42px}.prototype{display:none}main{padding:10px 6% 15px}.day-hero{grid-template-columns:1fr;position:relative;padding:15px 0 28px;gap:0}.hero-date{font-size:12px;margin-bottom:18px}.hero-copy h1{font-size:57px;letter-spacing:-2.5px;line-height:1.02;margin-bottom:19px}.hero-copy>p:not(.hero-date){font-size:15px;line-height:1.65}.hero-foot{display:none}.hero-picture{position:absolute;width:185px;right:-15px;top:5px;opacity:1;pointer-events:none}.weather-art{width:185px}.handwritten{display:none}.hero-copy{position:relative;z-index:1}.hero-copy h1{margin-top:70px}.hero-date{position:relative;max-width:165px;gap:8px}.hero-picture{top:2px;right:-18px}.checkin-panel{border-radius:23px;padding:24px 17px}.checkin-panel .card-head{display:block}.checkin-panel .tag{display:none}.checkin-panel h2{font-size:25px;letter-spacing:-.7px}.checkin-panel .sub{font-size:13px;max-width:260px;line-height:1.6}.moods{gap:6px;margin:19px 0}.mood{min-height:95px;font-size:11px;border-radius:13px;padding:9px 0;border-width:2px}.mood svg{width:48px;height:49px}.mood span{font-size:32px}.checkin-details{margin-top:17px}.checkin-details summary{font-size:12px;padding:16px 0 10px}.checkin-details summary>span{font-size:11px}.save-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.save-row small{font-size:11px;max-width:none;order:2;width:100%;text-align:center}.save-row .button{width:100%;font-size:15px;min-height:49px}.metrics{grid-template-columns:1fr;gap:14px}.metrics>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.metrics label{margin:0;font-size:13px}.metrics select{max-width:160px;font-size:14px;padding:11px}.checkin-details label{font-size:13px}.checkin-details textarea{font-size:14px}.home-bottom{margin-top:29px;gap:27px}.section-heading{gap:8px;margin-bottom:15px}.section-heading h2{font-size:22px}.section-heading>span{display:none}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick{padding:18px;min-height:138px;border-radius:17px}.quick strong{font-size:15px}.quick>span:not(.quick-icon){font-size:12px}.quiet-plan{grid-template-columns:1fr;gap:12px}.quiet-plan>span{display:none}.quiet-plan p{font-size:19px}.quiet-plan .button{justify-self:start}.together-strip{display:block;padding:26px 24px;margin-top:28px;border-radius:22px}.together-strip h2{font-size:25px;line-height:1.15;max-width:240px}.together-strip p{font-size:14px;line-height:1.6;margin:12px 0 20px}.together-strip .button{max-width:none;font-size:13px}.intro{padding:16px 0 12px}.intro h1{font-size:38px;letter-spacing:-1.5px}.intro p{font-size:15px}.intro .date{font-size:12px}.card:not(.checkin-panel){padding:23px 19px;border-radius:22px}.wide-grid .checkin-panel{padding:24px 17px}.wide-grid .checkin-panel .tag{display:none}.wide-grid .checkin-panel h2{font-size:25px}.wide-grid .mood{font-size:11px}.wide-grid .mood svg{width:48px;height:49px}.row{flex-wrap:wrap}.row-body{min-width:120px}.row .text-button{min-width:40px}.card-head{flex-wrap:wrap}.calendar{gap:4px}.calendar button{min-height:36px}.settings-row select{max-width:145px}.large .hero-copy h1{font-size:61px}.large .moods{flex-wrap:wrap}.large .mood{flex:1 1 28%;font-size:16px}.large .checkin-details summary{font-size:16px}.large .quick-grid{grid-template-columns:1fr}.large .save-row small{font-size:16px}.large .settings-row{flex-wrap:wrap}.large .settings-row select{max-width:100%}footer{display:block;padding:20px 6%;font-size:11px;line-height:1.8}footer span{display:block}.no-illustrations .hero-copy h1{margin-top:0}#toast{bottom:100px}.no-illustrations .hero-picture{display:none}}
@media(prefers-reduced-motion:reduce){.mood:hover,.mood.selected{transform:none}}.reduced .mood:hover,.reduced .mood.selected{transform:none}
.dark .button.ghost{color:var(--ink)}.dark .button.secondary{color:var(--ink)}.mood:nth-child(4) svg>path:first-of-type{transform:translate(10px,12px) scale(.77)}.mood:nth-child(4) svg>path:last-of-type{transform:translate(10px,12px) scale(.77)}
.brand .logo-wordmark{display:block;width:218px;height:70px}.logo-symbol{display:block;width:40px;height:34px}.date-flower .logo-symbol{width:27px;height:25px}.strip-symbol .logo-symbol{width:76px;height:68px}.dark aside .brand{background:#faf8f2;border-radius:16px;padding:5px 13px}.mobile-brand{align-items:center;gap:10px}.mobile-brand span{font-weight:650;letter-spacing:-1px}.mobile-brand .logo-symbol{width:43px;height:38px}@media(min-width:621px){aside{gap:35px}}@media(min-width:621px) and (max-width:850px){.brand .logo-wordmark{width:170px;height:58px}aside{gap:16px}.nav-link{padding:12px 10px}}@media(max-width:620px){.mobile-brand{display:flex}.dark aside .brand{display:none}}