@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#393344;background:#faf9fc;font-synthesis:none;--purple:#7860a8;--ink:#393344;--muted:#958d9e;--line:#ece8f0;--pink:#f2d6df}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #ac86ce;outline-offset:4px}input,textarea,select{width:100%;background:#fcfbfd;border:1px solid #e7e1ed;border-radius:10px;padding:12px 14px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7860a810}textarea{resize:vertical;min-height:85px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}p{line-height:1.65}label{display:block;font-size:13px;font-weight:500}label>input,label>textarea,label>select{margin-top:8px}form>label{margin-bottom:20px}button{transition:background .2s,transform .2s}button:hover{filter:brightness(.97)}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.7px;gap:8px}.brandmark{display:grid;place-items:center;width:37px;height:37px;background:#eee7f7;border-radius:13px;color:var(--purple)}.brandmark svg{fill:#bba7d5;stroke:#7860a8}.brand-dot{color:#ad87c2;margin-left:-7px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#9a8aa9}.primary,.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--purple);color:#fff;box-shadow:0 4px 12px #7860a817}.soft-button{background:#f1edf7;color:#7860a8}.text-button{display:inline-flex;align-items:center;gap:5px;color:var(--purple);font-size:12px;padding:5px 0}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;background:#f0eaf7;color:#8366a4;padding:8px 12px;font-size:11px;font-weight:600}.pill.light{background:#fff2;color:#fff;font-size:9px;letter-spacing:1px}.welcome{min-height:100vh;max-width:1380px;margin:auto;padding:38px 65px;background:#faf9fc}.welcome header,.welcome footer{display:flex;align-items:center;justify-content:space-between}.welcome-main{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:calc(100vh - 170px);max-width:1120px;margin:auto}.welcome h1{font-size:clamp(46px,5.5vw,74px);line-height:1.11;letter-spacing:-3.5px;margin:25px 0;font-weight:800}.welcome h1 em{font-style:normal;color:#9777b9}.welcome p{color:#93899c;font-size:16px;max-width:385px}.welcome .google{margin-top:30px;display:flex;width:fit-content;padding:16px 22px;font-size:14px}.g{font-weight:800;background:#fff;color:#7659a0;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.welcome .text-button{display:flex;margin-top:15px}.welcome small{font-size:10px;display:block;color:#a39aaa;margin-top:25px}.welcome-art{height:510px;position:relative}.orbit-heart{position:absolute;left:80px;top:15px;width:300px;height:300px;background:#e9e1f2;border-radius:48% 52% 42% 58%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);color:#ad88bc}.orbit-heart svg{fill:#efcddb;stroke:#b188b2}.orbit-heart span{font-family:Manrope;font-weight:700;font-size:22px;transform:rotate(8deg)}.paper{position:absolute;border-radius:4px;box-shadow:0 18px 60px #62507718;padding:28px;transform:rotate(-7deg);background:#fff}.paper span{font-size:9px;letter-spacing:1.7px;color:#aa91b5}.paper p{font-size:13px;padding-top:18px;line-height:1.5;color:#6b5e78}.paper-one{left:-10px;top:235px;width:320px}.paper-two{right:-15px;top:180px;transform:rotate(9deg);background:#f7e7ec;width:230px;min-height:240px}.paper-two p{font-size:24px;font-family:Manrope;font-weight:600;line-height:1.5;letter-spacing:-.5px;color:#9c6b82}.paper-two svg{color:#bd8da2;margin-top:22px}.art-tag{position:absolute;bottom:20px;right:25px;font-size:13px;color:#a48eb4;transform:rotate(-5deg)}.welcome footer{border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#a095ab}.welcome footer div{display:flex;gap:22px}.app{min-height:100vh}.app aside{position:fixed;left:0;top:0;bottom:0;width:235px;background:#fff;border-right:1px solid var(--line);padding:33px 23px 20px;display:flex;flex-direction:column}.app aside .brand{font-size:30px;padding-left:7px}.space-badge{margin:32px 0 30px;text-align:center;padding:22px 10px;background:#f8f5fc;border-radius:13px}.avatars{display:flex;align-items:center;justify-content:center;margin-bottom:13px;position:relative}.avatars span{width:39px;height:39px;display:grid;place-items:center;background:#d5c6e6;color:#7c6595;border:3px solid #f8f5fc;border-radius:50%;font-size:15px;font-weight:700}.avatars span+span{margin-left:-7px;background:#f0cdd9;color:#a87789}.avatars svg{position:absolute;bottom:-4px;color:#ba8ba5;fill:#f8f5fc}.space-badge strong{font-size:12px;display:block}.space-badge small{font-size:10px;color:#a397ad;margin-top:5px;display:block}nav{display:flex;flex-direction:column;gap:7px}nav button{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 15px;border-radius:9px;color:#968b9f;font-size:12px}nav button.active{color:#8166a8;background:#f0eaf7;font-weight:700}nav button.active svg{stroke-width:2.3}nav button:hover{background:#f8f5fc}.tiny-heart{margin-left:auto;color:#b796cb;font-size:18px}.sidebar-bottom{margin-top:auto}.sidebar-note{text-align:center;color:#baaac9;font-size:11px;padding:20px 0 28px}.sidebar-note svg{margin-bottom:7px}.sidebar-bottom>button{display:flex;align-items:center;gap:10px;font-size:11px;color:#a398ae;padding:10px 15px}.workspace{margin-left:235px;padding:0 42px 25px;max-width:1700px}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a49aaa}.topbar>div{display:flex;align-items:center;gap:7px}.online-dot{width:5px;height:5px;border-radius:50%;background:#9bb6a3}.user-avatar{display:grid;place-items:center;width:32px;height:32px;background:#e7def2;color:#89709f;border-radius:50%;margin-left:15px;font-size:12px;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 28px}.page-heading h1{font-size:31px;letter-spacing:-1.2px;margin:8px 0 9px;font-weight:800}.page-heading p{font-size:12px;color:#a095a9}.wave{font-size:28px;color:#c4abc9;margin-left:4px;font-weight:400}.together-banner{border-radius:17px;background:#8870ad;min-height:218px;padding:29px 35px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.together-banner h2{font-size:27px;letter-spacing:-.9px;margin:14px 0 8px}.together-banner p{font-size:11px;color:#ddd1ed}.together-banner button{display:flex;align-items:center;gap:8px;color:#eee4fa;font-size:11px;margin-top:20px;padding:0}.days-art{min-width:230px;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;height:160px}.days-art strong{font-family:Manrope;font-size:50px;letter-spacing:-2px;z-index:1}.days-art span{font-size:10px;color:#eee3f7;z-index:1}.days-art small{font-size:9px;margin-top:8px;color:#ddccec;z-index:1}.heart-doodle{position:absolute;font-size:230px;line-height:1;color:#a993c4;opacity:.55;top:-54px;left:13px;transform:rotate(9deg);font-family:Arial;font-weight:100}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel h2,.list-card h2{font-size:15px;letter-spacing:-.3px}.section-title svg{color:#b5a1cb}.subtle{font-size:10px;color:#aba0b4}.moods{display:flex;justify-content:space-between;gap:7px}.moods button{display:flex;flex:1;flex-direction:column;gap:7px;align-items:center;font-size:9px;color:#a196ab;padding:12px 3px;border:1px solid transparent;border-radius:10px}.moods button span{font-size:27px}.moods button.selected{border-color:#c3aedb;background:#f5effa;color:#8064a2}.mood-panel>input{margin:16px 0 12px;font-size:11px}.mood-panel .soft-button,.question-panel .soft-button{font-size:10px;padding:10px 13px}.question-panel{background:#fbf7fa}.question-panel .eyebrow{font-size:8px;letter-spacing:1.4px;color:#b295a8}.question-panel h3{font-size:19px;line-height:1.6;letter-spacing:-.45px;margin:12px 0;color:#77607d;max-width:330px}.question-panel textarea{font-size:11px;min-height:57px;background:#ffffff80;margin:0 0 10px}.question-panel .soft-button{background:#efe4ed;color:#986d89}.checkin,.answer{font-size:11px;margin-top:15px;color:#8a769c;white-space:pre-wrap}.event-row{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:12px 0;border-bottom:1px solid #f3eff6}.event-row:last-child{border:0}.date-box{border-radius:10px;min-width:48px;height:53px;background:#f1ebf7;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9478b5}.date-box span{font-size:8px;text-transform:uppercase}.date-box strong{font-size:19px;font-family:Manrope}.event-row>div:nth-child(2){flex:1}.event-row>div>strong{font-size:12px}.event-row p{font-size:10px;color:#aca0b4;margin-top:4px;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-row>svg{color:#bcafc7}.list-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.list-card.compact{padding:0;border:0;margin:14px 0 20px}.list-head{display:flex;justify-content:space-between;text-align:left;width:100%;padding:0;margin-bottom:15px}.privacy{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#b09fbf}.list-head h2{margin-top:9px}.list-head>svg{color:#bfaed0}.list-card>p{font-size:12px;color:#a094aa;margin-bottom:18px}.task{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:11px;color:#85778f;font-weight:400}.task input{width:15px;height:15px;margin:0;accent-color:#a28bbb}.task span{flex:1;overflow-wrap:anywhere}.task.done span{text-decoration:line-through;color:#b6acbd}.task button{color:#c4b8ce}.progress{height:4px;background:#f2edf7;border-radius:10px;margin:15px 0 7px;overflow:hidden}.progress span{display:block;height:100%;background:#c8b4de;border-radius:10px}.list-card small{font-size:9px;color:#b2a5bf}.item-form{display:flex;gap:8px;margin-top:15px}.item-form input{font-size:11px}.item-form button{color:#a28bbb}.bottom-love{display:flex;align-items:center;justify-content:center;gap:8px;padding:29px;font-size:9px;color:#b7a9c1}.filters{display:flex;gap:8px;margin-bottom:24px}.filters button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:11px;color:#ad9fb6}.filters button.selected{background:#ece5f4;color:#80649f}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.entry-card{min-height:220px;border:1px solid #e9e2f0;border-radius:13px;text-align:left;padding:25px;background:#fff;display:flex;flex-direction:column;align-items:stretch}.card-top{display:flex;align-items:center;justify-content:space-between;color:#bba8c9;margin-bottom:28px}.entry-card h2{font-size:18px;letter-spacing:-.5px;margin-bottom:12px;overflow-wrap:anywhere}.entry-card p{font-size:12px;color:#9887a5;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.entry-card small{font-size:10px;color:#ac98ba;margin-top:20px}.entry-card.color-1{background:#faf0f4;border-color:#efdee6}.entry-card.color-2{background:#f1f5ef;border-color:#e1e9de}.entry-card.color-3{background:#f8f3e8;border-color:#eee5d4}.entry-card.memory{min-height:300px}.memory-stamp{align-self:center;width:90px;height:90px;background:#eee5f3;border-radius:50%;font-size:64px;text-align:center;color:#b6a0c6;margin:-10px 0 25px}.entry-card.memory.color-1 .memory-stamp{background:#f2dce7;color:#c69aae}.jar-banner{position:relative;display:flex;align-items:center;justify-content:space-between;background:#f1eaf7;border-radius:15px;padding:32px;margin-bottom:25px;overflow:hidden;gap:25px}.jar-banner h2{font-size:25px;margin:11px 0;letter-spacing:-.7px}.jar-banner p{font-size:13px;color:#9a87aa;position:relative;z-index:1}.jar-banner .primary{z-index:1}.jar-heart{position:absolute;right:80px;font-size:180px;color:#e4d8ef;transform:rotate(20deg)}.empty{text-align:center;padding:24px 12px;color:#c1b0ce}.empty h3{font-size:14px;color:#9784a5;margin:12px 0 6px}.empty p{font-size:11px;color:#b1a0bd;margin-bottom:14px}.full-empty{border:1px dashed #ded2e9;border-radius:15px;padding:45px}.calendar{margin-bottom:25px}.calendar .section-title>div{display:flex;align-items:center;gap:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.weekday{text-align:center;font-size:10px;color:#a490b3;padding:14px;border-right:1px solid var(--line)}.calendar-day,.calendar-blank{min-height:95px;padding:8px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.calendar-day.is-today{background:#f7f1fc}.day-number{font-size:11px;color:#a090ad;padding:4px 7px}.is-today .day-number{background:#9b80b9;border-radius:50%;color:#fff}.calendar-event{display:block;width:100%;background:#ebe1f3;color:#806199;border-radius:4px;margin-top:4px;padding:5px;font-size:9px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-grid .panel{margin-bottom:23px}.settings-grid h2{margin-bottom:20px}.settings-grid p{font-size:12px;color:#9b8aa7;margin-bottom:20px}.settings-grid label{margin:20px 0}.settings-grid svg{color:#aa90c1}.settings-grid .primary svg{color:inherit}.legal{display:flex;gap:15px;color:#ab94ba;font-size:11px;margin-top:20px}.invite-copy{margin-top:20px;display:flex;flex-wrap:wrap;gap:7px}.invite-copy input{width:calc(100% - 38px);font-size:11px}.invite-copy small{font-size:10px;color:#b09bbb}.modal-backdrop{position:fixed;inset:0;background:#32204455;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:520px;max-height:90vh;overflow:auto;padding:30px;background:#fff;border-radius:18px;box-shadow:0 20px 100px #3b234533}.modal h2{font-size:21px;letter-spacing:-.7px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px}.delete{margin-right:auto;color:#b77c8d;display:flex;align-items:center;gap:5px;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#4e3c63;color:#fff;border-radius:12px;padding:15px 22px;display:flex;align-items:center;gap:10px;z-index:20;font-size:12px;box-shadow:0 6px 30px #39244920;max-width:90vw}.error{background:#fae6ec;color:#a95770;border-radius:10px;padding:14px;font-size:12px;margin:15px 0;display:flex;justify-content:space-between;gap:15px}.invite-banner{background:#eee3f7;border-radius:12px;padding:18px;font-size:13px;line-height:1.6;margin:16px 0}.invite-banner button{color:#7e5c9e;text-decoration:underline;margin-left:10px}.demo-bar{background:#6e558c;color:#f4eefa;font-size:11px;text-align:center;padding:10px;display:flex;align-items:center;justify-content:center;gap:20px}.demo-bar button{display:flex;align-items:center;gap:5px;color:#fff;text-decoration:underline}.app:has(.demo-bar) aside{top:37px}.loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#a588bb;font-size:14px}.loading svg{animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.2)}}@media(min-width:1500px){.workspace{padding-left:60px;padding-right:60px}.home-grid{gap:26px}.panel{padding:30px}.together-banner{min-height:250px}}@media(max-width:1150px){.app aside{width:200px;padding:25px 17px}.workspace{margin-left:200px;padding:0 26px 20px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.subtle{display:none}.welcome{padding:30px}.welcome-main{gap:20px}.welcome-art{transform:scale(.85);transform-origin:center}.days-art{min-width:210px}}@media(max-width:800px){.app aside{width:76px;padding:25px 12px}.app aside .brand{font-size:0;padding:0;justify-content:center;gap:0}.brand-dot,.space-badge,.sidebar-note,.sidebar-bottom{display:none}nav{margin-top:40px}nav button{font-size:0;padding:14px;justify-content:center;gap:0}nav button svg{min-width:20px}nav .tiny-heart{display:none}.workspace{margin-left:76px;padding:0 23px 20px}.home-grid,.settings-grid{grid-template-columns:1fr}.welcome-main{grid-template-columns:1fr;min-height:auto;padding:65px 15px}.welcome h1{font-size:60px}.welcome-art{height:440px;max-width:450px;width:100%;margin:auto;transform:scale(.9)}.welcome header .eyebrow{display:none}.together-banner{padding:25px;gap:15px}.together-banner h2{font-size:22px}.days-art{min-width:165px}.heart-doodle{font-size:185px;left:0;top:-26px}.days-art strong{font-size:40px}.topbar{height:65px}.page-heading h1{font-size:26px}.page-heading{gap:20px}.page-heading .primary{font-size:11px;padding:11px}.entry-grid{gap:15px}.jar-banner{padding:25px}.jar-banner h2{font-size:20px}}@media(max-width:520px){.app aside{top:auto!important;bottom:0;width:100%;height:66px;border-top:1px solid var(--line);border-right:0;padding:0 4px;z-index:5;display:block}.app aside .brand{display:none}nav{margin:0;display:flex;flex-direction:row;gap:0;height:66px;justify-content:space-around}nav button{padding:14px 10px}nav button svg{width:18px;min-width:18px}nav button.active{border-radius:0;background:#f6f0fb}.workspace{margin-left:0;padding:0 18px 80px}.topbar{font-size:9px;height:62px}.topbar>div{gap:5px}.user-avatar{margin-left:7px}.page-heading{padding:28px 0 22px;align-items:flex-start}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;max-width:220px}.page-heading .primary{font-size:0;padding:12px;min-width:42px}.page-heading .primary svg{width:18px}.together-banner{padding:23px;min-height:208px;align-items:flex-start}.together-banner>div:first-child{max-width:60%}.together-banner h2{font-size:20px;line-height:1.4}.together-banner p{font-size:10px}.days-art{min-width:110px;margin-top:20px;height:135px}.days-art strong{font-size:34px}.days-art span{font-size:8px;max-width:95px;margin:5px auto 0}.days-art small{font-size:8px}.heart-doodle{font-size:140px;top:-12px;left:-8px}.home-grid{gap:18px;margin-top:18px}.panel{padding:21px}.entry-grid{grid-template-columns:1fr}.jar-banner{display:block}.jar-banner .primary{margin-top:20px}.calendar{padding:14px}.calendar-grid .weekday{font-size:8px;padding:10px 3px}.calendar-day,.calendar-blank{min-height:64px;padding:3px}.calendar-event{font-size:7px;padding:3px}.calendar .section-title h2{font-size:13px}.day-number{font-size:10px}.welcome{padding:24px}.welcome-main{padding:45px 0 20px}.welcome h1{font-size:53px}.welcome p{font-size:14px}.welcome .google{font-size:12px;padding:15px}.welcome-art{transform:scale(.75);margin:-35px 0 -45px;height:460px}.paper-one{left:-35px}.paper-two{right:-20px}.orbit-heart{left:30px}.welcome footer{font-size:9px}.demo-bar{font-size:9px;gap:8px;padding:8px;align-items:flex-start}.demo-bar button{font-size:9px;white-space:nowrap}.modal{padding:24px}.modal-actions{gap:6px}.modal-actions .primary,.modal-actions .soft-button{font-size:11px;padding:12px}.toast{bottom:80px}.calendar .section-title>div{gap:4px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.home-grid,.settings-grid,.entry-grid{min-width:0}.home-grid>*,.settings-grid>*,.entry-grid>*{min-width:0}.section-title h2{min-width:0}.section-title>.text-button{flex-shrink:0}@media(max-width:520px){.section-title h2{font-size:14px}.moods button{min-width:0}.demo-bar{width:100%}.welcome-art{max-width:100%;overflow:visible}}