@layer base, components;
@layer base {
  :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#433c3d;background:#fcf9f6;font-size:16px;--rose:#ad4660;--rose-light:#f7e3e6;--muted:#887b7e;--line:#efe8e4;--cream:#fcf9f6;--green:#66816e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
  *{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ad4660;outline-offset:3px}button,input,textarea{min-height:44px}button{background:none}input,textarea{font-size:16px;width:100%;border:1px solid #e7dedb;border-radius:15px;background:#fffdfb;padding:14px;color:#433c3d}textarea{resize:vertical;min-height:100px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.3px;line-height:1.13}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.55}svg{display:block;flex-shrink:0}small{font-size:12px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}a{color:var(--rose)}[hidden]{display:none!important}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
}
@layer components {
  #app{max-width:520px;height:100dvh;margin:auto;display:flex;flex-direction:column;background:var(--cream);position:relative;overflow:hidden}
  .topbar{padding:calc(17px + var(--safe-top)) 23px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;background:#fcf9f6f5;z-index:3;border-bottom:1px solid #efe8e480}.wordmark{display:flex;align-items:center;gap:7px;font-size:25px;font-weight:750;letter-spacing:-1.4px}.wordmark svg{color:var(--rose)}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #e9e0da;background:#fffdfb}.icon-btn:active,.row-button:active{background:#f5e9e8}.icon-btn.active{background:var(--rose-light);border-color:#e6bcc6;color:var(--rose)}.connect-pill{padding:0 14px;border-radius:30px;font-size:12px;font-weight:650;background:#f3e5e7;color:#934054}.live-dot{width:6px;height:6px;background:#8c9e8b;border-radius:50%;display:inline-block;margin-right:5px}.screen{overflow:auto;overscroll-behavior:contain;flex:1;padding:21px 23px 28px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;color:#927479;font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px}.subtle{color:var(--muted);font-size:13px}.preview-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;background:#ece9e4;color:#716962;font-size:10px;font-weight:650;letter-spacing:.4px}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.welcome p{margin-top:7px;font-size:13px;color:var(--muted)}.couple-hero{position:relative;min-height:190px;border-radius:24px;background:#f3e6e0;overflow:hidden;isolation:isolate;padding:22px;margin-bottom:20px}.couple-hero::after{content:"";position:absolute;background:#f9f0e9;width:240px;height:240px;border-radius:50%;right:-74px;top:-90px;z-index:-1}.hero-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#876a68;font-weight:650}.hero-title{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-1px;line-height:1.18;margin:11px 0 10px;max-width:53%}.hero-note{font-size:11px;color:#826e6a;max-width:48%;line-height:1.5}.hero-art{position:absolute;right:8px;bottom:7px;width:48%;height:170px}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:#fff9f3b3;color:#8f605a;font-size:10px;font-weight:600}.partner-bar{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid var(--line)}.avatar{height:45px;width:45px;border-radius:17px;display:grid;place-items:center;background:#eee2d7;overflow:hidden;flex-shrink:0}.avatar svg{height:42px;width:42px}.partner-info{flex:1;min-width:0}.partner-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-info p{font-size:11px;color:#7d7774;margin-top:3px}.call-buttons{display:flex;gap:8px}.call-buttons .icon-btn{height:43px;width:43px;border-color:#ecdedb;color:#8e645f;background:#fffaf5}.day-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0;color:#928582;font-size:10px;letter-spacing:.6px}.day-divider::before,.day-divider::after{content:"";height:1px;width:27px;background:#e8ded7}.messages{display:flex;flex-direction:column;gap:15px}.message{max-width:84%;align-self:flex-start;animation:appear .2s ease}.message.mine{align-self:flex-end}.bubble{padding:12px 15px;background:#fff;border-radius:18px 18px 18px 5px;box-shadow:0 2px 7px #59413204;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{background:#eed2d8;border-radius:18px 18px 5px 18px;color:#613d48}.meta{font-size:9px;color:#948582;margin:5px 4px 0;display:flex;align-items:center;gap:4px}.mine .meta{justify-content:flex-end}.sticker-bubble{padding:0;background:transparent;box-shadow:none;text-align:center;min-width:100px}.sticker-bubble svg{margin:auto;height:90px;width:105px}.sticker-caption{font-size:11px;font-weight:650;color:#9a5a66;margin-top:4px}.note-card{border-radius:16px;padding:14px 16px;background:#f1eee5;font-size:12px;color:#746b5c;line-height:1.5;display:flex;align-items:flex-start;gap:10px;margin-top:18px}.note-card svg{margin-top:2px}.composer-wrap{padding:11px 18px 12px;background:#fcf9f6;border-top:1px solid var(--line);flex-shrink:0}.composer{display:flex;align-items:center;gap:9px}.composer input{border:0;background:#f0ebe6;border-radius:24px;padding:13px 16px;min-width:0;min-height:46px}.composer .icon-btn{background:none;border:0;flex-shrink:0;width:35px;color:#94716f}.send-btn{height:46px;width:46px;min-width:46px;border-radius:50%;background:var(--rose);color:white;display:grid;place-items:center}.send-btn:active,.primary:active{filter:brightness(.93)}.sticker-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 0 12px}.sticker-choice{background:#fffaf6;border:1px solid #eee1db;border-radius:15px;padding:8px;font-size:11px}.sticker-choice svg{width:60px;height:55px;margin:auto}.tabbar{display:flex;background:#fffcf9eF;border-top:1px solid #e9e2dc;padding:6px 20px calc(8px + var(--safe-bottom));flex-shrink:0;justify-content:space-around;backdrop-filter:blur(18px)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:80px;min-height:52px;color:#9b8c88;font-size:10px;font-weight:550;position:relative}.tab svg{height:23px;width:23px}.tab.selected{color:var(--rose)}.tab.selected::before{content:"";position:absolute;background:#f4e3e6;border-radius:18px;width:49px;height:30px;top:1px;z-index:-1}.unread{position:absolute;top:0;right:23px;background:var(--rose);color:white;border:2px solid var(--cream);width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:9px}.page-title{margin:6px 0 8px}.page-subtitle{font-size:13px;color:var(--muted);margin-bottom:25px}.memory-card{padding:20px;background:#fffdfb;border:1px solid var(--line);border-radius:21px;margin-bottom:14px}.memory-card:nth-child(even){background:#f1eee5}.memory-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.memory-emoji{width:42px;height:42px;background:#f7e5e4;border-radius:14px;display:grid;place-items:center;font-size:22px}.memory-date{font-size:10px;color:#908079}.memory-card h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin-bottom:8px;letter-spacing:-.5px}.memory-card p{font-size:13px;color:#7a6b67;white-space:pre-wrap;overflow-wrap:anywhere}.memory-author{margin-top:17px;font-size:10px;color:#957970}.empty-state{text-align:center;padding:35px 15px;background:#f5efea;border:1px dashed #dccdc4;border-radius:22px}.empty-state svg{margin:0 auto 14px}.empty-state p{font-size:13px;color:var(--muted);margin:9px 0 17px}.primary{background:var(--rose);color:white;border-radius:16px;padding:14px 20px;font-weight:650;min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:14px}.secondary{background:#f0e6e3;border-radius:15px;padding:12px 18px;font-size:13px;font-weight:600;min-height:47px;width:100%}.text-button{color:var(--rose);font-size:13px;font-weight:600;padding:12px 5px}.together-card{background:#f1e2dd;border-radius:25px;text-align:center;padding:25px 18px 23px;margin:22px 0}.together-art{height:145px;width:200px;margin:auto}.couple-names{font-family:Georgia,serif;font-size:24px;font-weight:400;margin-top:8px;overflow-wrap:anywhere}.days{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:13px 0 5px}.days strong{font-family:Georgia,serif;font-size:48px;letter-spacing:-2px;font-weight:400;color:#925764}.days span{font-size:13px;color:#89685f}.since-button{font-size:11px;color:#8d7169;min-height:44px}.group-title{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:#9a8580;margin:24px 5px 12px}.settings-group{border-radius:20px;background:#fffdfb;border:1px solid var(--line);overflow:hidden}.row-button{display:flex;align-items:center;gap:12px;min-height:63px;padding:10px 15px;width:100%;text-align:left}.row-button+.row-button{border-top:1px solid var(--line)}.row-button>svg:first-child{color:#a07675}.row-button>svg:last-child{color:#b9a8a0;margin-left:auto;width:16px}.row-button div{flex:1}.row-button span{font-size:13px;display:block}.row-button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.mood-list{display:flex;gap:7px;justify-content:space-between;padding:0 0 3px}.mood-button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#8b7b75;padding:9px 5px;width:18%;border:1px solid transparent;border-radius:16px}.mood-button b{font-size:25px;font-weight:400}.mood-button.selected{background:#f3e0e3;border-color:#e3c4ca;color:#934a60}.mood-note{margin:10px 5px 0;font-size:11px;color:var(--muted)}.signature{text-align:center;padding:26px 0 8px;font-family:Georgia,serif;font-style:italic;font-size:15px;color:#ad9286}.signature small{display:block;font:10px -apple-system,sans-serif;margin-top:8px;letter-spacing:1px;color:#ad9c93}.connection-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#8e8079}.connection-status.offline{color:#a36346}
  .scrim{position:fixed;inset:0;background:#382a3266;backdrop-filter:blur(5px);display:flex;align-items:end;justify-content:center;z-index:10;padding-top:calc(30px + var(--safe-top));animation:fade .15s ease}.sheet{width:100%;max-width:520px;background:var(--cream);border-radius:30px 30px 0 0;padding:10px 25px calc(27px + var(--safe-bottom));max-height:94dvh;overflow:auto;animation:slide .25s ease}.sheet-handle{height:4px;width:35px;background:#d9ccc5;border-radius:10px;margin:0 auto 15px}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-header h2{font-size:23px}.sheet-header .icon-btn{width:36px;height:36px;min-height:36px;background:#eee7e2;border:0}.sheet-description{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 17px}.sheet .primary{margin-top:21px}.sheet .secondary{margin-top:10px}.segmented{display:flex;border-radius:12px;padding:4px;background:#ece5df;margin:18px 0}.segmented button{flex:1;font-size:13px;min-height:36px;border-radius:9px}.segmented .selected{background:#fffdfb;box-shadow:0 2px 5px #59413212;font-weight:600}.form-error{color:#ad354a;background:#f6e3e5;padding:11px 13px;border-radius:12px;font-size:12px;margin-top:15px}.field-hint{font-size:11px;color:#93827b;margin-top:7px;line-height:1.5}.invite-code{padding:19px 10px;background:#f0e3e0;border-radius:17px;text-align:center;font-size:25px;letter-spacing:3px;color:#8f465c;font-weight:650;margin:17px 0}.separator{text-align:center;color:#a18c83;font-size:11px;margin:23px 0}.error-card{font-size:12px;color:#9e6349;background:#f5e8dd;border-radius:13px;padding:11px 13px;margin-bottom:15px}.setup-status{font-size:12px;line-height:1.7;background:#f0ebe3;padding:15px;border-radius:15px}.setup-status b{color:#6b7f65}.privacy-copy p{font-size:13px;color:#796b67;line-height:1.7;margin:15px 0}.privacy-copy h3{margin-top:21px}.call-screen{position:fixed;inset:0;background:#433b40;color:#fff;z-index:20;display:flex;flex-direction:column;align-items:center;padding:calc(27px + var(--safe-top)) 24px calc(35px + var(--safe-bottom));max-width:520px;margin:auto}.call-screen::before{content:"";position:absolute;width:330px;height:330px;top:80px;left:-130px;background:#ad6f7a33;border-radius:50%;filter:blur(35px);pointer-events:none}.call-label{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#d5b5bc;display:flex;gap:6px;align-items:center}.call-person{text-align:center;z-index:2;margin-top:42px}.call-person .avatar{width:95px;height:95px;border-radius:35px;margin:0 auto 24px;background:#c5a99e}.call-person .avatar svg{width:90px;height:90px}.call-person h2{font-family:Georgia,serif;font-size:36px;font-weight:400}.call-status{font-size:13px;color:#d3bcc1;margin-top:10px}.call-tip{font-size:11px;color:#bca8af;max-width:250px;text-align:center;line-height:1.6;margin:22px auto}.call-videos{position:absolute;inset:0;overflow:hidden;pointer-events:none}.remote-video{height:100%;width:100%;object-fit:cover;background:#433b40}.local-video{position:absolute;right:20px;top:calc(65px + var(--safe-top));width:95px;height:135px;object-fit:cover;border-radius:18px;border:1px solid #ffffff40;transform:scaleX(-1);background:#75656d}.call-controls{display:flex;gap:19px;justify-content:center;align-items:start;margin-top:auto;z-index:2;padding-top:20px}.call-control{color:white;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:11px}.call-control i{height:56px;width:56px;display:grid;place-items:center;background:#ffffff1c;border-radius:50%;font-style:normal}.call-control.selected i{background:#faeee7;color:#6f4653}.call-control.hangup i{background:#d65f71}.call-control.answer i{background:#75977b}.call-controls button{min-width:60px}.call-connected .call-person{background:#382b3355;border-radius:24px;padding:13px 20px;margin-top:10px}.call-connected .call-person .avatar{display:none}.call-connected .call-person h2{font-family:inherit;font-size:19px}.call-connected .call-status{margin-top:4px}.call-connected .call-tip{display:none}#toast{position:fixed;bottom:calc(98px + var(--safe-bottom));left:50%;transform:translate(-50%,15px);background:#504348;color:#fffdf9;padding:13px 18px;border-radius:17px;max-width:calc(100% - 40px);width:max-content;font-size:12px;line-height:1.5;z-index:40;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.load-older{font-size:11px;color:var(--rose);width:100%;margin-bottom:10px}.preview-caption{font-size:10px;color:#9d847c;text-align:center;margin-bottom:17px}.section-link{font-size:12px;color:var(--rose);font-weight:650;display:flex;align-items:center;gap:4px;min-height:44px}.reconnect-banner{font-size:11px;padding:9px 15px;background:#f5e5d4;color:#935c35;text-align:center;flex-shrink:0}.push-info{font-size:11px;color:#8a7771;text-align:center;padding:9px}
  .sheet-header .icon-btn{width:44px;height:44px;min-height:44px}.composer .icon-btn{width:44px;min-width:44px}.call-buttons .icon-btn{width:44px;height:44px}
  @keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide{from{transform:translateY(35px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}
  @media(min-width:600px){body{background:#eae3dd}#app{box-shadow:0 0 70px #4d37331a}.scrim{align-items:center;padding:30px}.sheet{border-radius:28px;max-height:90dvh}.call-screen{box-shadow:0 0 70px #4d373333}}
  @media(max-width:350px){.screen{padding-left:17px;padding-right:17px}.topbar{padding-left:17px;padding-right:17px}.hero-title{font-size:25px}.couple-hero{padding:18px}.hero-note{font-size:10px}.welcome h1{font-size:29px}.connect-pill{padding:0 10px;font-size:11px}}
}