@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#282a2b;background:#f7f6f2;font-synthesis:none;--ink:#282a2b;--muted:#898b86;--line:#e8e5df;--paper:#fffefa;--coral:#e87862;--yellow:#edc557;--mint:#a8d7c2;--lavender:#c9c0df;--blue:#aecfe0;--pink:#e5b5bc}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{background:#efede7;width:244px;flex:none;padding:30px 17px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:-.5px;margin:0 13px 35px}.brand small{font-size:8px;letter-spacing:1.7px;color:#9b9c95;font-weight:700;align-self:flex-end;margin:0 0 2px -4px}.brand-mark{background:var(--coral);color:#fff;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;transform:rotate(-6deg)}.family-switcher{background:#e6e3dc;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;margin-bottom:29px}.family-switcher>div:nth-child(2){display:flex;flex:1;flex-direction:column}.family-switcher strong{font-size:13px}.family-switcher span,.sidebar-user span{color:#969791;font-size:11px;margin-top:2px}.family-emblem{background:#e8b976;color:#fff;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.4px;color:#9b9b94;font-weight:700;margin:0 13px 10px}.nav-item{background:transparent;width:100%;display:flex;align-items:center;gap:12px;color:#777973;font-size:13px;padding:10px 12px;border-radius:10px;text-align:left;margin-bottom:3px}.nav-item:hover,.nav-item.active{color:var(--ink);background:#e2ded7}.nav-item.active{font-weight:700}.nav-item i{font-style:normal;background:var(--coral);color:#fff;font-size:10px;border-radius:9px;padding:2px 6px;margin-left:auto}.nav-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:#47504d}.nav-icon.coral{background:#f0b5a9}.nav-icon.yellow{background:#f5d986}.nav-icon.mint{background:#b8dfca}.nav-icon.lavender{background:#d0c8e3}.nav-icon.blue{background:#bddbe6}.nav-icon.pink{background:#edc9cc}.nav-icon.grey{background:#dedbd4}.sidebar-bottom{margin-top:auto}.sidebar-user{border-top:1px solid #dedbd4;padding:17px 9px 0;display:flex;align-items:center;gap:9px}.sidebar-user>div:nth-child(2){display:flex;flex:1;flex-direction:column}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:none}.avatar-peach{background:#e89e88}.avatar-blue{background:#7aaec1}.avatar-green{background:#86b79e}.avatar-purple{background:#a992c1}.main-area{min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fffefab3}.breadcrumb{display:flex;align-items:center;gap:8px;color:#999b95;font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{background:transparent;display:grid;place-items:center;color:#777973;padding:7px;border-radius:8px;position:relative}.icon-button:hover{background:#eeece6;color:var(--ink)}.notification b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--coral);right:5px;top:5px;border:1px solid white}.profile-button{background:transparent;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.profile-button svg{color:#a7a8a2}.content{max-width:1230px;margin:0 auto;padding:42px 4.5% 70px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.page-title h1{font:700 34px Playfair Display,Noto Sans SC,serif;letter-spacing:-.8px;margin:8px 0 7px}.page-description{margin:0;color:var(--muted);font-size:13px}.primary-button,.secondary-button{border-radius:9px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:12px}.primary-button{background:var(--ink);color:#fffefa}.primary-button:hover{background:#4a4c49}.secondary-button{background:#eeece5;color:var(--ink)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.welcome-panel,.birthday-panel,.panel,.stat-card,.memory-banner,.wish-note{background:var(--paper);border:1px solid var(--line);border-radius:14px}.welcome-panel{min-height:235px;padding:30px 34px;display:flex;justify-content:space-between;overflow:hidden;position:relative;background:#f4e8d5}.kicker{display:flex;align-items:center;gap:6px;color:#b68239;font-size:11px;font-weight:700}.welcome-panel h2{font:600 29px/1.28 Playfair Display,Noto Sans SC,serif;margin:22px 0 15px;letter-spacing:-.4px}.welcome-panel p{font-size:12px;color:#9d8a6d}.sun-shape{width:150px;height:150px;background:#f2cd86;border-radius:50%;margin:-12px -37px 0 0;display:grid;place-items:center;color:#dfa546;font-size:56px}.birthday-panel{padding:24px 25px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading>span,.section-heading h2{display:flex;align-items:center;gap:7px;font-size:13px;margin:0}.section-heading button,.text-button{background:transparent;color:#a09f98;font-size:11px}.birthday-item{display:flex;align-items:center;gap:12px;padding:18px 0 4px}.birthday-item+.birthday-item{border-top:1px solid var(--line);padding-top:15px;margin-top:12px}.date-block{width:37px;text-align:center}.date-block strong{font:700 24px Playfair Display;display:block;line-height:22px}.date-block span{color:#a7a69f;font-size:8px;letter-spacing:1px}.birthday-item>div:nth-child(2){display:flex;flex-direction:column;flex:1}.birthday-item>div:nth-child(2) strong{font-size:12px}.birthday-item>div:nth-child(2) span{font-size:10px;color:#a09f98;margin-top:4px}.heart-icon{color:#dc8f96}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 43px}.stat-card{padding:19px;display:flex;align-items:flex-start;text-align:left;gap:12px;min-height:112px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #3e392f0f}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.stat-icon.mint{background:#d6eee1;color:#468166}.stat-icon.lavender{background:#e4ddf0;color:#766391}.stat-icon.yellow{background:#f8ebbe;color:#ad8a2e}.stat-copy{display:flex;flex-direction:column;flex:1}.stat-copy>span{font-size:11px;color:#999b95;margin:2px 0 5px}.stat-copy strong{font:700 22px DM Sans;letter-spacing:-.5px}.stat-copy small{font-size:10px;color:#a2a39d;margin-top:6px}.stat-card em{font-style:normal;color:#59916d;background:#e1f1e6;font-size:10px;padding:4px 6px;border-radius:5px}.stat-card em.muted{color:#a68a4c;background:#f8eecb}.section-block>.section-heading{margin-bottom:16px}.section-block h2,.panel h2{font:600 20px Playfair Display,Noto Sans SC,serif;margin:6px 0 0}.section-block .eyebrow{margin:0}.text-button{display:flex;align-items:center;gap:5px}.activity-list{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:5px 24px}.activity{display:flex;align-items:center;gap:12px;padding:17px 0}.activity+.activity{border-top:1px solid var(--line)}.activity-body{flex:1}.activity-body>div{display:flex;align-items:center;gap:9px}.activity-body strong{font-size:12px}.activity-body span{font-size:10px;color:#aaa9a3}.activity-body p{font-size:12px;color:#7d7f79;margin:6px 0 0}.activity-body b{color:#4f6d64;font-weight:600}.activity-body p svg{vertical-align:middle;color:#dfb34c;margin-left:5px}.activity img{width:58px;height:42px;border-radius:7px;object-fit:cover}.activity-check{background:#dcefe3;color:#5b9a73;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.filter-row,.wish-tabs{display:flex;align-items:center;gap:5px;margin:-13px 0 23px}.filter-row span{flex:1}.filter{background:transparent;color:#999b95;font-size:11px;padding:8px 13px;border-radius:7px}.filter.active{background:#e6e2da;color:var(--ink);font-weight:600}.memory-banner{padding:22px 28px;display:flex;align-items:center;gap:19px;margin-bottom:35px;background:#f2e6d1}.memory-sun{font-size:31px;color:#d2993e;background:#f8d995;width:53px;height:53px;border-radius:50%;display:grid;place-items:center}.memory-banner h2{font:600 21px Playfair Display,Noto Sans SC,serif;margin:5px 0}.memory-banner p{font-size:11px;color:#97866e;margin:0}.memory-banner .round-arrow{margin-left:auto;border-radius:50%;background:#fff8e9;width:36px;height:36px;display:grid;place-items:center;color:#a57934}.timeline{display:grid;grid-template-columns:100px 1fr;gap:20px;margin-bottom:34px}.timeline-date{padding-top:8px}.timeline-date strong{font:600 18px Playfair Display;display:block}.timeline-date span{font-size:11px;color:#999b95}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo-card{border-radius:11px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}.photo-card img{width:100%;height:150px;display:block;object-fit:cover}.photo-card div{padding:11px 13px;display:flex;flex-direction:column}.photo-card strong{font-size:12px}.photo-card span{font-size:10px;color:#a09f98;margin-top:5px}.timeline.old .photo-grid{grid-template-columns:repeat(2,1fr);max-width:66%}.money-overview{background:#e5f0e8;border-radius:14px;display:grid;grid-template-columns:1.6fr 1fr 1fr;padding:28px 32px;gap:30px;margin-bottom:22px}.money-main{border-right:1px solid #cbded0;padding-right:30px}.money-overview span{font-size:11px;color:#758d7b}.money-overview strong{display:block;font:700 29px DM Sans;margin:8px 0}.money-main small{font-size:10px;color:#718479}.money-progress{height:5px;background:#cadfd1;border-radius:4px;margin:18px 0 9px}.money-progress i{width:82%;display:block;height:100%;border-radius:4px;background:#79a98e}.money-item{padding:7px 10px}.money-item strong{font-size:21px}.money-item em{font-style:normal;color:#5e9973;font-size:10px}.money-item em.down{color:#c47d6d}.content-columns{display:grid;grid-template-columns:1.55fr .85fr;gap:18px}.panel{padding:24px}.panel>.section-heading{margin-bottom:14px}.money-row{display:flex;align-items:center;padding:15px 0;gap:12px;border-top:1px solid var(--line)}.money-date{font-size:10px;color:#a09f98;width:68px}.category-dot{width:8px;height:8px;background:#e9ad9e;border-radius:50%}.category-dot.income{background:#8cc19e}.money-name{display:flex;flex-direction:column;flex:1}.money-name strong{font-size:12px}.money-name span{font-size:10px;color:#aaa9a3;margin-top:4px}.money-row>b{font-size:12px}.income-text{color:#5a9670}.money-row>svg{color:#b0afa8}.budget-panel{text-align:center}.budget-panel .section-heading{text-align:left}.budget-ring{width:148px;height:148px;margin:24px auto 18px;border-radius:50%;background:conic-gradient(#83b397 0,#83b397 82%,#dfebe0 82%,#dfebe0);display:grid;place-items:center;position:relative}.budget-ring:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;background:var(--paper);border-radius:50%}.budget-ring div{position:relative;z-index:1}.budget-ring strong{font-size:26px;display:block}.budget-ring span{color:#9ea39e;font-size:10px}.budget-panel p{font-size:11px;color:#999b95}.budget-panel p b{color:var(--ink)}.habit-hero{background:#ece6f2;border-radius:14px;padding:27px 33px;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.habit-hero .kicker{color:#7b6994}.habit-hero>div:first-child>strong{font:700 55px DM Sans;letter-spacing:-3px;color:#69587f}.habit-hero .unit{font-size:13px;color:#79678c;margin-left:7px}.habit-hero p{font-size:11px;color:#897c96;margin:0}.week-dots{display:flex;gap:17px}.week-dots div{display:flex;flex-direction:column;align-items:center;gap:7px;color:#918798;font-size:10px}.week-dots i{width:30px;height:30px;border:1px solid #d4cadf;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#9c8faa}.week-dots i.done{background:#8f7aa7;color:#fff;border-color:#8f7aa7}.week-dots i.today{background:#fff;color:#795f92;border:2px solid #9f8db7}.rank-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--line)}.rank-number{width:15px;text-align:center;font-size:12px;color:#a5a49d}.rank-name{display:flex;flex-direction:column;flex:1}.rank-name strong{font-size:12px}.rank-name span{font-size:10px;color:#aaa9a3;margin-top:4px}.streak{display:flex;align-items:baseline;gap:4px}.streak strong{font-size:20px}.streak span{font-size:10px;color:#999b95}.rank-heart{color:#e1a3a5;padding:5px;cursor:pointer}.quote-panel{background:#f7edd5;min-height:260px;position:relative;overflow:hidden;padding:30px}.quote-mark{font:700 74px Playfair Display;color:#dfbd72;height:51px}.quote-panel p{font:600 24px/1.55 Playfair Display,Noto Sans SC,serif}.quote-panel>span{font-size:11px;color:#a68d5d}.quote-decoration{position:absolute;right:24px;bottom:18px;font-size:43px;color:#e5c983}.trip-feature{height:310px;border-radius:14px;overflow:hidden;position:relative;margin-bottom:18px}.trip-feature img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.trip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:35px;background:linear-gradient(90deg,#1a2424c7,#1a24240d);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.trip-overlay span{font-size:10px;letter-spacing:1px;color:#e5d59f}.trip-overlay h2{font:600 29px Playfair Display,Noto Sans SC,serif;margin:12px 0}.trip-overlay p{font-size:11px;color:#e8eae4}.vote-button{background:#fff;color:#3d4c47;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;margin-top:9px}.vote-button svg{color:#d7878e}.trip-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.trip-card{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:10px;display:flex;gap:11px;align-items:center}.trip-card img{width:70px;height:70px;object-fit:cover;border-radius:8px}.trip-card>div{flex:1;display:flex;flex-direction:column}.trip-card strong{font-size:13px}.trip-card span{font-size:10px;color:#a09f98;margin:5px 0}.trip-card small{font-size:10px;color:#9e8a5f;display:flex;align-items:center;gap:4px}.trip-card>svg{color:#aaa}.add-trip{background:transparent;border:1px dashed #c9c5bc;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#999a94;font-size:11px}.wish-note{background:#f4e8d5;display:flex;align-items:center;padding:19px 23px;gap:15px;margin-bottom:25px}.note-pin{width:34px;height:34px;border-radius:10px;background:#f3ce8b;color:#a57a31;display:grid;place-items:center}.wish-note div:nth-child(2){flex:1}.wish-note strong{font-size:13px}.wish-note p{font-size:11px;color:#a18d73;margin:6px 0 0}.wish-note>svg{color:#a98a58}.wish-tabs{gap:8px}.wish-tabs button{background:transparent;color:#999b95;padding:9px 14px;border-radius:7px;font-size:11px}.wish-tabs button.active{background:#e6e2da;color:var(--ink);font-weight:600}.wish-tabs span{font-size:9px;background:#d7d4cc;padding:2px 5px;border-radius:5px;margin-left:3px}.wish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.wish-card{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden}.wish-image{height:170px;position:relative;background:#eee}.wish-image img{width:100%;height:100%;object-fit:cover}.wish-image button{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;color:#9d9d95}.claimed{position:absolute;left:9px;bottom:9px;background:#5d9073;color:#fff;padding:5px 7px;border-radius:5px;display:flex;align-items:center;gap:4px;font-size:9px}.wish-copy{padding:13px 14px;display:flex;justify-content:space-between;align-items:flex-end;gap:5px}.wish-copy div{display:flex;flex-direction:column}.wish-copy strong{font-size:12px}.wish-copy span{font-size:10px;color:#aaa9a3;margin-top:5px}.wish-copy>b{font-size:11px;white-space:nowrap}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:#27292752;display:grid;place-items:center;z-index:10;padding:20px}.modal{background:#fffefa;border-radius:15px;border:1px solid var(--line);box-shadow:0 20px 60px #282a2b2e;position:relative;width:min(100%,410px);padding:32px}.modal-close{position:absolute;top:15px;right:15px;background:transparent;color:#999;padding:5px}.auth-symbol{width:38px;height:38px;border-radius:11px;background:var(--coral);display:grid;place-items:center;color:#fff;margin-bottom:18px}.modal h2{font:600 26px Playfair Display,Noto Sans SC,serif;margin:8px 0}.modal-description{font-size:12px;color:#999b95;margin:0 0 22px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#777973;margin-top:13px}.modal input,.modal textarea{border:1px solid var(--line);border-radius:8px;padding:11px;background:#faf9f5;resize:vertical;font-size:12px}.full{width:100%;margin-top:22px}.switch-auth{display:block;background:transparent;color:#9a7551;font-size:11px;margin:15px auto 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-actions .primary-button{padding-left:20px;padding-right:20px}.toast{position:fixed;right:24px;bottom:24px;background:#2f4039;color:#fffefa;border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:12px;z-index:20;box-shadow:0 8px 22px #282a2b33}.toast svg{color:#a9dbb9}.demo-badge{position:fixed;bottom:10px;left:10px;font-size:9px;letter-spacing:.7px;color:#aaa9a3;background:#fffefacc;padding:5px 7px;border-radius:5px}.mobile-menu,.scrim{display:none}@media(max-width:900px){.sidebar{width:215px}.content{padding-left:25px;padding-right:25px}.hero-grid,.content-columns{grid-template-columns:1fr}.welcome-panel{min-height:200px}.stats-grid{gap:10px}.photo-card img{height:125px}.wish-grid,.trip-cards{grid-template-columns:repeat(2,1fr)}.add-trip{min-height:90px}.quote-panel{min-height:180px}}@media(max-width:650px){.sidebar{position:fixed;z-index:12;left:-250px;top:0;bottom:0;transition:left .22s}.sidebar.is-open{left:0}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#27292747;z-index:11}.mobile-menu{display:grid}.topbar{padding:0 16px}.breadcrumb{font-size:11px}.top-actions{gap:5px}.profile-button span,.profile-button svg{display:none}.content{padding:28px 16px 55px}.page-title{align-items:flex-start;gap:15px;margin-bottom:24px}.page-title h1{font-size:29px}.page-description{line-height:1.6}.page-title>.primary-button{white-space:nowrap;padding:9px 10px;font-size:11px}.hero-grid{gap:12px}.welcome-panel{padding:24px}.welcome-panel h2{font-size:25px}.sun-shape{width:110px;height:110px;font-size:42px;margin-right:-45px}.birthday-panel{padding:19px}.stats-grid{grid-template-columns:1fr;gap:10px;margin-bottom:32px}.stat-card{min-height:86px}.activity-list{padding:5px 15px}.activity img{width:48px;height:36px}.memory-banner{padding:17px;align-items:flex-start}.memory-banner h2{font-size:17px;line-height:1.4}.memory-banner p{line-height:1.6}.timeline{grid-template-columns:55px 1fr;gap:10px}.photo-grid{grid-template-columns:1fr 1fr;gap:9px}.photo-card:first-child{grid-column:span 2}.photo-card img{height:125px}.timeline.old .photo-grid{max-width:none}.money-overview{grid-template-columns:1fr 1fr;padding:22px;gap:14px}.money-main{grid-column:span 2;border-right:0;border-bottom:1px solid #cbded0;padding:0 0 14px}.money-item{padding:0}.money-item strong{font-size:18px}.habit-hero{padding:22px;display:block}.week-dots{justify-content:space-between;margin-top:22px;gap:4px}.week-dots i{width:27px;height:27px}.trip-feature{height:280px}.trip-overlay{padding:22px}.trip-overlay h2{font-size:24px;max-width:280px}.trip-cards{grid-template-columns:1fr}.wish-note{padding:15px}.wish-note p{line-height:1.5}.wish-tabs{overflow:auto;margin-right:-16px}.wish-tabs button{white-space:nowrap}.wish-grid{gap:9px}.wish-image{height:145px}.wish-copy{display:block}.wish-copy>b{display:block;margin-top:7px}.toast{right:14px;bottom:14px}.demo-badge{display:none}}