:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#423d48;background:#fbf8f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.brand-name{font-family:'Nunito','DM Sans',sans-serif}h1{font-weight:900;letter-spacing:-.045em}h2{letter-spacing:-.035em}h3{letter-spacing:-.025em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b999ff;outline-offset:3px}img{max-width:100%;display:block}.muted{color:#a29ba6}.tiny{font-size:12px}.small{font-size:13px}.bold{font-weight:800}.subtle{color:#817d86}.ellipsize{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.only-mobile{display:none}.page-shell{display:flex;min-height:100vh;min-height:100dvh;background:#fbf8f9}.sidebar{width:252px;flex-shrink:0;background:#fff;border-right:1px solid #f3edf0;position:fixed;inset:0 auto 0 0;z-index:9;display:flex;flex-direction:column;padding:30px 17px 22px}.brand{display:flex;gap:11px;align-items:center;padding:2px 11px 29px}.brand-mark{height:41px;width:41px;border-radius:14px;background:linear-gradient(140deg,#ff8da5,#ff628e);color:white;display:grid;place-items:center;font-size:26px;box-shadow:0 7px 16px #ff8ca64a}.brand-name{font-size:23px;font-weight:900;letter-spacing:-1.2px;color:#413440}.brand-sub{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#c6a6b6;text-transform:uppercase;margin-top:-2px}.nav-caption{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#bdb3bd;margin:0 13px 12px}.nav-list{display:grid;gap:5px}.nav-link{display:flex;gap:13px;align-items:center;width:100%;border:0;background:transparent;border-radius:13px;text-align:left;padding:13px 15px;color:#8a838e;font-weight:700;font-size:13px;transition:.15s}.nav-link:hover{background:#fff6f8;color:#e55d85}.nav-link.active{background:#fff0f3;color:#fa688e}.nav-link .nav-emoji{width:23px;font-size:18px;display:inline-grid;place-items:center}.nav-link .badge-count{margin-left:auto;background:#ffe7ed;color:#f16d90;border-radius:99px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.side-love{padding:18px;border-radius:20px;background:linear-gradient(160deg,#fef0f1,#fff0e8);position:relative;overflow:hidden}.side-love:before{content:'♡';position:absolute;color:#ffbdc9;font-size:90px;right:-10px;top:-27px;transform:rotate(17deg)}.side-love strong{display:block;font-size:14px;color:#6c5868;position:relative}.side-love p{font-size:12px;color:#9f909d;line-height:1.55;margin:5px 0 0;position:relative}.side-mini{margin:19px 6px 0;display:flex;gap:10px;align-items:center;font-size:11px;color:#aea4ad}.side-mini .avatar{height:30px;width:30px;font-size:17px}.main{margin-left:252px;width:calc(100% - 252px);padding:0 40px 55px;max-width:1650px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:18px}.crumb{color:#a9a1aa;font-size:12px;font-weight:700;margin-bottom:5px}.top-title{font-size:25px;font-weight:900;margin:0;letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{height:41px;width:41px;border-radius:13px;border:1px solid #f0e9ed;background:#fff;display:grid;place-items:center;color:#877886;font-size:19px;transition:.15s}.icon-button:hover{background:#fff0f3}.user-chip{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #f0e9ed;border-radius:15px;padding:6px 11px 6px 6px;max-width:170px;cursor:pointer;text-align:left}.user-chip b{font-size:12px;display:block}.user-chip span.note{font-size:10px;color:#b4a7b1}.avatar{height:39px;width:39px;flex-shrink:0;border-radius:13px;background:#ffedf1;display:grid;place-items:center;font-size:22px}.avatar.lavender{background:#eeebff}.avatar.peach{background:#fff0e4}.content{width:100%;margin:auto}.demo-banner{padding:11px 16px;background:#fff9e9;border:1px solid #f7e9bf;color:#867047;border-radius:13px;font-size:12px;line-height:1.5;display:flex;align-items:center;gap:10px;margin-bottom:20px}.demo-banner strong{color:#765d31}.demo-banner button{margin-left:auto;border:0;background:#fff1c4;color:#795b30;border-radius:9px;padding:8px 11px;font-weight:800;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:23px}.page-heading h1{font-size:30px;line-height:1.2;margin:0 0 7px}.page-heading p{margin:0;color:#9e96a1;font-size:13px}.pill-caption{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#fa789a;display:block;margin-bottom:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:#ff7297;border:1px solid #ff7297;color:#fff;font-size:13px;font-weight:800;border-radius:12px;padding:12px 17px;box-shadow:0 6px 13px #f98fa52b;white-space:nowrap;min-height:43px}.btn:hover{background:#f3618a;transform:translateY(-1px)}.btn.secondary{background:white;color:#806975;border:1px solid #eee5eb;box-shadow:none}.btn.secondary:hover{background:#fff2f5}.btn.ghost{background:transparent;color:#ed678d;border-color:transparent;box-shadow:none}.btn.smallbtn{padding:8px 12px;font-size:12px;min-height:34px;border-radius:10px}.btn.wide{width:100%}.btn.danger{background:#fff3f4;border-color:#ffdce3;color:#d75174;box-shadow:none}.card{background:#fff;border:1px solid #f4eef2;border-radius:21px;box-shadow:0 7px 25px #5b38580a}.card-pad{padding:23px}.cards-grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.topline h2{font-size:17px;margin:0;font-weight:900}.see-all{color:#f16f96;font-size:12px;font-weight:800;border:0;background:none;padding:5px}.see-all:hover{text-decoration:underline}.home-hero{background:linear-gradient(110deg,#ff96a9 0%,#fb7ca5 53%,#e7a0d4 100%);color:#fff;border-radius:26px;padding:35px 38px;min-height:255px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;isolation:isolate;gap:18px;margin-bottom:22px;box-shadow:0 18px 45px #ff8caa35}.home-hero:after{content:'';position:absolute;inset:-120px -50px auto auto;width:400px;height:400px;border:60px solid #ffffff13;border-radius:50%;z-index:-1}.home-hero:before{content:'✧';position:absolute;left:50%;top:24px;color:#ffedf7;opacity:.8;font-size:29px}.hero-left{max-width:520px;position:relative;z-index:2}.hero-eyebrow{background:#ffffff2b;border:1px solid #ffffff54;border-radius:100px;display:inline-flex;gap:7px;align-items:center;font-size:11px;padding:8px 13px;font-weight:800;letter-spacing:.6px}.hero-left h1{font-size:40px;line-height:1.08;margin:16px 0 11px;max-width:430px}.hero-left p{max-width:390px;font-size:13px;line-height:1.7;color:#fff9;margin:0 0 17px}.hero-meta{display:flex;gap:11px;flex-wrap:wrap}.hero-meta span{background:#fff3;border-radius:11px;padding:9px 12px;font-size:12px;font-weight:800}.hero-visual{flex:0 0 32%;min-width:225px;max-width:315px;align-self:stretch;display:grid;place-items:center;position:relative}.hero-art{position:relative;width:255px;height:202px}.hero-circle{position:absolute;width:214px;height:214px;border-radius:50%;left:25px;top:-4px;background:#ffffff37;border:2px solid #ffffff2b}.hero-float{position:absolute;font-size:33px;filter:drop-shadow(0 4px 4px #d2517928)}.hero-float.one{top:12px;right:-3px;transform:rotate(15deg)}.hero-float.two{left:-3px;bottom:13px;transform:rotate(-12deg)}.hero-float.three{right:18px;bottom:18px;font-size:22px}.figure{position:absolute;bottom:20px;width:100px;height:132px;border-radius:65px 65px 38px 38px;box-shadow:inset -9px -7px 0 #00000009,0 12px 17px #b44e7830}.figure:before,.figure:after{content:'';position:absolute;top:-7px;border-radius:50%;width:37px;height:37px;background:inherit}.figure:before{left:4px}.figure:after{right:4px}.figure.a{left:23px;background:#fff5ed;transform:rotate(-9deg)}.figure.b{right:23px;background:#f2d5f7;transform:rotate(10deg)}.figure .face{position:absolute;top:47px;left:20%;width:60%;display:flex;align-items:center;justify-content:space-between;z-index:2}.figure .eye{width:7px;height:9px;border-radius:50%;background:#6d5a65}.figure .nose{position:absolute;top:17px;left:50%;transform:translateX(-50%);height:6px;width:8px;border-radius:60%;background:#ca8d9a}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:21px}.stat-card{padding:18px;display:flex;gap:14px;align-items:center;min-height:92px}.stat-icon{height:46px;width:46px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;font-size:23px;background:#fff0f3}.stat-icon.purple{background:#f1edff}.stat-icon.yellow{background:#fff6e4}.stat-icon.green{background:#eaf7f0}.stat-label{font-size:11px;font-weight:700;color:#a99eaa;margin-bottom:5px}.stat-value{font-family:'Nunito';font-size:20px;font-weight:900;line-height:1.1;color:#51434e}.stat-hint{font-size:10px;color:#aba0ab;margin-top:5px}.home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:18px}.stack{display:grid;align-content:start;gap:18px}.mood-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.mood-chip{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #f5eaf0;border-radius:15px;padding:13px 4px;background:#fff;transition:.15s}.mood-chip:hover,.mood-chip.selected{background:#fff0f3;border-color:#ffaabd;transform:translateY(-2px)}.mood-chip .face-emoji{font-size:29px}.mood-chip span:last-child{font-size:10px;color:#8e7d8d;font-weight:800}.mood-status{display:flex;align-items:center;gap:10px;margin-top:17px;padding:13px 15px;background:#fff8fa;border:1px solid #ffeef2;border-radius:14px;font-size:12px;color:#8b7285}.mood-status b{color:#6b5164}.home-memories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.memory-cover{height:150px;border-radius:15px;position:relative;overflow:hidden;display:grid;place-items:center;background:#ffe8e4}.memory-cover .memory-emoji{font-size:59px;filter:drop-shadow(0 5px 9px #9c526347)}.memory-cover img{position:absolute;width:100%;height:100%;object-fit:cover}.memory-cover .cover-tag{position:absolute;bottom:9px;left:9px;background:#ffffffdd;backdrop-filter:blur(10px);border-radius:8px;padding:5px 8px;font-size:10px;color:#795b66;font-weight:800}.memory-title{font-size:12px;font-weight:900;margin:9px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-date{font-size:11px;color:#afa3af}.memory-entry{min-width:0;cursor:pointer}.memory-entry:hover .memory-cover{filter:brightness(.98)}.love-note{background:linear-gradient(145deg,#fff,#fff6f8);border:1px solid #fbe9ef;border-radius:16px;padding:20px;position:relative;overflow:hidden}.love-note:after{content:'❞';position:absolute;right:15px;top:-5px;font-size:80px;color:#ffe9ee;font-family:serif}.love-note .quote{font-size:13px;color:#705b69;line-height:1.75;position:relative;z-index:1;margin:10px 0 15px;white-space:pre-line}.love-note .sign{font-weight:800;color:#dc7190;font-size:11px}.pet-mini{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#f1edff,#fff5fb);border-radius:17px;padding:15px 17px}.pet-mini .pet-face{font-size:63px;line-height:1}.pet-mini h3{font-size:16px;margin:0 0 4px}.pet-mini p{font-size:11px;color:#9b8e9e;margin:0 0 10px}.progress{height:8px;border-radius:9px;background:#ede2ee;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#ff88a2,#bba2f6);border-radius:9px}.tag{display:inline-flex;align-items:center;gap:5px;background:#fff0f3;color:#ef7195;border-radius:100px;font-size:10px;font-weight:800;padding:6px 9px}.tag.purple{background:#f1ebff;color:#a184d6}.tag.green{background:#e9f8ef;color:#66ac82}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:170px;padding:25px;border:1px dashed #ecdfe7;border-radius:16px;background:#fffcfd}.empty .empty-emoji{font-size:44px;margin-bottom:11px}.empty h3{font-size:15px;margin:0 0 5px}.empty p{font-size:12px;line-height:1.6;color:#9c909d;max-width:320px;margin:0 0 12px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery .memory-cover{height:auto;aspect-ratio:1.25}.gallery .memory-emoji{font-size:70px}.gallery .memory-entry{background:white;border:1px solid #f3e9f0;padding:11px;border-radius:19px}.gallery .memory-title{font-size:14px;margin:12px 3px 4px}.gallery .memory-date{margin:0 3px 9px}.gallery .memory-caption{font-size:12px;color:#938894;margin:0 3px 5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.letter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.letter-card{border:1px solid #f1e7ed;background:#fff;border-radius:19px;padding:23px;min-height:234px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;overflow:hidden;cursor:pointer}.letter-card:after{content:'♡';position:absolute;right:10px;bottom:-30px;font-size:124px;color:#ffedf2;transform:rotate(-19deg);pointer-events:none}.letter-card.locked:after{content:'✧';color:#f1e8ff}.letter-card:hover{box-shadow:0 11px 28px #cc70901a;transform:translateY(-2px)}.letter-icon{font-size:32px;margin-bottom:15px}.letter-card h3{font-size:17px;margin:0 0 10px;position:relative;z-index:1}.letter-card p{color:#9a8c99;font-size:12px;line-height:1.7;margin:0 0 14px;flex:1;position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.letter-card footer{font-size:11px;color:#c392a9;font-weight:800;position:relative;z-index:1}.plan-list{display:grid;gap:10px}.plan-item{display:flex;gap:12px;align-items:center;padding:15px 17px;border:1px solid #f1e8ed;border-radius:15px;background:#fff;min-width:0}.plan-check{width:24px;height:24px;border:2px solid #f3c0cf;border-radius:8px;background:white;color:white;display:grid;place-items:center;flex-shrink:0}.plan-check.done{background:#87cb9f;border-color:#87cb9f}.plan-name{font-size:13px;font-weight:800;word-break:break-word}.plan-name.done{text-decoration:line-through;color:#b4aab4}.plan-meta{font-size:11px;color:#a99eaa;margin-top:5px}.plan-info{flex:1;min-width:0}.mini-danger{border:0;background:transparent;color:#bdb2bd;font-size:20px;padding:6px;border-radius:7px}.mini-danger:hover{color:#e77896;background:#fff0f4}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{border:1px solid #eee4ea;border-radius:100px;background:#fff;color:#9c8e9c;font-size:12px;font-weight:800;padding:9px 15px}.filter-btn.selected{background:#fff0f3;color:#ed7293;border-color:#ffd0dd}.together-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px}.pet-scene{background:linear-gradient(180deg,#f2eaff 0%,#fff0f5 73%);border-radius:19px;position:relative;min-height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px}.pet-scene:before{content:'';position:absolute;width:440px;height:170px;bottom:-95px;background:#eacff2;border-radius:50%}.pet-scene .cloud{position:absolute;color:#fff;font-size:37px;top:22px;left:28px}.pet-scene .star{position:absolute;font-size:25px;right:30px;top:31px}.big-pet{font-size:120px;position:relative;animation:breathe 2.7s ease-in-out infinite;filter:drop-shadow(0 15px 12px #b38bba30)}@keyframes breathe{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-10px) rotate(3deg)}}.pet-caption{position:absolute;bottom:22px;background:#fff9;border:1px solid #ffffff99;backdrop-filter:blur(10px);border-radius:999px;padding:7px 14px;font-size:11px;color:#8e688e;font-weight:800}.pet-details{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.pet-details h2{font-size:20px;margin:0}.pet-details p{font-size:12px;color:#a399a4;margin:4px 0 0}.question-box{padding:20px;background:linear-gradient(135deg,#fff5e9,#fff9f4);border:1px solid #ffe9d4;border-radius:18px}.question-box .q-tag{font-size:11px;font-weight:800;color:#d99b60;text-transform:uppercase;letter-spacing:.7px}.question-box h3{margin:13px 0 15px;font-size:19px;line-height:1.42}.question-answer{padding:12px 14px;background:white;border-radius:11px;margin:10px 0;font-size:12px;line-height:1.6}.question-answer b{display:block;color:#ef83a1;margin-bottom:3px}.chat-wrap{display:flex;flex-direction:column;height:min(73vh,700px);min-height:400px;border-radius:19px;overflow:hidden}.chat-head{padding:15px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #f2eaf0}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#89d1a1;margin-right:4px}.chat-head b{font-size:13px}.chat-head p{font-size:10px;color:#a99fac;margin:3px 0 0}.chat-messages{background:#fffcfd;flex:1;overflow:auto;padding:24px 19px;display:flex;flex-direction:column;gap:12px}.chat-bubble{align-self:flex-start;max-width:min(78%,390px);background:#fff;border:1px solid #f2e8ed;padding:12px 15px;border-radius:17px 17px 17px 4px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.chat-bubble.me{align-self:flex-end;background:#ff89a5;border:0;color:white;border-radius:17px 17px 4px 17px}.chat-time{font-size:10px;opacity:.65;margin-top:5px}.chat-form{padding:13px;border-top:1px solid #f3eaf0;display:flex;gap:10px;background:#fff}.chat-form input{flex:1;min-width:0;border:1px solid #f0e4ed;border-radius:13px;padding:12px 15px;outline:none;font-size:13px;background:#fffcfd}.chat-form input:focus{border-color:#ffa5bb}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-box{padding:25px}.settings-box h2{font-size:18px}.settings-box p{font-size:12px;color:#a097a1;line-height:1.65}.pair-code{font-weight:900;letter-spacing:3px;font-size:24px;color:#df678c;padding:17px;background:#fff3f6;border:1px dashed #ffabc1;border-radius:12px;text-align:center;overflow-wrap:anywhere}.pair-link{font-size:12px;color:#968998;line-height:1.6}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);gap:18px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.calendar-head h2{font-size:21px;margin:0}.calendar-nav{display:flex;gap:7px}.calendar-nav button{height:33px;width:33px;background:#fff;border:1px solid #f0e5ed;border-radius:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-dayname{text-align:center;color:#aa9fac;font-size:11px;font-weight:800;padding-bottom:11px}.calendar-day{height:64px;border:1px solid #f3edf1;border-radius:11px;padding:9px;background:#fff;text-align:left;font-size:12px;position:relative;min-width:0;color:#847984}.calendar-day.today{border-color:#ff91ac;background:#fff5f7;color:#ed7194;font-weight:900}.calendar-day.muted-day{background:#faf9fa;color:#d5cfd6}.calendar-day.has-event:after{content:'';height:6px;width:6px;position:absolute;border-radius:50%;background:#ff85a5;bottom:9px;left:10px}.calendar-day.has-event.anniversary:after{background:#aa8aef;box-shadow:10px 0 #ff85a5}.event-list{display:grid;gap:13px}.event-row{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #f6eff3;padding-bottom:12px}.event-row:last-child{border:0}.event-bullet{height:35px;width:35px;border-radius:12px;background:#fff0f4;display:grid;place-items:center;font-size:19px}.event-row b{display:block;font-size:12px;margin-bottom:4px}.event-row small{font-size:10px;color:#a89aaa}.mobile-bar{display:none}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#39223b74;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:#fff;border-radius:23px;width:min(100%,500px);max-height:min(91vh,800px);overflow-y:auto;box-shadow:0 27px 80px #2e213a30;padding:26px}.modal.large-modal{width:min(100%,620px)}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-top h2{font-size:23px;font-weight:900;margin:0 0 5px}.modal-top p{font-size:12px;color:#a398a4;margin:0}.close-btn{border:0;background:#f8f3f6;color:#9d8e99;width:33px;height:33px;border-radius:11px;font-size:22px}.field{margin-bottom:16px}.field label{font-size:12px;color:#705e6d;font-weight:800;display:block;margin:0 0 7px}.field input,.field textarea,.field select{width:100%;background:#fffdfd;border:1px solid #eae1e9;border-radius:12px;padding:12px 14px;outline:0;font-size:13px;color:#5c4b58;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ff9db6;box-shadow:0 0 0 3px #ffe5ed}.field textarea{min-height:106px;line-height:1.55}.field .helper{font-size:10px;color:#ada0ae;margin-top:6px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.preview-memory{width:100%;height:210px;object-fit:cover;border-radius:13px;margin-bottom:15px}.modal-letter{font-size:14px;line-height:1.9;white-space:pre-wrap;color:#6d5c68;overflow-wrap:anywhere}.dialog-center{text-align:center;padding:8px 15px}.dialog-center .giant{font-size:65px}.dialog-center h2{margin:11px 0}.dialog-center p{font-size:13px;color:#998b99;line-height:1.7}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-side{background:linear-gradient(145deg,#fb87a2,#efa5cc);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:white;padding:45px;overflow:hidden}.auth-side:before{content:'♡';font-size:430px;color:#fff1;position:absolute;transform:rotate(-25deg);bottom:-140px;left:-150px}.auth-side h1{font-size:46px;margin:22px 0 11px;text-align:center}.auth-side p{max-width:365px;text-align:center;line-height:1.75;color:#fffdfde0;font-size:15px}.auth-art{width:245px;height:210px;position:relative;margin-top:15px}.auth-art .figure.a{left:16px}.auth-art .figure.b{right:16px}.auth-art .figure{transform:none}.auth-main{display:grid;place-items:center;padding:40px 25px}.auth-box{width:min(100%,402px)}.auth-logo{display:flex;align-items:center;gap:11px;margin-bottom:29px}.auth-box h2{font-size:30px;margin:0 0 7px}.auth-box>p{font-size:13px;color:#a599a6;line-height:1.65;margin:0 0 27px}.auth-tabs{display:flex;background:#faf5f8;padding:5px;border-radius:12px;margin:20px 0}.auth-tabs button{width:50%;border:0;padding:11px;border-radius:9px;background:transparent;color:#a99fa9;font-weight:800;font-size:13px}.auth-tabs button.active{background:white;color:#e76b90;box-shadow:0 3px 12px #e4bac51e}.auth-message{font-size:12px;padding:12px 13px;border-radius:10px;background:#fff3ea;color:#a07245;line-height:1.6;margin:12px 0}.auth-error{background:#fff1f3;color:#c75d78}.auth-divider{display:flex;align-items:center;gap:12px;color:#b6aab5;font-size:11px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#f1e7ee;flex:1}.onboard-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 0 0,#ffe2eb,transparent 40%),#fbf8fa}.onboard-card{width:min(100%,540px);background:#fff;border:1px solid #f5e6ef;border-radius:27px;padding:37px;box-shadow:0 25px 70px #c26c9415}.onboard-card h1{font-size:30px;margin:13px 0 10px}.onboard-card>p{font-size:13px;color:#968b98;line-height:1.65}.onboard-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.onboard-option{background:#fff;border:1px solid #f1e4ec;padding:20px 14px;border-radius:16px;text-align:left;min-width:0}.onboard-option.selected{border:2px solid #ff97b3;background:#fff5f7}.onboard-option .option-emoji{font-size:29px}.onboard-option b{font-size:13px;display:block;margin:12px 0 6px}.onboard-option p{color:#a69aa5;font-size:11px;line-height:1.5;margin:0}.onboard-switch{display:flex;justify-content:space-between;align-items:center;gap:12px}.boot{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ee7297}.boot .boot-icon{font-size:65px}.boot strong{font-family:Nunito;font-size:33px}.boot p{font-size:13px;color:#a898a4}#toast-root{position:fixed;z-index:100;right:22px;bottom:24px;display:grid;gap:8px;max-width:370px}.toast{padding:14px 17px;border-radius:13px;background:#514153;color:white;font-weight:700;font-size:12px;box-shadow:0 15px 35px #2e20313a;line-height:1.55;animation:toastin .2s ease}.toast.error{background:#b65471}@keyframes toastin{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1260px){.sidebar{width:222px}.main{margin-left:222px;width:calc(100% - 222px);padding:0 25px 40px}.home-hero{padding:30px}.hero-left h1{font-size:34px}.hero-visual{min-width:190px}.hero-art{transform:scale(.87)}.stats-row{gap:11px}.stat-card{padding:14px;gap:9px}.stat-icon{height:40px;width:40px}.stat-value{font-size:17px}.stat-label{font-size:10px}}
@media(max-width:1000px){.sidebar{width:72px;padding:26px 10px}.brand{justify-content:center;padding:0 0 29px}.brand-name,.brand-sub,.nav-caption,.nav-text,.side-love,.side-mini,.badge-count{display:none!important}.nav-link{justify-content:center;padding:13px 3px}.nav-link .nav-emoji{font-size:21px}.main{margin-left:72px;width:calc(100% - 72px)}.home-grid{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{min-width:175px}.gallery,.letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.only-mobile{display:initial}.sidebar{display:none}.main{margin-left:0;width:100%;padding:0 18px 94px}.topbar{min-height:76px}.top-title{font-size:20px}.top-actions{gap:8px}.user-chip{padding:5px}.user-chip .chip-copy{display:none}.user-chip .avatar{height:34px;width:34px;font-size:20px}.top-actions .icon-button{height:37px;width:37px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);z-index:20;background:#fffdfeec;backdrop-filter:blur(18px);border-top:1px solid #f2e5ec;padding:9px 7px max(8px,env(safe-area-inset-bottom))}.mobile-link{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:none;border:0;color:#ae9eaa;font-weight:800;font-size:10px}.mobile-link .em{font-size:22px;line-height:1.5}.mobile-link.active{color:#f37194}.mobile-link.active .em{filter:drop-shadow(0 2px 4px #ffabc0)}.content{padding-bottom:6px}.demo-banner{align-items:flex-start;font-size:11px;flex-wrap:wrap}.demo-banner button{margin-left:0}.home-hero{padding:26px 24px;min-height:224px;border-radius:22px}.hero-left h1{font-size:33px}.hero-left p{font-size:12px}.hero-visual{display:none}.stats-row{gap:11px}.stat-card{min-height:75px;padding:13px}.stat-value{font-size:17px}.stat-icon{height:40px;width:40px;font-size:21px}.stat-hint{display:none}.home-grid,.together-grid,.calendar-layout,.settings-grid{grid-template-columns:1fr}.home-memories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-memories .memory-cover{height:auto;aspect-ratio:1}.home-memories .memory-emoji{font-size:37px}.card-pad{padding:19px}.page-heading{margin-bottom:18px;align-items:center}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.page-heading .btn{padding:10px 12px;font-size:11px;min-height:38px}.letter-grid,.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.letter-card{min-height:230px;padding:17px}.letter-card h3{font-size:15px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%!important;max-height:91dvh;border-radius:24px 24px 0 0;padding:24px 20px max(22px,env(safe-area-inset-bottom))}.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.auth-main{min-height:100dvh;padding:30px 22px}.onboard-card{padding:25px}.calendar-day{height:51px;padding:7px}.chat-wrap{height:calc(100dvh - 215px);min-height:360px}.mood-chip .face-emoji{font-size:25px}}
@media(max-width:420px){.main{padding:0 13px 90px}.topbar{gap:5px}.top-title{font-size:18px}.home-hero{padding:23px 20px}.hero-left h1{font-size:29px}.hero-meta span{font-size:10px}.stat-card{gap:8px}.stat-icon{width:37px;height:37px}.stat-value{font-size:15px}.stat-label{font-size:10px}.mood-chips{gap:5px}.mood-chip{padding:11px 2px}.mood-chip .face-emoji{font-size:22px}.mood-chip span:last-child{font-size:9px}.gallery{grid-template-columns:1fr 1fr}.gallery .memory-emoji{font-size:45px}.gallery .memory-title{font-size:12px}.letter-grid{grid-template-columns:1fr}.letter-card{min-height:180px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.onboard-options{gap:9px}.onboard-option{padding:14px 11px}.onboard-card h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.memory-cover.peach{background:linear-gradient(140deg,#ffe4da,#ffb7bb)}.memory-cover.latte{background:linear-gradient(140deg,#f5e6d4,#d1aca2)}.memory-cover.lilac{background:linear-gradient(140deg,#f4deff,#bcb4fc)}.memory-cover.sunset{background:linear-gradient(140deg,#ffd4b1,#fd91a2)}.memory-cover.pink{background:linear-gradient(140deg,#ffe8f0,#ffb4ca)}.memory-cover.blue{background:linear-gradient(140deg,#dceeff,#a9cafa)}.heart-dot{display:inline-block;width:8px;height:8px;background:#f993ab;border-radius:50%;margin-right:4px}.more-menu{display:grid;gap:11px}.more-item{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #f2e9ed;background:#fff;border-radius:15px;padding:17px;text-align:left;font-size:14px;font-weight:800;color:#776574}.more-item span:first-child{font-size:22px}.more-item span:last-child{margin-left:auto;color:#c6b9c5}.safe-area{padding-bottom:env(safe-area-inset-bottom)}.settings-highlight{padding:14px;border:1px solid #ece9fb;background:#f9f7ff;border-radius:12px;color:#816f9c;font-size:12px;line-height:1.65}.section-margin{margin-top:18px}.memory-view-image{max-height:310px;width:100%;object-fit:cover;border-radius:15px;margin:10px 0 19px}.memory-view-fallback{height:230px;border-radius:15px;display:grid;place-items:center;font-size:100px;margin-bottom:19px}.loading-overlay{position:fixed;inset:0;background:#ffffffa6;z-index:29;display:grid;place-items:center;color:#eb7298;font-weight:900;backdrop-filter:blur(2px)}.loading-overlay .spinner{height:30px;width:30px;border-radius:50%;border:4px solid #ffdae5;border-top-color:#ef6e93;animation:turn .7s linear infinite;margin:0 auto 10px}@keyframes turn{to{transform:rotate(360deg)}}

/* OURSPACE V2: Mini Games + pet village. Keeps the original layout intact. */
.games-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;background:linear-gradient(120deg,#fff7eb,#fff1f8 55%,#f4eeff);border:1px solid #ffe3ee}
.games-banner h2{font-family:Nunito,sans-serif;font-size:23px;margin:10px 0 4px}
.games-banner p{font-size:12px;color:#9d8599;margin:0}
.games-banner .btn{white-space:nowrap;flex-shrink:0}
.pet-section-title{font-size:13px;font-weight:900;color:#6c5169;margin:20px 0 11px}
.pet-habitat{display:grid;place-items:center;position:relative;margin-top:-6px}
.pet-sparkle{font-weight:800;color:#bc97cb;letter-spacing:10px;margin-top:5px}
.pet-scene.theme-meadow{background:linear-gradient(180deg,#dcf6e9 0%,#f1fff0 74%)}
.pet-scene.theme-meadow:before{background:#b6e6ba}
.pet-scene.theme-night{background:linear-gradient(170deg,#484571,#8b78b4)}
.pet-scene.theme-night:before{background:#57537a}
.pet-scene.theme-night .pet-caption,.pet-scene.theme-night .pet-sparkle{color:white}
.pet-scene.theme-night .cloud{opacity:.38}
.pet-scene .big-pet{filter:drop-shadow(0 10px 8px #75567220);user-select:none}
.pet-bob{animation:petBreathe 2.5s ease-in-out infinite}
.pet-bounce{animation:petJump .55s ease-in-out 2!important}
.pet-snooze{animation:petSleep 1.4s ease-in-out 1!important}
@keyframes petBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.04)}}
@keyframes petJump{0%,100%{transform:translateY(0)}45%{transform:translateY(-35px) rotate(-9deg)}}
@keyframes petSleep{0%,100%{transform:rotate(0deg)}50%{transform:rotate(20deg) scale(.85)}}
.pet-activities{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.pet-activities .btn{flex:1;min-width:125px}
.pet-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}
.pet-option{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;border:1.5px solid #f2e6ef;border-radius:15px;padding:10px 5px;cursor:pointer;background:#fff;transition:border-color .2s,transform .2s,background .2s}
.pet-option:hover{transform:translateY(-2px)}.pet-option.chosen,.pet-option:has(input:checked){background:#fff0f5;border-color:#f18aab;box-shadow:0 3px 10px #ffaec421}
.pet-option input{position:absolute;opacity:0;width:1px;height:1px}
.pet-option:focus-within{outline:2px solid #f18aab;outline-offset:2px}
.pet-choice-icon{font-size:33px;line-height:1.3}.pet-option small{font-size:10px;font-weight:800;color:#816b7d}
.pet-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pet-fields .field{min-width:0}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}
.game-select{border:1px solid #f1e5ed;background:#fff;border-radius:20px;min-width:0;min-height:186px;padding:20px 16px;display:flex;flex-direction:column;align-items:start;text-align:left;gap:9px;box-shadow:0 4px 19px #c18eac0a;transition:transform .18s,border-color .18s,box-shadow .18s}
.game-select:hover{transform:translateY(-4px);border-color:#f4abc5;box-shadow:0 11px 25px #d59aad24}.game-select.chosen{border:2px solid #f18aab;background:#fffbfd}
.game-icon{font-size:34px;display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:#fff0f6}
.game-select:nth-child(2) .game-icon{background:#f2eeff}.game-select:nth-child(3) .game-icon{background:#fff5e5}.game-select:nth-child(4) .game-icon{background:#eaf8f3}
.game-select strong{font-family:Nunito,sans-serif;font-size:17px;color:#5b4559}
.game-select small{color:#9b8b99;font-size:11px;line-height:1.6;flex:1}
.game-play{font-weight:900;color:#e97599;font-size:12px}
.game-playground{margin-bottom:19px;min-height:270px}
.game-instruction{font-size:12px;color:#918191;line-height:1.65;margin:4px 0 17px}
.game-placeholder{min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}
.game-placeholder>span{font-size:45px}.game-placeholder h2{font-size:21px;margin:0}.game-placeholder p{max-width:340px;color:#a396a3;font-size:12px;line-height:1.6;margin:0}
.game-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0;font-size:12px;color:#816e80}
.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:510px;margin:20px auto 12px}
.memory-tile{border:2px solid #e9d5ed;border-radius:17px;background:linear-gradient(130deg,#fff0fa,#eae1ff);aspect-ratio:1;min-width:0;font-size:31px;font-weight:900;color:#d38cbb;transition:background .15s,transform .15s}
.memory-tile:hover:not(:disabled){transform:translateY(-3px)}.memory-tile.flipped{background:#fffaf8;border-color:#f1c4d6}.memory-tile.matched{background:#f0fff5;border-color:#b5e4c5}.memory-tile:disabled{opacity:1}
.emoji-quiz{max-width:610px;margin:0 auto}.emoji-puzzle{display:grid;place-items:center;min-height:136px;background:linear-gradient(140deg,#fff0fa,#f6f0ff);font-size:51px;border-radius:20px;margin:12px 0 18px;letter-spacing:8px;text-align:center}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-choice{min-width:0;padding:13px 12px;background:#fff;border:1px solid #eedfec;border-radius:12px;color:#775e74;font-size:12px;font-weight:750;text-align:left}
.quiz-choice:hover:not(:disabled){border-color:#ee93b1;background:#fff5f8}.quiz-choice.correct{background:#edfaef;border-color:#91d3a8;color:#277b4c}.quiz-choice.incorrect{background:#fff0f0;border-color:#eb9aaf;color:#b35467}
.game-result{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;font-size:55px;padding:25px 10px}.game-result h2{font-size:24px;margin:0}.game-result p{font-size:13px;color:#9e899a;margin:0 0 3px}
.heart-status{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#806c7c;margin-bottom:17px}
.heart-board{max-width:570px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.heart-hole{aspect-ratio:1.4;border-radius:18px;background:linear-gradient(140deg,#fff8fc,#f9eff8);border:1px solid #f5e4ee;color:#ead4e0;font-size:27px;min-width:0;touch-action:manipulation}
.heart-hole.heart-active{background:linear-gradient(140deg,#ffe8f0,#ffdcfa);font-size:42px;animation:heartPop .2s ease-out}
@keyframes heartPop{from{transform:scale(.9)}to{transform:scale(1)}}
.leaderboard{margin-bottom:20px}.scores-head,.score-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 95px;gap:12px;align-items:center;padding:13px 3px}
.scores-head{font-size:10px;color:#a797a6;text-transform:uppercase;font-weight:900}.score-row{border-top:1px solid #f2e7ee;font-size:12px;color:#746174}
.score-row>span:first-child{display:flex;gap:8px;align-items:center}.score-number{text-align:center;font-size:20px;font-weight:900;color:#e77b9e}.score-number small{display:block;color:#ad9cab;font-size:9px;font-weight:600;word-break:break-word}
.leaderboard>.tiny{margin-top:16px;line-height:1.6}
.game-ttt-wrap{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}
.game-ttt-wrap .game-instruction{margin:0}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(100%,320px);margin:5px 0}
.ttt-cell{aspect-ratio:1;border:2px solid #f0d9eb;border-radius:18px;background:#fff9fd;font-size:50px;font-weight:900;color:#e779a0;transition:transform .12s,background .12s}
.ttt-cell:not(:disabled):hover{background:#fff0f6;transform:scale(1.02)}.ttt-cell.mark-o{color:#987cd2}.ttt-cell:disabled{opacity:1}
.ttt-legend{display:flex;gap:14px;justify-content:center;font-weight:850;font-size:12px;color:#816c81;flex-wrap:wrap}
.game-ttt-wrap .tiny{max-width:360px;line-height:1.7}
@media(max-width:1200px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-select{min-height:163px}}
@media(max-width:760px){.games-banner{align-items:start;flex-direction:column}.games-banner h2{font-size:20px}.game-grid{gap:10px}.game-select{padding:15px 12px;min-height:170px}.game-select strong{font-size:15px}.game-icon{font-size:27px;width:44px;height:44px}.pet-options{gap:7px}.pet-choice-icon{font-size:28px}.pet-option small{font-size:9px}.game-playground{min-height:220px}.memory-tile{border-radius:12px;font-size:27px}.emoji-puzzle{font-size:35px;letter-spacing:3px}}
@media(max-width:420px){.game-select{min-height:184px;padding:13px 11px}.game-select small{font-size:10px}.pet-fields{grid-template-columns:1fr}.quiz-options{grid-template-columns:1fr}.scores-head,.score-row{grid-template-columns:minmax(0,1fr) 65px 65px;gap:6px}.score-number{font-size:17px}.heart-hole{border-radius:12px}.ttt-cell{font-size:40px}}