@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('assets/dm-sans.ttf') format('truetype')}@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/manrope.ttf') format('truetype')}
:root{font-family:'DM Sans',sans-serif;color:#292b28;background:#f9f7f3;font-synthesis:none;--coral:#ea705c;--muted:#797b74;--line:#e7e6df;--green:#69775b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9a78c7;outline-offset:4px}button:disabled{opacity:.5;cursor:default}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;padding:40px 24px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fbfaf7;z-index:10}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;display:flex;align-items:center;gap:9px;letter-spacing:-1px}.logo svg{width:35px;height:35px;color:var(--coral);stroke-width:2}.logo span:last-child{color:var(--coral)}.tagline{font-size:11px;margin:8px 0 42px 45px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:8px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;border-radius:12px;color:#76796e;background:none;font-size:13px;font-weight:500}.nav button.active{background:#f9e8df;color:#a94d3d}.nav button:hover{background:#f0ede7}.nav .count{margin-left:auto;font-size:10px;background:#ece2f4;border-radius:5px;padding:2px 5px;color:#806090}.sidebar-bottom{margin-top:auto}.little-card{background:#edf0e4;padding:21px 17px;border-radius:14px;margin-bottom:25px;position:relative}.little-card svg{color:#74835f}.little-card p{font-size:12px;line-height:1.7;margin:9px 0 0;color:#687456}.side-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:21px;width:100%;background:none;text-align:left}.side-profile b{font-size:12px}.side-profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.avatar{border-radius:50%;object-fit:cover;width:37px;height:37px;background:#e4d9cb}.main{grid-column:2;padding:30px 46px 20px;max-width:1520px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;color:var(--muted);font-size:12px}.top-right{display:flex;gap:17px;align-items:center}.private{display:flex;gap:6px;align-items:center;font-size:11px}.private svg{width:13px;height:13px}.icon-button{background:transparent;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;position:relative;color:#55594f}.icon-button:hover{background:#eeeae2}.dot{width:5px;height:5px;background:var(--coral);position:absolute;right:8px;top:7px;border-radius:50%}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#92836e}.heading h1{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.3px;font-weight:800;margin:8px 0 8px}.heading p{font-size:13px;color:var(--muted);margin:0}.day-streak{border:1px solid #e5dfd5;background:#fffaf3;padding:9px 13px;border-radius:24px;font-size:11px;display:flex;align-items:center;gap:7px}.day-streak svg{color:#d79040;width:16px;height:16px}.couple-banner{border:1px solid #e5e5d9;background:#efefe5;border-radius:18px;padding:22px 26px;display:flex;align-items:center;gap:20px;margin-bottom:25px;position:relative;overflow:hidden}.couple-avatars{display:flex;align-items:center;padding-right:10px}.couple-avatars .avatar{width:56px;height:56px;border:3px solid #efefe5}.couple-avatars .avatar+ .avatar{margin-left:-9px}.couple-avatars .between{background:#fff9ee;color:#c8785b;border-radius:50%;position:absolute;left:69px;z-index:1;padding:4px;display:flex}.between svg{width:13px;height:13px}.couple-info h2{font-family:Manrope;font-size:19px;letter-spacing:-.5px;margin:0 0 7px}.couple-info p{font-size:11px;color:#747763;margin:0}.couple-info p span{padding:0 7px}.anniversary{margin-left:auto;text-align:right;font-size:11px;color:#70745f;z-index:1}.anniversary strong{display:block;font-size:15px;color:#444d36;margin:5px 0}.anniversary svg{width:14px;height:14px;margin-right:5px;vertical-align:middle}.banner-flower{position:absolute;right:150px;font-size:105px;color:#d9ddca;line-height:1;transform:rotate(15deg);top:2px;pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.photo-card{height:340px;position:relative;border-radius:19px;overflow:hidden;background:#d1cbc0}.photo-card>img{width:100%;height:100%;object-fit:cover;transition:opacity .4s}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#151e2288);pointer-events:none}.photo-top{position:absolute;top:19px;left:20px;right:20px;z-index:1;display:flex;align-items:center;justify-content:space-between}.photo-label{background:#fffdf2ed;padding:7px 11px;border-radius:20px;font-size:10px;display:flex;align-items:center;gap:6px}.photo-label svg{width:13px;height:13px}.photo-controls button,.photo-reaction{background:#ffffff26;backdrop-filter:blur(8px);color:white;border:1px solid #ffffff44;border-radius:50%;width:32px;height:32px}.photo-controls{display:flex;gap:5px}.photo-controls svg{width:15px;height:15px}.photo-caption{position:absolute;bottom:27px;left:25px;right:25px;z-index:1;color:white}.photo-caption .from{font-size:10px;display:flex;align-items:center;gap:6px}.photo-caption .from .avatar{width:20px;height:20px;border:1px solid #fff}.photo-caption h3{font-family:Manrope;font-size:24px;letter-spacing:-.6px;margin:10px 0 8px;font-weight:600}.photo-caption p{font-size:10px;opacity:.85;margin:0}.photo-bottom{display:flex;justify-content:space-between;align-items:center}.photo-dots{display:flex;gap:5px;margin-top:15px}.photo-dots button{padding:0;width:5px;height:5px;background:#ffffff77;border-radius:10px}.photo-dots button.active{width:17px;background:white}.photo-reaction{width:38px;height:38px;display:grid;place-items:center}.photo-reaction.liked{background:#ed705ccc}.section-line{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.section-line h2{font-family:Manrope;font-size:17px;letter-spacing:-.5px;margin:0;font-weight:800}.section-line button{font-size:11px;background:none;color:#8d8b80;display:flex;gap:6px;align-items:center}.section-line svg{width:13px;height:13px}.question-card{height:340px;background:#efe8f7;border:1px solid #e7ddf1;border-radius:19px;padding:27px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start}.card-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#746185;font-weight:700;display:flex;gap:7px;align-items:center}.card-kicker svg{width:15px;height:15px}.question-card .level{background:#e2d4ee;color:#72558e;border-radius:20px;font-size:9px;padding:5px 9px;margin-top:20px}.question-card h2{font-family:Manrope;font-size:27px;line-height:1.35;letter-spacing:-.8px;max-width:320px;font-weight:700;margin:14px 0 10px;z-index:1}.question-card p{font-size:11px;color:#8a789a;margin:0 0 21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:12px 18px;background:#292b28;color:white;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#48483d}.btn svg{width:16px;height:16px}.btn.purple{background:#7b5b96}.btn.coral{background:#df705b}.btn.light{background:#fff8;color:#4f493f;border:1px solid #ffffff90}.question-card .btn{margin-top:auto;z-index:1}.question-footer{position:absolute;right:25px;bottom:34px;font-size:10px;color:#8b779b;display:flex;align-items:center;gap:5px}.question-footer .avatar{width:21px;height:21px}.question-deco{position:absolute;font-family:Georgia;font-size:140px;right:22px;top:35px;color:#dfd0eb;transform:rotate(15deg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{border-radius:16px;padding:21px;text-align:left;min-height:167px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 8px 18px #5144350d}.feature .feature-icon{display:flex;border-radius:12px;width:37px;height:37px;align-items:center;justify-content:center;margin-bottom:18px}.feature h3{font-family:Manrope;font-size:15px;margin:0 0 6px;letter-spacing:-.4px}.feature p{font-size:10px;margin:0;color:#737369;line-height:1.6;max-width:190px}.feature .arrow{position:absolute;right:17px;top:23px;width:16px;height:16px;opacity:.55}.peach{background:#f8e8db}.peach .feature-icon{background:#f0d2b9;color:#a17145}.sage{background:#e9edde}.sage .feature-icon{background:#d6dfc1;color:#687c4d}.pink{background:#f7e7e9}.pink .feature-icon{background:#efcfd6;color:#b46b7c}.cream{background:#f2ede0}.cream .feature-icon{background:#e7ddc3;color:#9b8450}.lavender{background:#eeebf6}.lavender .feature-icon{background:#ded5ee;color:#826aa4}.blue{background:#e8eef0}.blue .feature-icon{background:#cedee4;color:#66838f}.note-strip{margin-top:24px;border:1px solid #e7e1d4;border-radius:15px;display:flex;align-items:center;padding:19px 22px;gap:17px;background:#fffdf8}.note-strip .stamp{width:43px;height:43px;border-radius:12px;background:#fbebe2;display:grid;place-items:center;color:#c8826a;transform:rotate(-6deg)}.note-strip .note-text{flex:1}.note-strip small{font-size:9px;letter-spacing:1.1px;color:#a08372;text-transform:uppercase}.note-strip p{font-family:Georgia,serif;font-style:italic;font-size:17px;margin:6px 0 0;color:#6f6655}.note-strip .author{font-size:10px;color:#938975}.footer{margin-top:28px;text-align:center;font-size:9px;color:#a1a195;display:flex;align-items:center;justify-content:center;gap:7px}.footer svg{width:11px;height:11px}.mobile-nav{display:none}.page{animation:enter .3s ease}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.large-card{padding:25px;border:1px solid var(--line);background:#fffdf8;border-radius:18px}.large-card h3{font-family:Manrope;font-size:20px;letter-spacing:-.5px;margin:16px 0 8px}.large-card p{font-size:13px;color:var(--muted);line-height:1.8}.large-card .btn{margin-top:12px}.category-card{min-height:240px;display:flex;flex-direction:column;align-items:start}.category-card .btn{margin-top:auto}.category-card>svg{width:30px;height:30px}.memory{padding:0;overflow:hidden}.memory img{width:100%;height:230px;object-fit:cover}.memory .body{padding:19px}.memory h3{margin:0 0 8px;font-size:17px}.memory small{color:var(--muted);font-size:11px}.memory .actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.empty{padding:60px;text-align:center;color:var(--muted);grid-column:1/-1}.timeline{max-width:700px;padding:0 0 0 30px;border-left:1px solid #d6d9c8;margin:28px 18px}.timeline-item{position:relative;padding:0 0 32px 20px}.timeline-item:before{content:'';width:12px;height:12px;background:#95a47d;border:4px solid #f9f7f3;outline:1px solid #b6bea8;border-radius:50%;position:absolute;left:-37px;top:6px}.timeline-item h3{font-family:Manrope;margin:9px 0;font-size:21px}.timeline-item time{font-size:11px;color:#8a907a}.timeline-item p{font-size:13px;color:var(--muted)}.timeline-item .large-card{max-width:560px}.pool{max-width:780px;background:#eeeee1;border-radius:23px;padding:35px}.pool-total{font-family:Manrope;font-weight:800;font-size:56px;letter-spacing:-2px;margin:18px 0 5px}.pool-members{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.pool-member{background:#fff8;border-radius:13px;padding:20px}.pool-member strong{display:block;font-size:24px;margin:10px 0}.notice{background:#fff7e6;color:#807149;padding:16px;border-radius:12px;font-size:12px;line-height:1.8;margin:20px 0}.settings{max-width:800px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);gap:20px}.setting-row p{font-size:12px;color:var(--muted);margin:6px 0}.setting-row b{font-size:14px}.toggle{width:42px;height:24px;background:#deded2;border-radius:20px;padding:3px}.toggle.on{background:#7e906c}.toggle:before{content:'';display:block;width:18px;height:18px;border-radius:50%;background:white;transition:transform .2s}.toggle.on:before{transform:translateX(18px)}dialog{border:0;background:#fffdf8;color:#292b28;border-radius:24px;padding:0;width:540px;max-width:calc(100vw - 30px);max-height:90dvh;box-shadow:0 30px 100px #34312c35}dialog::backdrop{background:#28231e66;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 27px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:Manrope;font-size:17px;letter-spacing:-.4px;margin:0}.modal-body{padding:27px}.modal-body h3{font-family:Manrope;font-size:27px;letter-spacing:-.7px;line-height:1.4;margin:10px 0 22px}.modal-body p{font-size:13px;color:var(--muted);line-height:1.8}.form-group{margin:0 0 17px}.form-group label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}input,textarea,select{width:100%;padding:12px;border:1px solid #dfdcd3;border-radius:10px;background:#fff;color:#353830}textarea{resize:vertical;min-height:95px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.choice{display:flex;width:100%;align-items:center;gap:13px;border:1px solid #e1d8e8;background:#f6f1fa;padding:15px;border-radius:12px;margin:9px 0;color:#6e567f;text-align:left;font-size:14px}.choice.selected{background:#e8daf2;border-color:#9274aa}.choice span{margin-left:auto}.answer-box{padding:22px;border-radius:15px;background:#f0e8f6;margin:12px 0}.answer-box small{font-size:11px;color:#8b729d}.answer-box strong{display:block;font-family:Manrope;font-size:23px;margin-top:8px}.game-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-options .choice{min-height:130px;justify-content:center;text-align:center;flex-direction:column;font-size:21px;font-family:Manrope}.game-options .choice svg{width:32px;height:32px}.game-score{font-size:12px;display:flex;justify-content:space-between;color:#85738e;margin-bottom:20px}.note-paper{background:#f7e6e9;border-radius:16px;padding:24px;font-family:Georgia;font-style:italic;font-size:23px;line-height:1.6}.notification{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.notification svg{color:#b48776}.notification p{margin:0}.notification small{color:#aaa08d;font-size:10px}.mode-label{font-size:10px;color:#9a8e7c;background:#eee9df;padding:5px 8px;border-radius:5px}.error{font-size:12px;color:#ae4435;background:#fbe8e2;border-radius:8px;padding:10px;display:none}.error.show{display:block}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:14px 24px;background:#343a2d;color:white;box-shadow:0 8px 30px #0002;border-radius:12px;font-size:13px;opacity:0;transition:.25s;z-index:100;pointer-events:none;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.inline-link{background:none;color:#a66451;font-size:12px;padding:10px 0;text-decoration:underline}.badge{display:inline-block;font-size:10px;background:#e3e9d6;color:#697650;padding:6px 10px;border-radius:20px}.progress{height:6px;background:#dedfcf;border-radius:5px;overflow:hidden;margin:17px 0}.progress span{height:100%;background:#899c6b;display:block}.consent{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.7}.consent input{width:auto;margin-top:5px}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.match-tile{height:75px;border-radius:12px;background:#e9dcf0;font-size:24px}.match-tile.revealed{background:#edf0df}.match-tile.matched{opacity:.5}.loading{opacity:.6;pointer-events:none}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.main{padding:36px 65px}.photo-card,.question-card{height:390px}.question-card h2{font-size:31px;max-width:340px}.feature{min-height:180px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 17px}.shell{grid-template-columns:205px 1fr}.main{padding:25px}.question-card{padding:23px}.question-card h2{font-size:24px}.question-footer{right:18px;bottom:20px}.feature{padding:18px}.collection{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:80px;padding:28px 12px}.shell{grid-template-columns:80px 1fr}.logo{font-size:0;justify-content:center}.tagline,.nav button span,.little-card,.side-profile div,.side-profile>svg{display:none}.nav{margin-top:35px}.nav button{padding:15px;justify-content:center}.side-profile{justify-content:center}.main{padding:23px}.heading h1{font-size:28px}.photo-card,.question-card{height:320px}.question-card h2{font-size:22px}.question-card p{max-width:170px}.question-footer{display:none}.feature-grid{gap:12px}.feature h3{font-size:13px}.anniversary{font-size:10px}.banner-flower{right:120px}}@media(max-width:620px){.shell{display:block}.sidebar{display:none}.main{padding:20px 19px 95px}.topbar{margin-bottom:26px;font-size:10px}.top-right{gap:8px}.private{font-size:9px}.mode-label{font-size:8px}.heading{align-items:start;gap:8px;margin-bottom:23px}.heading h1{font-size:28px;margin:8px 0}.heading p{font-size:11px;max-width:215px;line-height:1.6}.day-streak{padding:7px 9px;font-size:9px;margin-top:26px;white-space:nowrap}.eyebrow{font-size:9px;letter-spacing:1.5px}.couple-banner{padding:17px 15px;gap:11px;margin-bottom:18px;border-radius:15px}.couple-avatars{padding-right:0}.couple-avatars .avatar{width:43px;height:43px}.couple-avatars .between{left:47px;padding:3px}.between svg{width:11px;height:11px}.couple-info h2{font-size:16px}.couple-info p{font-size:9px}.couple-info p span{padding:0 3px}.anniversary{font-size:8px}.anniversary strong{font-size:11px}.anniversary svg{display:none}.banner-flower{display:none}.dashboard-grid{display:flex;flex-direction:column;gap:17px}.photo-card{height:300px;border-radius:17px}.photo-caption h3{font-size:25px}.question-card{height:285px;padding:23px}.question-card h2{font-size:25px;max-width:300px}.question-card p{max-width:300px}.question-card .level{margin-top:14px}.question-footer{display:flex;bottom:28px;right:20px}.question-deco{top:13px;right:15px}.section-line{margin-top:27px}.section-line h2{font-size:16px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature{min-height:159px;padding:19px}.feature h3{font-size:14px}.feature p{font-size:10px}.feature .feature-icon{margin-bottom:15px}.note-strip{padding:17px;gap:12px}.note-strip .author{display:none}.note-strip p{font-size:15px}.note-strip .stamp{width:35px;height:35px;flex-shrink:0}.footer{font-size:8px;margin-top:23px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffdf9f5;backdrop-filter:blur(14px);border-top:1px solid #e8e5dc;display:flex;justify-content:space-around;padding:9px 8px max(10px,env(safe-area-inset-bottom));z-index:20}.mobile-nav button{background:none;color:#929488;display:flex;flex-direction:column;gap:5px;align-items:center;font-size:8px;width:58px;padding:5px}.mobile-nav button.active{color:#c8735e}.mobile-nav svg{width:21px;height:21px}.collection{grid-template-columns:1fr 1fr;gap:12px}.large-card{padding:20px}.category-card{min-height:250px}.large-card h3{font-size:17px}.large-card p{font-size:11px}.large-card .btn{font-size:10px;padding:11px 12px}.memory img{height:160px}.memory .body{padding:13px}.memory h3{font-size:14px}.memory small{font-size:9px}.pool{padding:24px}.pool-total{font-size:47px}.pool-member{padding:15px}.pool-members{gap:10px}.modal-body{padding:23px}.modal-body h3{font-size:24px}.timeline{margin-left:10px;padding-left:20px}.timeline-item:before{left:-27px}.timeline-item{padding-left:8px}.note-paper{font-size:19px}.heading .btn{padding:10px;font-size:10px}.topbar .date-word{display:none}#toast{bottom:88px}.setting-row{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}