.auth{position:relative;isolation:isolate;width:min(100%,490px);min-height:100dvh;margin:0 auto;padding:35px 20px 38px;text-align:center;background:radial-gradient(circle at 5% 6%,#ffe0ee,transparent 26%),radial-gradient(circle at 96% 25%,#ffe8f1,transparent 32%),linear-gradient(180deg,#fffafb,#fff1f7)}.auth:before{content:"♡";position:absolute;left:7%;top:70px;font-size:35px;color:#f5a6c9;transform:rotate(-20deg);z-index:-1}.auth:after{content:"✧";position:absolute;right:8%;top:123px;font-size:32px;color:#f4a1c1;z-index:-1}.brand-mark{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;margin:0 auto 13px;font-size:38px;color:#fff;background:var(--gradient-main);transform:rotate(-7deg);box-shadow:0 13px 26px #f47ca54b;border:3px solid #fff3f8}.auth h1{font-size:35px;letter-spacing:-1.2px;color:var(--pink-700)}.auth>.muted{font-size:12px;font-weight:700;margin-top:7px}.login-photos{display:flex;align-items:flex-start;justify-content:center;gap:17px;margin:24px 0 16px}.login-photo-column{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.login-photo-pick{display:block;cursor:pointer;position:relative}.login-photo{width:136px;height:136px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:29px;border:4px solid white;background:linear-gradient(145deg,#ffe5f0,#ffbed9);box-shadow:0 8px 22px #e98cad35;outline:1px solid var(--pink-200)}.login-photo-column:nth-child(2) .login-photo{background:linear-gradient(145deg,#ffe8f3,#f9c9e5)}.login-photo img{display:block;width:100%;height:100%;object-position:center}.login-photo>span:first-child{font-size:57px}.photo-camera{display:grid;place-items:center;position:absolute;bottom:5px;right:5px;width:31px;height:31px;border-radius:11px;background:var(--pink-600);color:#fff;border:2px solid white;box-shadow:0 3px 8px #ae326d36}.login-photo-name-display{display:flex;align-items:center;justify-content:center;max-width:142px;min-height:29px;gap:4px;padding:4px 6px 4px 9px;border:1px solid #ffd1e2;border-radius:11px;cursor:pointer;background:#fff7fb;box-shadow:0 2px 8px #ec9cb31c}.login-photo-name-display:hover{border-color:#fa9fc3;background:#fff0f7}.login-photo-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:var(--rose-deep)}.login-photo-name-edit{display:inline-grid;place-items:center;flex:0 0 23px;width:23px;height:23px;padding:0;border:0;border-radius:8px;background:#ffe0ed;color:#d83479}.login-photo-name-edit:hover{background:#ffc9dd}.login-photo-name-editor{display:flex;flex-direction:column;align-items:center;gap:6px;width:136px;margin:0;padding:6px;border:1px solid #ffcadd;border-radius:12px;background:#fff9fc}.login-photo-name-editor input{width:100%;min-width:0;padding:6px 5px;font-size:12px;font-weight:750;text-align:center;border:1px solid #ffd4e4;border-radius:8px;outline-color:#f596be;background:#fff;color:#9f2f60}.login-photo-name-actions{display:flex;align-items:center;justify-content:center;gap:5px}.login-photo-name-actions button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:27px;padding:3px 8px;border:0;border-radius:8px;background:#ffe3ef;color:#ba326b;font-size:11px;font-weight:850}.login-photo-name-actions button[type=submit]{background:var(--pink-600);color:#fff}.login-photo-name-hint{font-size:10px;color:#c0648c;margin:-3px 0 9px;line-height:1.5}.login-photo-choose{font-size:10px;color:var(--muted)}.login-photo-buttons{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.login-photo-save,.login-photo-cancel{min-height:30px;border:0;border-radius:9px;font-size:10px;font-weight:900;padding:6px 9px}.login-photo-save{background:var(--pink-600);color:#fff}.login-photo-cancel{background:var(--pink-100);color:var(--pink-700)}.login-photo-hint{font-size:10px;line-height:1.65;color:var(--muted);margin:-2px 14px 18px}.login-photo-success{color:#277d61;font-size:12px;font-weight:800;margin-bottom:10px}.quote{position:relative;text-align:left;padding:16px 17px;background:#fff}.quote:before{content:"“";position:absolute;right:15px;bottom:0;font-family:Georgia,serif;font-size:73px;color:#ffe4ef;line-height:1;pointer-events:none}.quote .section-head{margin:0 0 9px}.quote .section-head h2{font-size:14px;color:var(--pink-700)}.quote-content{text-align:center;position:relative;z-index:1;font-size:13px;color:var(--ink);min-height:37px;line-height:1.7;font-weight:750;padding:1px 6px}.mini-actions{display:flex;gap:5px}.mini-actions button{display:flex;align-items:center;justify-content:center;background:var(--pink-100);color:var(--pink-700);border:0;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:850}.login-form{text-align:left;padding:20px;border:1px solid var(--pink-150);box-shadow:0 12px 28px #e881ad17}.login-form h2{font-size:19px;margin-bottom:17px}.login-form .primary{margin-top:14px}.remember-line{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink);font-weight:800;margin:7px 0 8px;cursor:pointer}.remember-line input[type=checkbox]{width:17px;height:17px;accent-color:var(--pink-600)}.password-hint{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 10px}.choice-list{max-height:60dvh;overflow-y:auto}.choice-list button{display:block;width:100%;padding:13px;margin-bottom:9px;border-radius:13px;border:1px solid var(--pink-150);background:var(--pink-50);text-align:left;font-size:12px;line-height:1.55}.choice-list button:hover{background:var(--pink-100)}@media(min-width:650px){body:has(.auth){background:#ffecf4}.auth{min-height:calc(100dvh - 44px);margin:22px auto;border:1px solid #ffe3ee;border-radius:32px;box-shadow:var(--shadow-strong)}}@media(max-width:360px){.auth{padding:26px 12px 30px}.login-photos{gap:9px}.login-photo{width:120px;height:120px}}.hero{display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;min-height:222px;padding:23px;margin-bottom:25px;border-radius:27px;color:#fff;background:var(--gradient-main);background-size:cover;background-position:center 35%;box-shadow:0 13px 26px #ec7da947}.hero:before{content:"♡";position:absolute;right:9%;top:17px;font-size:86px;font-weight:200;line-height:1;color:#ffffff32;z-index:-1;transform:rotate(-17deg)}.hero:after{content:"✦";position:absolute;right:31%;top:52px;font-size:26px;color:#ffe7f3a8;z-index:-1}.hero-caption{font-size:10px;letter-spacing:1.4px;font-weight:900;opacity:.97}.hero-count{margin:17px 0 15px}.hero-count strong{display:block;font-size:67px;font-weight:950;line-height:.96;letter-spacing:-3px;text-shadow:0 4px 11px #a6226725}.hero-count span{display:block;font-size:14px;font-weight:900;margin-top:7px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800}.hero-footer button{flex-shrink:0;padding:9px 14px;background:#ffffff42;color:#fff;border:1px solid #ffffff4a;border-radius:22px;font-size:11px;font-weight:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.people-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.person{min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:19px 9px 16px;margin:0;text-align:center;transition:transform .2s,box-shadow .2s}.person:active{transform:scale(.985)}.portrait{position:relative;display:grid;place-items:center;flex-shrink:0;width:95px;height:95px;margin-bottom:11px;border-radius:50%;border:4px solid white;background:var(--pink-100);box-shadow:0 0 0 2px var(--pink-200),0 6px 15px #d98da937}.portrait img{display:block;width:100%;height:100%;border-radius:50%}.portrait>span:first-child{font-size:42px}.pencil{position:absolute;right:-6px;bottom:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid white;color:#fff;background:var(--pink-600);font-size:14px}.person strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:950;color:var(--ink-dark)}.person small{margin-top:6px;color:var(--muted);font-size:10px}.person>span{margin:7px 0 3px;font-size:10px;color:var(--muted)}.person>b{font-size:12px;color:var(--ink)}.person .sep{margin:12px 0 7px}.upcoming{cursor:pointer;margin-top:19px;background:linear-gradient(135deg,#fff,#fff7fa)}.upcoming .section-head{margin:0 0 13px}.upcoming .section-head span{font-size:11px;font-weight:850}.upcoming>strong{font-size:15px}.upcoming p{font-size:12px;color:var(--muted);margin-top:7px}.upcoming small{color:var(--muted);font-size:11px}.love-card{position:relative;overflow:hidden;background:linear-gradient(155deg,#fff 40%,#fff0f7);border:1px solid var(--pink-200)}.love-card:before{content:"♡";position:absolute;right:-3px;top:25px;font-size:90px;line-height:1;color:#ffc2dc38;pointer-events:none}.love-card h2{color:var(--pink-700);font-size:15px}.love-message{position:relative;width:100%;min-height:81px;text-align:center;border:0;background:transparent;font-size:14px;font-weight:750;line-height:1.75;color:var(--ink);padding:11px}.reaction-row{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.reaction-row button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;border-radius:12px;background:transparent;padding:5px 0}.reaction-row button:hover{background:var(--pink-100)}.reaction-row span{font-size:25px}.reaction-row small{color:var(--muted)}.float-emoji{position:absolute;inset:40px 0 auto;text-align:center;font-size:29px;pointer-events:none;animation:love-fly 1.6s ease-out forwards}@keyframes love-fly{0%{opacity:0;transform:translateY(110px) scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-125px) scale(1.2)}}.bottom-setting{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:12px;font-weight:900;color:var(--rose-deep)}.background-picker{display:grid;place-items:center;width:100%;height:122px;overflow:hidden;border:1px dashed var(--pink-300);border-radius:15px;background:var(--pink-100);font-size:12px;color:var(--pink-700);font-weight:800}.background-picker img{width:100%;height:100%}.person-picker{display:flex;align-items:center;gap:13px;margin-bottom:12px;font-size:38px}.person-picker img{width:56px;height:56px;border-radius:50%;flex-shrink:0}.person-picker span{font-size:12px;font-weight:900;color:var(--pink-700)}@media(max-width:360px){.person{padding:14px 6px}.portrait{width:80px;height:80px}.hero-count strong{font-size:60px}}.hero-footer button,.text-btn,.soft-button,.bottom-setting,.reaction-row button,.home-photo-button,.background-picker{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;cursor:pointer}.hero-footer button:active,.text-btn:active,.soft-button:active,.bottom-setting:active,.reaction-row button:active,.home-photo-button:active,.background-picker:active{transform:scale(.96);filter:brightness(.98)}.hero-footer button:focus-visible,.text-btn:focus-visible,.soft-button:focus-visible,.bottom-setting:focus-visible,.reaction-row button:focus-visible,.home-photo-button:focus-visible,.background-picker:focus-visible{outline:2px solid var(--pink-600);outline-offset:3px}.home-hidden-file{display:none}.home-photo-button{border:0;background:transparent;text-align:left}.home-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;margin:0 0 12px;border-radius:13px;background:#fff1f7;color:#a52b64;font-size:12px;line-height:1.5}.home-status button{background:transparent;border:0;color:inherit;font-size:19px;cursor:pointer}.home-loading{font-size:12px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.hero-footer button,.text-btn,.soft-button,.bottom-setting,.reaction-row button,.home-photo-button,.background-picker{transition:none!important}.float-emoji{animation:none!important}}.portrait{position:relative;overflow:visible}.portrait>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:50%;overflow:hidden}.person-picker img{width:56px;height:56px;object-fit:cover;object-position:center;border-radius:50%}.background-picker img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero{background-position:center center;background-size:cover}.love-role,.voice-role{display:flex;align-items:center;gap:8px;margin:8px 0 15px;flex-wrap:wrap}.love-role span{font-size:11px;color:var(--muted);margin-right:auto}.love-role button,.voice-role button{border:1px solid #ffbed8;border-radius:99px;padding:7px 15px;background:#fff7fa;color:#ac3b73;font-size:12px;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease}.love-role button.selected,.voice-role button.selected{background:#f2609f;color:#fff;border-color:#f2609f;box-shadow:0 4px 11px #e6539140}.love-role button:active,.voice-role button:active{transform:scale(.94)}.voice-card{margin-top:14px;background:linear-gradient(160deg,#fff,#fff4fa);border:1px solid #ffd0e2;overflow:hidden}.voice-title,.voice-title>div{display:flex;align-items:center;gap:8px}.voice-title{justify-content:space-between;flex-wrap:wrap;color:#b32c69}.voice-title strong{font-size:15px;font-weight:900}.voice-title small{color:#b77092;font-size:11px}.voice-subtitle{font-size:12px;line-height:1.5;color:#a66788;margin:8px 0 12px}.voice-role{margin:10px 0 12px}.voice-role button{flex:1}.voice-recorder{border:1px dashed #fab8d4;border-radius:19px;padding:15px;background:#fff9fc;text-align:center}.voice-start,.voice-main-button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:99px;background:linear-gradient(115deg,#ff8bb8,#ea5799);color:#fff;padding:11px 22px;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 7px 16px #ea579942;transition:transform .16s ease,box-shadow .16s ease}.voice-start:active,.voice-main-button:active{transform:scale(.94);box-shadow:0 3px 9px #ea579945}.voice-rec-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}.voice-clear{display:inline-flex;gap:6px;align-items:center;justify-content:center;border:1px solid #f7c5d9;background:#fff;border-radius:99px;padding:11px 16px;color:#b54b78;font-weight:800;font-size:12px;cursor:pointer}.voice-clear:active{transform:scale(.96)}.voice-caption{font-size:10px;color:#b77c99;line-height:1.6;margin:10px 0 0}.voice-error,.home-notice-error{color:#ae2347;font-size:12px;line-height:1.5}.voice-recording-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:#bd326c;font-size:13px;font-weight:900}.rec-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#f13973;animation:voice-pulse .9s ease-in-out infinite alternate}@keyframes voice-pulse{0%{transform:scale(.76);opacity:.48}to{transform:scale(1.12);opacity:1}}.voice-preview-label{font-size:12px;font-weight:850;color:#ad3c70;margin-bottom:9px}.voice-list-title{margin:19px 0 12px;font-size:13px;color:#953962;font-weight:900}.voice-list{display:flex;flex-direction:column;gap:10px;max-height:425px;overflow-y:auto}.voice-empty{padding:15px 5px;text-align:center;font-size:12px;color:#ae7996}.voice-item{padding:12px 14px;border:1px solid #ffdaea;border-radius:18px;background:#fff;min-width:0}.voice-from-boy{margin-right:15px}.voice-from-girl{margin-left:15px;background:#fff1f8}.voice-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.voice-item-head strong{font-size:12px;color:#a42d67}.voice-item-head small{font-size:10px;color:#b16f90}.voice-audio{display:block;max-width:100%;width:100%;height:40px;accent-color:#ed679c}.home-notice-list{display:flex;flex-direction:column;gap:9px;max-height:60vh;overflow:auto}.home-notice-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #ffdeec;border-radius:13px;background:#fff8fb}.home-notice-icon{font-size:20px}.home-notice-item strong{display:block;color:#81365e;font-size:12px;line-height:1.5}.home-notice-item small{display:block;margin-top:4px;font-size:10px;color:#ad7a94}.home-enable-notices{border:1px solid #ffbad6;border-radius:13px;padding:12px;background:#ffedf5;color:#ae2e69;font-size:12px;font-weight:850;cursor:pointer}.home-social-toast{position:fixed;z-index:3000;left:50%;top:24px;max-width:min(92vw,400px);width:max-content;transform:translate(-50%);padding:13px 18px;background:#fff7fb;color:#9b2d64;border:1px solid #ffc6df;border-radius:17px;box-shadow:0 12px 32px #e26e9e52;font-size:13px;font-weight:850;animation:home-toast-in .22s ease both;pointer-events:none}@keyframes home-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.voice-role button:focus-visible,.love-role button:focus-visible,.voice-main-button:focus-visible,.voice-start:focus-visible,.voice-clear:focus-visible{outline:2px solid #d64581;outline-offset:3px}@media(prefers-reduced-motion:reduce){.rec-dot,.home-social-toast{animation:none!important}.voice-start,.voice-main-button,.voice-clear,.love-role button,.voice-role button{transition:none!important}}.calendar{padding:16px 12px}.calendar-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.calendar-month b{color:var(--ink-dark);font-size:14px}.calendar-month button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:12px;background:var(--pink-100);color:var(--pink-700)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.calendar-grid>strong{padding:8px 0;font-size:11px;color:var(--pink-700)}.day-cell{display:grid;place-items:center;height:35px}.day-cell span{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:30px;height:30px;border-radius:11px;font-size:11px}.day-cell span.current-day{color:#fff;font-weight:900;background:var(--pink-600);box-shadow:0 4px 10px #f5639e55}.day-cell i{position:absolute;bottom:2px;width:5px;height:5px;background:var(--pink-500);border-radius:50%}.day-cell .current-day i{background:#fff}.plan-header{display:flex;align-items:center;gap:11px}.date-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:60px;border-radius:17px;background:var(--pink-100);border:1px solid var(--pink-150);color:var(--pink-700)}.date-badge b{font-size:24px;line-height:1}.date-badge small{margin-top:5px;font-size:8px;font-weight:900}.plan-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.plan-meta strong{font-size:14px;font-weight:900}.plan-meta span{font-size:11px;color:var(--muted)}.delete-button{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffe1e9;border-radius:13px;background:#fff4f6;color:#d76482}.plan-status{display:inline-block;margin-top:15px;padding:6px 10px;border-radius:30px;color:var(--pink-700);background:var(--pink-100);font-size:10px;font-weight:900}.plan-detail>.muted{font-size:12px;margin-top:9px}.plan-detail .section-head{margin:10px 0;font-size:11px}.plan-detail .section-head b{font-size:12px}.task{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;padding:9px 0;font-size:12px}.check-box{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:1px solid var(--pink-300);border-radius:7px;color:#fff}.check-box.checked{background:var(--pink-500);border-color:var(--pink-500)}.task-done{color:var(--muted);text-decoration:line-through}.empty{text-align:center;padding:32px 20px}.empty div{font-size:38px}.empty h3{margin-top:9px}.other-plans{overflow:hidden;padding:0}.other-toggle{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:16px;border:0;background:none}.other-toggle span{display:flex;flex-direction:column;gap:6px}.other-toggle strong{font-size:13px}.other-toggle small{color:var(--muted)}.other-entry{margin:0 11px;border-top:1px solid var(--line)}.compact-main{display:flex;align-items:center;gap:6px}.compact-main>button:first-child{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;border:0;background:none;padding:12px 0}.compact-main>button:first-child>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.compact-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.compact-main small{font-size:10px;color:var(--muted)}.compact-date{width:34px;display:flex;flex-direction:column;align-items:center}.compact-date b{color:var(--pink-700);font-size:16px}.compact-main .delete-button{width:34px;height:34px}.plan-compact-detail{margin-bottom:12px;padding:12px;background:var(--pink-50)}.task-input{display:flex;gap:8px;align-items:center;margin-bottom:9px}.task-input>span{color:var(--muted);font-size:12px}.task-input input{min-width:0;flex:1}.task-input button{border:0;background:none;color:var(--pink-600)}.auto-card{display:flex;align-items:center;gap:13px}.auto-card>div{flex:1}.auto-card strong{font-size:13px;font-weight:900}.auto-card p{font-size:10px;margin-top:6px}.switch{flex-shrink:0;width:46px;height:27px;position:relative;cursor:pointer}.switch input{opacity:0;position:absolute}.switch span{position:relative;display:block;width:46px;height:27px;background:var(--pink-200);border-radius:30px;transition:background .2s}.switch span:after{content:"";position:absolute;width:21px;height:21px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #a9577d30;transition:transform .2s}.switch input:checked+span{background:var(--pink-500)}.switch input:checked+span:after{transform:translate(19px)}.tip{margin:11px 1px 21px;color:var(--muted);font-size:10px;line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.photo-grid .card{overflow:hidden;margin:0;padding:0}.photo-frame{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--pink-100)}.photo-frame img{display:block;width:100%;height:100%}.photo-empty{min-height:165px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--pink-500);background:linear-gradient(140deg,#fff2f8,#ffe5f0)}.photo-empty span{font-size:12px;font-weight:800}.photo-info{padding:10px;display:flex;flex-direction:column;gap:6px}.photo-info strong{font-size:12px}.photo-info small{color:var(--muted);font-size:10px}.photo-reactions{display:flex;justify-content:space-between;gap:1px;margin-top:8px}.photo-reactions button{border:1px solid transparent;border-radius:8px;padding:3px 0;background:none;font-size:17px}.photo-reactions button.selected{background:var(--pink-100);border-color:var(--pink-200)}.reacted{font-size:12px;min-height:15px}.comment-toggle{text-align:left;padding:5px 0;font-size:10px}.comments p{font-size:11px}.comments textarea{min-height:63px;padding:8px;font-size:11px}.pick-photo-action{display:flex;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:11px;font-weight:900;color:var(--pink-700);background:#fffa;border-radius:0 0 13px 13px}.daily-card{background:linear-gradient(150deg,#fff 38%,#fff0f6)}.daily-card .section-head{margin-bottom:6px}.daily-card p{font-size:11px}.percent{text-align:center;font-size:52px;font-weight:950;letter-spacing:-2px;color:var(--pink-600);margin-top:13px}.status-label{text-align:center;font-size:13px;font-weight:900}.range{width:100%;accent-color:var(--pink-500);margin:20px 0 11px}.range-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:19px;color:var(--muted);font-size:10px}.saved-status{display:block;margin-top:13px;text-align:center;color:var(--pink-700)}.memory{display:flex;align-items:center;gap:13px}.memory-emoji{flex-shrink:0;width:62px;height:63px;display:grid;place-items:center;border-radius:17px;font-size:29px}.memory>div{display:flex;flex-direction:column;gap:5px;min-width:0}.memory small{color:var(--pink-700);font-weight:850}.memory strong{font-size:13px}.memory p{font-size:11px;color:var(--muted)}.history-img{width:100%;height:auto;aspect-ratio:3 / 4;border-radius:14px}@media(max-width:360px){.photo-reactions button{font-size:14px}.photo-info{padding:8px}}.couple-hero{min-height:180px;background:linear-gradient(115deg,#ffaccb,#f16fa5);box-shadow:0 10px 22px #ec7da936}.couple-hero:before{content:"💌";right:8%;top:14px;font-size:73px;opacity:.55;transform:rotate(9deg)}.couple-hero h2{color:#fff;font-size:23px;letter-spacing:-.5px;margin:9px 0}.couple-hero p{font-size:11px;font-weight:750;max-width:290px;line-height:1.6}.small-hearts{font-size:31px;filter:drop-shadow(0 4px 7px #ed7da536)}.pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pulse{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:17px 3px;transition:transform .2s}.pulse:hover{transform:translateY(-3px)}.pulse span{font-size:28px}.pulse strong{font-size:11px}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.moods button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:13px 3px;border-radius:15px;background:var(--pink-50);border:1px solid var(--line)}.moods button.chosen{border-color:var(--pink-400);background:var(--pink-100);box-shadow:inset 0 0 0 1px var(--pink-200)}.moods span{font-size:25px}.moods small{color:var(--rose-deep);font-size:10px;font-weight:800}.activity{display:flex;align-items:center;gap:12px;padding:13px}.activity>span{font-size:25px}.activity p{font-size:12px}.activity small{color:var(--muted)}.us-hero{text-align:center;padding:23px 17px;background:linear-gradient(180deg,#fff 40%,#fff0f7)}.big-avatars{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:16px}.big-avatars div{display:grid;place-items:center;overflow:hidden;width:80px;height:80px;border:4px solid white;border-radius:50%;outline:2px solid var(--pink-300);background:var(--pink-100);font-size:35px;box-shadow:0 5px 13px #f1a3be33}.big-avatars div img{display:block;width:100%;height:100%}.big-avatars svg{fill:var(--pink-500);color:var(--pink-500);filter:drop-shadow(0 3px 5px #ff96bb63)}.us-hero h2{font-size:20px}.us-hero p{font-size:11px;margin-top:6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:25px}.metrics div{display:flex;align-items:center;flex-direction:column;gap:7px;border-right:1px solid var(--pink-200)}.metrics div:last-child{border:0}.metrics b{font-size:22px;font-weight:950;color:var(--pink-600)}.metrics span{font-size:10px;color:var(--muted)}.setting-row{display:flex;align-items:center;gap:13px}.setting-row>svg{flex-shrink:0;color:var(--pink-600);background:var(--pink-100);box-sizing:content-box;padding:10px;border-radius:13px}.setting-row>div{display:flex;flex-direction:column;gap:5px}.setting-row b{font-size:13px}.setting-row small{color:var(--muted)}.logout{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px;margin-top:15px;border:1px solid var(--pink-200);border-radius:15px;background:#fff1f5;color:var(--pink-700);font-weight:900}:root{color-scheme:light;--pink-50: #fff9fc;--pink-100: #fff0f6;--pink-150: #ffe5f0;--pink-200: #ffd4e6;--pink-300: #ffaccd;--pink-400: #fb8db8;--pink-500: #f5639e;--pink-600: #e94e8e;--pink-700: #cb3878;--rose-deep: #9d4268;--ink: #633b51;--ink-dark: #4d2d42;--muted: #a57d92;--line: #f7dce8;--surface: #ffffff;--surface-soft: #fff8fb;--canvas: #fff5fa;--shadow: 0 8px 30px rgba(198, 100, 143, .085);--shadow-strong: 0 18px 55px rgba(189, 72, 123, .16);--radius-card: 22px;--radius-input: 13px;--gradient-main: linear-gradient(125deg, #ff9fbd 0%, #fa7daa 52%, #e967a5 100%);--gradient-soft: linear-gradient(135deg, #fff0f5, #ffe2ee);font-family:Nunito,Segoe UI,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}html{min-width:320px}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.57;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-within>input[type=file]+span{outline:3px solid var(--pink-300);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.22;font-weight:900;letter-spacing:-.85px;color:var(--ink-dark)}h2{font-size:18px;color:var(--ink-dark)}h3{color:var(--ink-dark)}small{font-size:11px}p{line-height:1.65}img{max-width:100%;object-fit:cover}#root{min-height:100dvh}.page{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(circle at 15% 20%,#ffe0ec 0,transparent 27%),radial-gradient(circle at 86% 85%,#fbdce9 0,transparent 32%),linear-gradient(145deg,#fff8fc,#ffe9f3)}.phone-shell{width:min(100%,520px);height:100dvh;min-height:450px;display:flex;flex-direction:column;background:var(--canvas);box-shadow:var(--shadow-strong);position:relative}.main-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:25px 17px 38px;scrollbar-width:thin;scrollbar-color:var(--pink-200) transparent;background:radial-gradient(circle at 99% 6%,#ffdfed 0,transparent 21%),linear-gradient(180deg,#fff8fc,#fff5fa)}.nav{flex-shrink:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:9px 9px calc(9px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--pink-150);box-shadow:0 -7px 24px #da7fa10d}.nav button{border:0;background:transparent;min-width:0;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px 1px 5px;color:#b89aaa;transition:background .2s,color .2s,transform .2s}.nav button svg{transition:transform .2s}.nav button span{font-size:10px;font-weight:800;white-space:nowrap}.nav button.active{background:var(--pink-100);color:var(--pink-600)}.nav button.active svg{transform:translateY(-1px);fill:#f5639e15}.nav button:active{transform:scale(.94)}.top-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 21px}.top-head>div:first-child{min-width:0}.top-head small{display:block;color:var(--pink-600);font-size:9px;font-weight:900;letter-spacing:1.55px;margin-bottom:7px;text-transform:uppercase}.top-head h1{max-width:350px}.pink,.text-btn{color:var(--pink-600)!important}.muted{color:var(--muted)!important}.error{color:#c43d64;font-size:12px;margin:10px 0;font-weight:750}@media(min-width:650px){.page{padding:22px 0}.phone-shell{height:calc(100dvh - 44px);border:1px solid #ffe5ed;border-radius:30px;overflow:hidden}}@media(max-width:360px){h1{font-size:21px}.main-scroll{padding:19px 12px 24px}.nav button span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:17px;margin-bottom:15px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:22px 1px 13px}.card .section-head:first-child{margin-top:0}.section-head h2{font-size:16px;font-weight:900}.section-head small{color:var(--muted)}.text-btn{background:transparent;border:0;padding:6px 2px;font-size:12px;font-weight:900}.header-actions{display:flex;gap:9px;flex-shrink:0}.icon-button,.avatar-header{display:grid;place-items:center;position:relative;width:41px;height:41px;border:1px solid var(--pink-200);background:#fff;border-radius:15px;color:var(--pink-600);box-shadow:0 4px 13px #f3a3c02e}.avatar-header{border-radius:50%;font-weight:900;background:var(--pink-150);border:2px solid white;box-shadow:0 0 0 2px var(--pink-300)}.notice-dot{position:absolute;width:9px;height:9px;top:4px;right:5px;background:var(--pink-600);border:2px solid white;border-radius:50%}.sep{border-top:1px dashed var(--pink-200);width:100%;margin:13px 0}.bar{height:7px;overflow:hidden;border-radius:99px;background:var(--pink-100);margin:11px 0}.bar span{display:block;height:100%;border-radius:inherit;background:var(--gradient-main);transition:width .3s ease}.soft-button{background:var(--pink-100);color:var(--pink-700);font-size:11px;font-weight:900;padding:9px 12px;border:1px solid var(--pink-150);border-radius:12px}.primary,.modal-actions .primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:15px;background:var(--gradient-main);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 17px #ef6a9d3e;transition:transform .18s,filter .18s}.primary:hover:not(:disabled){filter:saturate(1.12) brightness(1.02)}.primary:active:not(:disabled){transform:translateY(1px)}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:850;color:var(--ink);margin-bottom:15px}.field input,.field textarea,input:not([type=range]):not([type=file]):not([type=checkbox]),textarea{width:100%;min-height:46px;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--surface-soft);color:var(--ink-dark);outline:none;font-size:13px}input:focus,textarea:focus{border-color:var(--pink-400)!important;box-shadow:0 0 0 3px #ffb8d437}input::placeholder,textarea::placeholder{color:#bba0ae}input[type=date]{color-scheme:light}textarea{resize:vertical;min-height:94px}.modal-back{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;background:#5b314a8a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,520px);max-height:93dvh;padding:20px 19px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;border:1px solid var(--pink-200);border-radius:26px 26px 0 0;background:#fffafb;box-shadow:0 -15px 55px #7e2c5d28}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.modal-head h2{font-size:20px;font-weight:900}.modal-head .icon-button{width:37px;height:37px}.modal-scroll{overflow-y:auto;min-height:0;padding-right:4px}.modal-scroll h3{margin:20px 0 12px;font-size:14px;color:var(--pink-700)}.modal-actions{display:flex;gap:10px;margin-top:17px}.modal-actions button{flex:1;min-height:47px;border:1px solid var(--pink-150);border-radius:14px;background:var(--pink-100);font-size:13px;font-weight:900;color:var(--rose-deep)}.modal-actions .primary{color:#fff}.pick-image{position:relative;display:block;cursor:pointer}.pick-image>input,.login-photo-pick>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.notification{background:var(--pink-100);border:1px solid var(--line);color:var(--rose-deep);border-radius:14px;padding:14px;margin-bottom:10px;font-size:13px}.top-plus{display:grid;place-items:center;position:relative;width:48px;height:48px;flex-shrink:0;border:0;border-radius:17px;background:var(--gradient-main);color:#fff;box-shadow:0 8px 19px #ec679a42}.corner-plus{position:absolute;right:5px;top:6px}@media(min-width:650px){.modal-back{align-items:center}.modal{border-radius:25px;max-height:86dvh}}