:root{font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;color:#493744;background:#fce7f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(#fff1f7a3,#fff1f7a3),url('./baby-background.png') center/cover fixed no-repeat;display:flex;justify-content:center;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}button,input{font:inherit}.screen{width:min(100%,760px);min-height:100svh;padding:18px 0 26px}.topbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 3px 10px}.topbar h1{font-size:clamp(25px,6vw,34px);letter-spacing:-.7px;margin:0;font-weight:700;color:#69495d}.install-button{border:0;border-radius:50%;width:42px;height:42px;background:#fff8fc;color:#9d5d7c;font-size:23px;box-shadow:0 3px 14px #74445b1c}.tracker-card{background:#fff9fcf2;border:1px solid #fff;box-shadow:0 14px 45px #85445f20;border-radius:24px;padding:clamp(19px,5vw,30px);backdrop-filter:blur(5px)}.label{font-size:clamp(14px,3.4vw,18px);font-weight:700;letter-spacing:.045em;color:#795e70}.elapsed{font-size:clamp(53px,13.5vw,94px);font-weight:700;letter-spacing:-.06em;line-height:1.18;font-variant-numeric:tabular-nums;color:#533b4d;white-space:nowrap;margin-top:11px}.time-legend{font-size:clamp(13px,3vw,16px);color:#8c7484;margin-top:3px}.time-legend span{padding:0 4px;color:#d58eac}.divider{height:1px;background:#eedce5;margin:24px 0 20px}.last-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.small-label{font-size:clamp(13px,3vw,16px);color:#856f7e;margin-bottom:4px}.last-value{font-size:clamp(20px,5.2vw,29px);font-weight:650;color:#493744}.amount-block{text-align:right}.formula-note{font-size:15px;color:#866d7b;margin-top:7px;min-height:20px}.register-button,.save-button{width:100%;height:66px;border:0;border-radius:16px;background:#d982a7;color:white;font-size:clamp(19px,4.6vw,24px);font-weight:700;box-shadow:0 7px 16px #bd678b35;cursor:pointer}.register-button{margin-top:23px}.register-button:active,.save-button:active{transform:scale(.99)}.plus{font-size:28px;vertical-align:-1px;margin-right:8px;font-weight:500}.history-toggle{width:100%;margin:14px 0 0;padding:15px 18px;border:1px solid #fff9;background:#fff8fcde;border-radius:15px;text-align:left;color:#674a5c;font-size:17px;font-weight:700;box-shadow:0 5px 20px #85445f12}.history-toggle #history-count{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:20px;background:#f8dce8;color:#9a5978;font-size:14px;margin-left:6px}.chevron{float:right;font-size:22px;line-height:21px}.history-panel{background:#fff9fcf2;border:1px solid white;border-radius:15px;margin-top:8px;padding:8px 18px 15px;box-shadow:0 8px 25px #85445f12}.history-item{padding:13px 0;border-bottom:1px solid #f1e1e8;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.history-name{font-size:17px;font-weight:700}.history-amount{grid-column:2;grid-row:1/3;text-align:right;align-self:center;font-size:20px;font-weight:700;color:#754c64}.history-when{font-size:14px;color:#8d7785}.clear-button{display:block;margin:13px 0 0 auto;border:0;background:none;color:#a85b7c;text-decoration:underline;font-size:14px;padding:5px}.empty-history{font-size:15px;color:#8b7482;padding:14px 0}.privacy-note{text-align:center;color:#795f70;font-size:13px;margin:13px 8px 0;text-shadow:0 1px 4px white}.feed-dialog{width:min(calc(100% - 24px),470px);border:1px solid white;border-radius:22px;padding:0;background:#fffafd;color:#493744;box-shadow:0 25px 80px #4c294477}.feed-dialog::backdrop{background:#4c314a70;backdrop-filter:blur(3px)}.feed-form{padding:23px;display:flex;flex-direction:column}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-head h2{font-size:28px;margin:5px 0 0;color:#614458}.close-button{border:0;background:#f8e3ec;color:#88526d;border-radius:50%;width:37px;height:37px;font-size:27px;line-height:1}.feed-form label{font-size:15px;font-weight:700;color:#75596a;margin:0 0 7px}.feed-form input{height:55px;border:1px solid #e9cfdb;border-radius:12px;background:white;padding:0 14px;font-size:18px;color:#493744;margin-bottom:17px;outline:none}.feed-form input:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}.feed-form input::placeholder{color:#c4b3bd}.save-button{margin-top:5px;height:58px;font-size:19px}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translate(-50%,16px);padding:14px 20px;border-radius:50px;background:#624457;color:#fff;font-size:15px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;box-shadow:0 5px 20px #54314533;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:700px){.screen{padding-top:28px}.tracker-card{padding:30px 34px}.register-button{height:72px}}
.feed-form select{width:100%;height:55px;border:1px solid #e9cfdb;border-radius:12px;background:#fff;padding:0 14px;font-size:18px;color:#493744;margin-bottom:17px;outline:none}.feed-form select:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}.formula-picker{position:relative;margin-bottom:17px}.formula-picker input{width:100%;margin:0}.formula-options{position:absolute;z-index:4;left:0;right:0;top:calc(100% + 4px);max-height:245px;overflow:auto;border:1px solid #e9cfdb;border-radius:12px;background:#fffafd;box-shadow:0 12px 28px #60394b24;padding:5px}.formula-option{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;border:0;border-radius:8px;background:transparent;padding:10px 11px;color:#493744;text-align:left;font-size:16px}.formula-option:hover,.formula-option:focus{background:#fae8f0;outline:none}.formula-option small{font-size:12px;color:#9a7388}
.auth-screen{width:100%;min-height:100svh;display:grid;place-items:center;padding:20px 0}.auth-card{width:min(100%,480px);border:1px solid white;border-radius:24px;background:#fff9fcf2;box-shadow:0 14px 45px #85445f20;padding:clamp(22px,6vw,34px);backdrop-filter:blur(5px)}.auth-card .auth-mark{text-align:center;color:#d982a7;font-size:40px;line-height:1}.auth-card h1{text-align:center;font-size:clamp(27px,7vw,36px);color:#69495d;margin:8px 0}.auth-card>p:not(.auth-message){text-align:center;font-size:16px;line-height:1.5;color:#856f7e;margin:0 0 20px}.auth-card label,.family-panel label{display:block;font-size:15px;font-weight:700;color:#75596a;margin:13px 0 7px}.auth-card input,.family-panel input{width:100%;height:55px;border:1px solid #e9cfdb;border-radius:12px;background:#fff;padding:0 14px;font-size:17px;color:#493744;outline:none}.auth-card input:focus,.family-panel input:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}.auth-card .save-button,.family-panel .save-button{height:58px;font-size:18px;margin-top:17px}.text-button{display:block;border:0;background:none;color:#a85b7c;text-decoration:underline;font-size:15px;padding:9px;margin:5px auto 0}.auth-message{min-height:20px;margin:12px 0 0;text-align:center;color:#8c4c6c;font-size:14px;line-height:1.4}.auth-signout{display:block}.account-bar{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:0 4px 14px;color:#795f70;font-size:13px}.account-bar span{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar button{border:0;background:#fff9fcde;color:#895871;border-radius:20px;padding:8px 12px;font-weight:700}.family-panel{border:1px solid white;border-radius:15px;background:#fff9fcf2;margin-top:12px;padding:18px;box-shadow:0 8px 25px #85445f12}.family-panel h2{margin:0 0 7px;color:#674a5c}.family-panel>p{font-size:14px;line-height:1.45;color:#856f7e}.family-panel .save-button{width:100%}.invite-result{border:1px solid #f0d9e4;border-radius:12px;padding:12px;margin-top:14px;background:#fff}.invite-result p{font-size:14px;line-height:1.4;color:#75596a}.invite-result input{margin-top:8px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.auth-card button:disabled{opacity:.6}

.edit-amount{border:1px solid #e8bfd0;border-radius:9px;background:#fff7fb;color:#a45c7a;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer}.amount-block .edit-amount{margin-top:5px}.history-amount{grid-column:2;grid-row:1;align-self:start}.history-edit{grid-column:2;grid-row:2;justify-self:end;align-self:center}.history-when{grid-column:1;grid-row:2}

.history-when{grid-row:2/4;align-self:center}.history-delete{grid-column:2;grid-row:3;justify-self:end;align-self:center;border:1px solid #efc4d1;border-radius:9px;background:#fff5f7;color:#b34f69;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer}
.timer-layout{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer-copy{min-width:0;flex:1}.baby-profile{width:clamp(112px,25vw,180px);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px}.baby-photo{position:relative;width:clamp(108px,24vw,166px);height:clamp(108px,24vw,166px);border:4px solid #efabc5;border-radius:50%;padding:0;overflow:hidden;background:linear-gradient(145deg,#fff3f8,#f8d9e7);display:grid;place-items:center;color:#c96f98;cursor:pointer;box-shadow:0 4px 14px #a74d7626}.baby-photo img{width:100%;height:100%;object-fit:cover}.baby-photo #photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:0}.baby-photo #photo-placeholder b{font-size:34px;line-height:1}.baby-photo #photo-placeholder small{font-size:12px;font-weight:700}.photo-edit{position:absolute;right:0;bottom:0;left:0;background:#68485bbd;color:white;font-size:12px;font-weight:700;padding:4px;opacity:0;transition:opacity .15s}.baby-photo.is-editing .photo-edit{opacity:1}.baby-name{width:100%;border:0;border-bottom:1px solid #eac5d5;background:transparent;text-align:center;color:#674a5c;font-size:clamp(14px,3vw,18px);font-weight:700;padding:4px 1px;outline:none}.baby-name:focus{border-bottom:2px solid #d982a7}.baby-name::placeholder{color:#9c7c8d;font-weight:600}.profile-status{min-height:14px;color:#9a7889;text-align:center;font-size:10px;line-height:1.25}.divider{clear:both}@media(max-width:480px){.tracker-card{padding:18px 14px}.timer-layout{gap:8px}.elapsed{font-size:clamp(38px,10vw,53px);letter-spacing:-.065em}.label{font-size:13px}.time-legend{font-size:12px}.baby-profile{width:116px}.baby-photo{width:108px;height:108px;border-width:3px}.baby-photo #photo-placeholder b{font-size:32px}.baby-photo #photo-placeholder small{font-size:10px}.baby-name{font-size:13px}}

.feed-dialog.modal-fallback[open]{display:block;position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);max-height:90vh;overflow:auto;margin:0;box-shadow:0 20px 80px #4c294477}
.language-picker{min-width:78px;height:36px;border:1px solid #edd3df;border-radius:18px;background:#fff9fc;color:#674a5c;padding:0 7px;font-size:14px;font-weight:700;cursor:pointer;outline:none}.language-picker:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}@media(max-width:480px){.account-bar{gap:6px}.language-picker{min-width:67px;height:34px;padding:0 4px;font-size:12px}.account-bar button{padding:7px 9px;font-size:12px}}
.app-tabs{display:flex;gap:10px;margin:0 3px 12px}.app-tab{flex:1;min-height:48px;border:1px solid #fff;border-radius:14px;background:#fff9fcdb;color:#866d7d;font-size:17px;font-weight:750;letter-spacing:.01em;box-shadow:0 5px 18px #85445f12;cursor:pointer}.app-tab.active{background:#d982a7;color:#fff;border-color:#d982a7;box-shadow:0 6px 17px #bd678b35}.app-tab:focus-visible{outline:3px solid #a9577b;outline-offset:2px}.meds-panel{min-height:260px;margin-top:0;padding:26px;border:1px solid #fff;border-radius:22px;background:#fff9fcf2;box-shadow:0 14px 45px #85445f20;text-align:center}.meds-panel h2{margin:0 0 12px;color:#674a5c;font-size:26px}.meds-panel p{margin:0;color:#856f7e;font-size:17px;line-height:1.5}
.meds-page{width:100%}.meds-history-head{display:flex;align-items:center;gap:10px;margin-top:0}.meds-history-head .history-toggle{flex:1;margin:14px 0 0}.meds-history-head select{min-width:112px;max-width:44%;height:54px;margin-top:14px;padding:0 10px;border:1px solid #efd5e0;border-radius:13px;background:#fff9fcf2;color:#674a5c;font-size:15px;font-weight:650}.meds-history-head select:focus{outline:3px solid #d982a744;border-color:#cf7fa0}@media(max-width:420px){.meds-history-head{gap:7px}.meds-history-head .history-toggle{padding:13px 10px;font-size:14px}.meds-history-head select{min-width:100px;font-size:13px;padding:0 6px}}
.med-history-item .history-name{grid-column:1;grid-row:1}.med-history-item .history-amount{grid-column:2;grid-row:1;align-self:center}.med-history-item .history-when{grid-column:1/-1;grid-row:2}.med-history-actions{grid-column:1/-1;grid-row:3;display:flex;justify-content:flex-end;gap:8px;padding-top:5px}
.baby-gender{width:100%;height:34px;margin-bottom:1px;padding:0 8px;border:1px solid #edcbd9;border-radius:17px;background:#fff9fc;color:#84596e;text-align:center;text-align-last:center;font-size:13px;font-weight:700;outline:none}.baby-gender:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}@media(max-width:480px){.baby-gender{height:30px;font-size:12px}}

body[data-baby-gender='boy']{background:url('./baby-boy-background.png') center/cover fixed no-repeat}
body[data-baby-gender='girl']{background:url('./baby-girl-background.png') center/cover fixed no-repeat}

body[data-baby-gender='boy'] .app-tab.active{background:#54a8e7;border-color:#54a8e7;box-shadow:0 6px 17px #438fc235}
body[data-baby-gender='boy'] .register-button,body[data-baby-gender='boy'] .save-button{background:#54a8e7;box-shadow:0 7px 16px #438fc235}
body[data-baby-gender='boy'] .baby-photo{border-color:#8bcaf4;color:#378fc9}
body[data-baby-gender='boy'] .baby-gender{border-color:#b9ddf5;color:#347eaa}
body[data-baby-gender='boy'] .baby-gender:focus,body[data-baby-gender='boy'] .feed-form input:focus,body[data-baby-gender='boy'] .feed-form select:focus,body[data-baby-gender='boy'] .auth-card input:focus,body[data-baby-gender='boy'] .family-panel input:focus{border-color:#58a9e6;box-shadow:0 0 0 3px #58a9e633}
body[data-baby-gender='boy'] .baby-name:focus{border-bottom-color:#58a9e6}
body[data-baby-gender='boy'] .history-toggle #history-count{background:#dcefff;color:#337daf}
body[data-baby-gender='boy'] .edit-amount{border-color:#b7d9f1;background:#eff8ff;color:#347eaa}
body[data-baby-gender='boy'] .delete-amount{border-color:#c5def1;background:#f3f9ff;color:#487a9d}
body[data-baby-gender='boy'] .language-picker:focus{border-color:#58a9e6;box-shadow:0 0 0 3px #58a9e633}

.meds-timers{display:flex;flex-direction:column;gap:0}.meds-timer{padding:2px 0}.meds-main-medication-label{display:block;margin:8px 0 0;color:#806779;font-size:13px;font-weight:650}.meds-main-medication-label[hidden]{display:none}.meds-main-medication{display:block;width:min(100%,360px);height:42px;margin:9px 0 0;padding:0 12px;border:1px solid #b9ddf5;border-radius:12px;background:#fff8fb;color:#ae6482;font:inherit;font-size:15px;font-weight:650}.meds-main-medication[hidden]{display:none}.meds-timer-elapsed{font-size:clamp(43px,11vw,74px);margin-top:7px}.meds-timer-divider{margin:16px 0}.meds-timers .time-legend{margin-top:0}

.amount-entry-row{display:flex;align-items:stretch;gap:9px}.amount-entry-row #amount{flex:1;min-width:0;margin-bottom:17px}.amount-entry-row #amount-unit{width:88px;flex:0 0 88px;margin-bottom:17px}

.timer-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.baby-picker{min-width:118px;max-width:50%;height:36px;padding:0 10px;border:1px solid #c9dff3;border-radius:20px;background:#fff9fc;color:#387eaa;font-size:14px;font-weight:700;text-align:center;text-align-last:center}.add-baby-timer{margin-top:12px;height:54px;font-size:18px}.baby-timer-list{display:grid;gap:9px;margin-top:10px}.baby-timer-card{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:14px 18px;border:1px solid #fff;border-radius:16px;background:#fff9fcf0;color:#61485a;text-align:left;box-shadow:0 7px 22px #85445f12;cursor:pointer}.baby-timer-card-name{font-size:17px;font-weight:700}.baby-timer-card strong{grid-column:2;grid-row:1/3;font-size:clamp(24px,6vw,34px);font-variant-numeric:tabular-nums}.baby-timer-card small{font-size:12px;color:#8b7482}.baby-timer-card:focus-visible{outline:3px solid #4da9e9;outline-offset:2px}body[data-baby-gender='boy'] .baby-picker{border-color:#a8d4f2;color:#347eaa}body[data-baby-gender='boy'] .baby-timer-card{background:#f6fbfff0;border-color:#c7e4f8}body[data-baby-gender='boy'] .baby-timer-card small{color:#6489a1}@media(max-width:480px){.baby-picker{min-width:98px;height:32px;font-size:12px}.timer-title-row .label{font-size:12px}}
.timer-title-row{align-items:center}.baby-name-timer{flex:1;min-width:72px;max-width:180px;text-align:left;font-size:14px;padding:3px 6px}.baby-picker{width:100%;max-width:100%;margin-bottom:2px}.add-baby-timer{display:inline-flex;width:auto;min-width:0;height:38px;margin-top:10px;padding:0 17px;border-radius:13px;font-size:14px;box-shadow:0 5px 14px #85445f16}.add-baby-timer[hidden],.baby-picker[hidden]{display:none}body[data-baby-gender='boy'] .baby-name-timer:focus{border-bottom-color:#58a9e6}@media(max-width:480px){.timer-title-row{gap:7px}.timer-title-row .label{font-size:12px}.baby-name-timer{max-width:118px;font-size:12px}.add-baby-timer{height:34px;font-size:13px}}
.baby-timer-card{grid-template-columns:minmax(70px,1fr) auto auto;position:relative}.baby-timer-name{grid-column:1;grid-row:1;width:100%;min-width:0;border:0;border-bottom:1px solid #eac5d5;border-radius:0;background:transparent;color:#61485a;font-size:16px;font-weight:700;padding:4px 2px;outline:none}.baby-timer-name:focus{border-bottom:2px solid #58a9e6}.baby-timer-card strong{grid-column:2;grid-row:1/3}.baby-timer-select{grid-column:1;grid-row:2;justify-self:start;border:1px solid #c8dff0;border-radius:9px;background:#fff;color:#387eaa;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer}.baby-timer-delete{grid-column:3;grid-row:1;align-self:start;border:0;border-radius:50%;width:26px;height:26px;padding:0;background:#fff0f2;color:#bc5472;font-size:20px;line-height:1;cursor:pointer}.baby-timer-delete:focus-visible,.baby-timer-select:focus-visible{outline:2px solid #4da9e9;outline-offset:2px}
.baby-timer-delete[hidden]{display:none}
.add-baby-timer:disabled{opacity:.65;cursor:wait}
.timer-title-row{justify-content:flex-start;gap:14px}.baby-name-timer{flex:0 1 220px;min-width:90px;max-width:220px;border:0!important;border-bottom:0!important;box-shadow:none!important;background:transparent;color:#493744;font-size:19px;font-weight:750;line-height:1.2;padding:2px 0}.baby-name-timer:focus{border:0!important;outline:2px solid #83c5f4;outline-offset:2px;border-radius:4px}@media(max-width:480px){.timer-title-row{justify-content:flex-start;gap:6px}.timer-title-row .label{font-size:11px}.baby-name-timer{flex:0 1 105px;min-width:76px;max-width:105px;font-size:16px}}
.baby-name-timer{flex:0 1 240px;min-width:90px;max-width:240px;border:1px solid #e5b2ca!important;border-bottom:1px solid #e5b2ca!important;border-radius:12px;background:#fff0f7!important;box-shadow:0 3px 12px #874b671c!important;color:#503448;font-size:21px;font-weight:800;line-height:1.2;padding:7px 12px}.baby-name-timer:focus{border:1px solid #cf7fa0!important;outline:2px solid #e8b5cb;outline-offset:2px;border-radius:12px}body[data-baby-gender='boy'] .baby-name-timer{background:#eaf6ff!important;border-color:#99cdf0!important;color:#245d83}body[data-baby-gender='girl'] .baby-name-timer{background:#fff0f7!important;border-color:#e9a9c3!important;color:#70445a}@media(max-width:480px){.baby-name-timer{flex:0 1 135px;min-width:76px;max-width:135px;font-size:18px;padding:6px 9px}}
.baby-name-timer{flex:0 1 auto;width:calc(5ch + 24px);min-width:calc(5ch + 24px);max-width:calc(11ch + 24px)}.baby-timer-name{flex:0 1 auto;width:calc(5ch + 22px);max-width:100%;font-weight:800;padding:6px 10px}

.vitamin-today-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 15px;color:#61485a}.vitamin-today-row strong{font-size:clamp(18px,4vw,23px);font-weight:750}.vitamin-today-row time{color:#8b7482;font-size:14px;text-align:right}.vitamin-alarm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vitamin-alarm>label:first-child{color:#806779;font-size:14px;font-weight:650}.vitamin-alarm input[type=time]{min-height:40px;padding:0 10px;border:1px solid #efd5e0;border-radius:11px;background:#fff9fc;color:#61485a;font:inherit}.vitamin-alarm-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid #efd5e0;border-radius:11px;background:#fff9fc;color:#70445a;font-size:14px;font-weight:700;cursor:pointer}.vitamin-alarm-toggle input{accent-color:#d982a7}.vitamin-alarm-status{min-height:0;margin:8px 0 0;color:#8b7482;font-size:12px;line-height:1.4}body[data-baby-gender='boy'] .vitamin-alarm input[type=time],body[data-baby-gender='boy'] .vitamin-alarm-toggle{border-color:#b9ddf5;color:#347eaa}body[data-baby-gender='boy'] .vitamin-alarm-toggle input{accent-color:#54a8e7}

/* Medication schedule reminders */
.meds-secondary-button{display:block;margin:10px auto 0;border:1px solid #edcbd9;border-radius:12px;background:#fff9fc;color:#80596c;padding:9px 16px;font-size:14px;font-weight:700;cursor:pointer}
.med-schedule-help{margin:12px 5px 8px;color:#806779;font-size:13px;line-height:1.45;text-align:center}
.med-schedule-list{display:grid;gap:9px;margin-top:10px}
.med-schedule-heading{margin:8px 4px 0;color:#674a5c;font-size:19px}
.med-schedule-empty{margin:0;padding:13px 16px;border:1px solid #fff;border-radius:14px;background:#fff9fcdf;color:#806779;font-size:14px}
.med-schedule-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:14px 16px;border:1px solid #fff;border-radius:15px;background:#fff9fcf2;box-shadow:0 7px 22px #85445f12;color:#61485a}
.med-schedule-name{font-size:17px}.med-schedule-summary,.med-schedule-next{grid-column:1;margin:0;color:#806779;font-size:13px;line-height:1.4}.med-schedule-remove{grid-column:2;grid-row:1/4;align-self:center;white-space:nowrap}
.schedule-form .schedule-section-title{margin:4px 0 12px;padding-top:12px;border-top:1px solid #efdce5;color:#674a5c;font-size:17px;font-weight:750}
.schedule-field{margin-bottom:10px}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.schedule-grid>div{min-width:0}.schedule-form .schedule-grid label{display:block;margin:0 0 6px;color:#806779;font-size:13px;font-weight:650}.schedule-form .schedule-grid input,.schedule-form .schedule-grid select{width:100%;min-width:0;height:55px;margin:0 0 8px}.schedule-example{display:inline-block;margin:1px 0 5px;padding:5px 9px;border-radius:12px;background:#eaf8ee;color:#238448;font-size:12px;font-weight:650}
.schedule-form #med-schedule-days-label{display:block;margin:0 0 6px;color:#806779;font-size:13px;font-weight:650}
body[data-baby-gender='boy'] .meds-main-medication{border-color:#b9ddf5;background:#f5fbff;color:#347eaa}body[data-baby-gender='boy'] .meds-secondary-button{border-color:#b9ddf5;background:#f5fbff;color:#347eaa}body[data-baby-gender='boy'] .med-schedule-card,body[data-baby-gender='boy'] .med-schedule-empty{background:#f6fbfff0;border-color:#c7e4f8}body[data-baby-gender='boy'] .schedule-form .schedule-section-title{border-color:#cfe6f7;color:#347eaa}body[data-baby-gender='boy'] .schedule-example{background:#e9f5ff;color:#317cae}
@media(max-width:420px){.schedule-grid{gap:7px}.schedule-form .schedule-grid input{font-size:16px;padding:0 10px}.med-schedule-card{padding:12px}}
.med-schedule-actions{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:6px}.med-schedule-actions .med-schedule-remove{white-space:nowrap}.med-schedule-doses{grid-column:1/-1;display:grid;gap:5px;max-height:260px;overflow:auto;margin-top:7px;padding:9px;border:1px solid #f0dce5;border-radius:12px;background:#fffdfd}.med-dose-heading{color:#674a5c;font-size:13px}.med-dose-check{display:flex;align-items:center;gap:9px;min-height:34px;padding:5px 8px;border-radius:8px;color:#705769;font-size:13px;cursor:pointer}.med-dose-check input{width:18px;height:18px;margin:0;accent-color:#d982a7;flex:0 0 auto}.med-dose-check.is-missed{background:#fff0f0;color:#ad4b58;font-weight:700}body[data-baby-gender='boy'] .med-schedule-doses{border-color:#cfe6f7;background:#fbfdff}body[data-baby-gender='boy'] .med-dose-check input{accent-color:#54a8e7}body[data-baby-gender='boy'] .med-dose-check.is-missed{background:#fff0f0;color:#ad4b58}
.med-dose-history-note{color:#917687;font-size:11px;padding:2px 8px}

/* Baby growth history */
.growth-page{width:100%}.growth-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.growth-heading-row h2{margin:0 0 4px;color:#674a5c;font-size:23px}.growth-heading-row p{margin:0;color:#806779;font-size:14px;line-height:1.4}.growth-baby-picker{min-width:105px}.growth-baby-picker label{display:block;margin:0 0 5px;color:#806779;font-size:12px;font-weight:700}.growth-baby-picker select{width:100%;height:40px;border:1px solid #efd5e0;border-radius:11px;background:#fff9fc;color:#674a5c;padding:0 9px;font-size:14px;font-weight:700}.growth-tracker .register-button{margin-top:2px}.growth-record-list{display:grid;gap:10px;margin-top:12px}.growth-empty,.growth-record-card{padding:15px 17px;border:1px solid #fff;border-radius:16px;background:#fff9fcf2;box-shadow:0 7px 22px #85445f12;color:#61485a}.growth-empty{margin:0;color:#806779;font-size:14px;line-height:1.45}.growth-record-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.growth-record-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.growth-record-heading strong{font-size:16px}.growth-record-heading time{color:#806779;font-size:13px}.growth-values{display:grid;gap:4px;color:#705769;font-size:14px}.growth-actions{display:flex;align-items:center;gap:7px}.growth-actions button{white-space:nowrap}.growth-measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.growth-input-unit{display:flex;align-items:stretch;gap:7px}.growth-form .growth-input-unit input{flex:1;min-width:0;margin-bottom:17px}.growth-form .growth-input-unit select{width:76px;flex:0 0 76px;margin-bottom:17px;padding:0 8px}.growth-form>label{margin-top:13px}body[data-baby-gender='boy'] .growth-heading-row h2{color:#347eaa}body[data-baby-gender='boy'] .growth-baby-picker select{border-color:#b9ddf5;color:#347eaa}body[data-baby-gender='boy'] .growth-record-card,body[data-baby-gender='boy'] .growth-empty{background:#f6fbfff0;border-color:#c7e4f8}@media(max-width:480px){.growth-heading-row{align-items:flex-start}.growth-baby-picker{min-width:94px}.growth-record-card{padding:13px}.growth-measurement-grid{gap:7px}.growth-form .growth-input-unit select{width:65px;flex-basis:65px;padding:0 5px}}
.growth-record-card{display:block;padding:0;overflow:hidden}.growth-record-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;list-style:none;color:#61485a;font-size:16px;font-weight:750;cursor:pointer}.growth-record-summary::-webkit-details-marker{display:none}.growth-record-summary::after{content:'+';display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fae8f0;color:#a85b7c;font-size:20px;line-height:1}.growth-record-card[open] .growth-record-summary::after{content:'−'}.growth-detail-body{border-top:1px solid #efdce5;padding:12px 17px 15px}.growth-detail-body p{margin:4px 0;color:#705769;font-size:14px;line-height:1.45}.growth-detail-body .growth-detail-pediatrician{font-weight:750;color:#674a5c}.growth-detail-body .growth-actions{justify-content:flex-end;margin-top:10px}body[data-baby-gender='boy'] .growth-record-summary{color:#347eaa}body[data-baby-gender='boy'] .growth-record-summary::after{background:#e9f5ff;color:#317cae}body[data-baby-gender='boy'] .growth-detail-body{border-color:#cfe6f7}
.baby-profile .baby-name-timer{width:100%;min-width:0;max-width:100%;flex:none;text-align:center;font-size:clamp(15px,4vw,19px);padding:6px 8px}.baby-dob-label{align-self:flex-start;margin:2px 0 -2px;color:#806779;font-size:11px;font-weight:700}.baby-dob{width:100%;height:34px;padding:0 8px;border:1px solid #edcbd9;border-radius:10px;background:#fff9fc;color:#674a5c;text-align:center;font-size:13px;font-weight:650;outline:none}.baby-dob:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}body[data-baby-gender='boy'] .baby-dob{border-color:#b9ddf5;color:#347eaa}body[data-baby-gender='boy'] .baby-dob:focus{border-color:#58a9e6;box-shadow:0 0 0 3px #58a9e633}body[data-baby-gender='boy'] .baby-profile .baby-name-timer:focus{border-color:#58a9e6!important}

.baby-age{align-self:center;margin:-3px 0 2px;color:#806779;font-size:12px;font-weight:650;text-align:center}.baby-age[hidden]{display:none}body[data-baby-gender='boy'] .baby-age{color:#347eaa}

.photo-adjust-button{border:1px solid #e8c3d3;border-radius:999px;background:#fff8fc;color:#82536a;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer}.photo-adjust-button:hover{background:#f9e5ee}.photo-crop-dialog{width:min(calc(100% - 24px),430px)}.photo-crop-form{gap:3px}.photo-crop-viewport{position:relative;width:clamp(220px,68vw,300px);aspect-ratio:1;margin:0 auto 8px;border:5px solid #efabc5;border-radius:50%;overflow:hidden;background:#f8eaf0;touch-action:none;cursor:grab;box-shadow:0 4px 18px #a74d7626}.photo-crop-viewport:active{cursor:grabbing}.photo-crop-viewport img{position:absolute;max-width:none;object-fit:fill;pointer-events:none;user-select:none;transform:translate(-50%,-50%)}.photo-crop-hint{text-align:center;color:#856f7e;font-size:14px;margin:3px 0 10px}.photo-crop-form input.photo-zoom{height:24px;padding:0;margin:0 0 14px;accent-color:#d982a7;cursor:pointer}.feed-form.history-editing label[for="brand"],.feed-form.history-editing #brand,.feed-form.history-editing #brand-custom,.feed-form.history-editing label[for="formula"],.feed-form.history-editing #formula,.feed-form.history-editing #formula-custom{display:none!important}.feed-form.history-editing .amount-entry-row{margin-bottom:2px}
.vaccine-tracker{margin-top:14px}.vaccine-heading{margin-bottom:14px}.vaccine-heading h2{margin:0 0 4px;color:#674a5c;font-size:23px}.vaccine-heading p{margin:0;color:#806779;font-size:14px;line-height:1.4}.vaccine-tracker .register-button{margin-top:4px}.vaccine-record-list{margin-bottom:18px}.vaccine-record-summary{align-items:center}.vaccine-summary-main{display:flex;flex-direction:column;gap:3px;min-width:0}.vaccine-summary-main small{font-size:13px;font-weight:600;color:#806779}.vaccine-record-summary time{flex:0 0 auto;white-space:nowrap}.vaccine-form>label{margin-top:12px}.feed-form textarea{width:100%;min-height:78px;border:1px solid #e9cfdb;border-radius:12px;background:white;padding:12px 14px;font:inherit;font-size:16px;color:#493744;margin:0 0 17px;resize:vertical;outline:none}.feed-form textarea:focus{border-color:#cf7fa0;box-shadow:0 0 0 3px #d982a71f}.feed-form textarea::placeholder{color:#c4b3bd}body[data-baby-gender='boy'] .vaccine-heading h2{color:#347eaa}body[data-baby-gender='boy'] .vaccine-record-card{background:#f6fbfff0;border-color:#c7e4f8}body[data-baby-gender='boy'] .vaccine-summary-main small{color:#4d82a3}
@media(max-width:480px){.vaccine-record-summary{align-items:flex-start;flex-direction:column;gap:5px}.vaccine-record-summary::after{position:absolute;right:15px;top:13px}.vaccine-record-summary{position:relative;padding-right:54px}.vaccine-heading h2{font-size:21px}}
.appointment-record-card .growth-record-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.appointment-record-card .growth-record-summary::-webkit-details-marker{display:none}.appointment-record-card .growth-record-summary time{white-space:nowrap;color:#806779;font-size:13px}.appointment-record-card .vaccine-summary-main{display:grid;gap:3px}.appointment-record-card .vaccine-summary-main small{color:#806779;font-size:12px}.appointment-form textarea{width:100%;min-height:80px;resize:vertical;border:1px solid #efd5e0;border-radius:12px;background:#fff;color:#61485a;padding:12px;font:inherit;margin-bottom:17px}.appointment-form input[type=date],.appointment-form input[type=time]{width:100%;min-width:0}body[data-baby-gender='boy'] .appointment-record-card{background:#f6fbfff0;border-color:#c7e4f8}

.push-notifications-toggle{margin-top:8px}.push-notifications-status{margin:6px 0 0;color:#806779;font-size:13px;line-height:1.4}body[data-baby-gender='boy'] .push-notifications-status{color:#397eaa}

.med-schedule-countdown{grid-column:1;margin:1px 0;color:#347eaa;font-size:clamp(17px,3.6vw,20px);font-weight:800;line-height:1.4;font-variant-numeric:tabular-nums}.med-schedule-actions{grid-row:1/5}body[data-baby-gender='girl'] .med-schedule-countdown{color:#ba6389}body[data-baby-gender='boy'] .med-schedule-countdown{color:#347eaa}

/* Memories photo book */
.memories-page{width:100%}.memories-header{margin-bottom:12px}.memories-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.memories-heading-row h2{margin:0;color:#674a5c;font-size:25px}.memories-heading-row p{margin:4px 0 0;color:#806779;font-size:14px}.memories-heart{font-size:38px;color:#d982a7;line-height:1}.memory-storage-note{margin:8px 2px 0;color:#8e7885;font-size:12px;text-align:center}.memory-empty{margin-top:14px;text-align:center}.memory-empty h2{margin:4px 0 8px;color:#674a5c}.memory-empty p{max-width:440px;margin:0 auto 15px;color:#806779;font-size:14px;line-height:1.5}.memory-empty-icon{font-family:cursive;color:#d982a7;font-size:46px}.memory-book{width:100%;margin:12px auto 22px}.memory-book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 2px 9px;color:#806779;font-size:13px}.memory-layout-name{font-weight:750}.memory-book-toolbar>div{display:flex;gap:7px}.memory-tool-button,.memory-nav-button{min-height:38px;padding:7px 12px;border:1px solid #efd5e0;border-radius:11px;background:#fff9fc;color:#795e70;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.memory-delete-page{color:#ad5a70}.memory-book-view{perspective:1500px;padding:3px}.memory-page-sheet{position:relative;width:min(100%,660px);aspect-ratio:.77;margin:0 auto;overflow:hidden;border:1px solid #fff;border-radius:5px;background:linear-gradient(145deg,#fffefa,#fff9f4 58%,#fffdf9);box-shadow:0 12px 34px #69495d26;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .62s cubic-bezier(.2,.65,.3,1),opacity .55s ease;isolation:isolate}.memory-page-sheet::before{position:absolute;inset:0;content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(135deg,#5ea6d508 0 10px,#fff0 10px 23px);border:8px solid #d9eafa}.memory-page-sheet.turn-next{transform:rotateY(-158deg) scale(.97);opacity:.25}.memory-page-sheet.turn-previous{transform-origin:right center;transform:rotateY(158deg) scale(.97);opacity:.25}.memory-page-title{position:absolute;z-index:1;left:8%;right:8%;top:5%;height:14%;width:84%;padding:2px 5px;border:0;border-bottom:1px solid #d4e7f7;background:transparent;color:#284970;text-align:center;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:clamp(23px,5vw,36px);font-weight:600;outline:none}.memory-page-title:focus,.memory-page-note:focus,.memory-caption-input:focus{border-color:#6aaadd;box-shadow:0 0 0 2px #77b9e52d}.memory-frames-stage{position:absolute;z-index:1;left:7%;right:7%;top:22%;height:56%}.memory-frame{position:absolute;min-width:0;min-height:0;padding:0;border:5px solid white;border-radius:3px;background:#edf4f8;box-shadow:0 3px 9px #28497026;overflow:visible}.memory-photo-tile{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#e9f2f8,#f9f4ef);cursor:pointer}.memory-photo-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:filter .18s ease}.memory-frame.is-selected .memory-photo-tile::after{position:absolute;inset:0;content:"";border:3px solid #54a8e7;pointer-events:none}.memory-frame.is-empty .memory-photo-tile{display:grid;place-items:center;border:1px dashed #92bce0;background:#eef7fd;color:#397ca8}.memory-add-photo{display:grid;place-items:center;gap:3px;width:100%;height:100%;font-size:clamp(10px,2vw,14px);font-weight:700;text-align:center}.memory-add-photo b{font-size:25px;line-height:1}.memory-frame-actions{position:absolute;z-index:4;top:5px;right:5px;display:none;gap:5px}.memory-frame.is-selected .memory-frame-actions{display:flex}.memory-frame-action{min-width:34px;height:34px;padding:0 9px;border:1px solid #fff;border-radius:10px;background:#fffef2f2;color:#385775;font:inherit;font-size:12px;font-weight:750;box-shadow:0 2px 7px #1c36552b;cursor:pointer}.memory-frame-action.delete{color:#a9485a}.memory-caption-input{position:absolute;z-index:3;left:0;right:0;bottom:0;width:100%;height:24px;padding:2px 6px;border:0;border-top:1px solid #ffffffba;border-radius:0;background:#fffef0e8;color:#405369;font:inherit;font-size:clamp(9px,1.8vw,12px);text-align:center;outline:none}.memory-page-note{position:absolute;z-index:1;left:8%;right:8%;bottom:5%;width:84%;height:13%;resize:none;padding:7px 10px;border:1px dashed #b6d5ec;border-radius:8px;background:#ffffffb8;color:#526274;font:inherit;font-size:clamp(11px,2vw,14px);line-height:1.4;outline:none}.memory-page-decoration{position:absolute;z-index:1;right:8%;top:19%;color:#55a4d9;font-family:cursive;font-size:20px;pointer-events:none}.memory-page-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(100%,660px);margin:12px auto 0}.memory-page-count{color:#806779;font-size:13px;font-weight:700}.memory-nav-button:disabled,.memory-tool-button:disabled{opacity:.45;cursor:default}.memory-photo-dialog{width:min(calc(100% - 24px),510px)}.memory-photo-form{gap:0}.memory-photo-form>label{display:block;margin:13px 0 6px}.memory-crop-viewport{width:min(100%,420px);aspect-ratio:4/3;margin:0 auto;overflow:hidden;border:2px solid #d5e8f6;border-radius:12px;background:#edf3f7;touch-action:none;cursor:grab}.memory-crop-viewport:active{cursor:grabbing}.memory-crop-viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1);pointer-events:none;user-select:none}.memory-crop-hint{margin:9px 0 0;color:#806779;font-size:13px;line-height:1.4}.memory-photo-form input[type=range]{width:100%;height:34px;margin:0 0 14px;accent-color:#54a8e7}.memory-photo-form .save-button{margin-top:0}
body[data-baby-gender='boy'] .memories-heart{color:#54a8e7}body[data-baby-gender='boy'] .memory-page-sheet::before{background:repeating-linear-gradient(135deg,#54a8e50b 0 10px,#fff0 10px 23px);border-color:#d9eafa}body[data-baby-gender='boy'] .memory-page-title{color:#284970;border-color:#c9e3f6}body[data-baby-gender='boy'] .memory-page-decoration{color:#54a8e7}body[data-baby-gender='boy'] .memory-frame.is-selected .memory-photo-tile::after{border-color:#54a8e7}body[data-baby-gender='boy'] .memory-frame.is-empty .memory-photo-tile{border-color:#92bce0;background:#eef7fd;color:#397ca8}body[data-baby-gender='boy'] .memory-page-note{border-color:#b6d5ec}body[data-baby-gender='boy'] .memory-crop-viewport{border-color:#b9ddf5}body[data-baby-gender='girl'] .memory-page-sheet::before{background:repeating-linear-gradient(135deg,#d982a70c 0 10px,#fff0 10px 23px);border-color:#f4dce6}body[data-baby-gender='girl'] .memory-page-title{color:#9e4568;border-color:#efd4e0}body[data-baby-gender='girl'] .memory-page-decoration{color:#d982a7}body[data-baby-gender='girl'] .memory-frame.is-selected .memory-photo-tile::after{border-color:#d982a7}body[data-baby-gender='girl'] .memory-frame.is-empty .memory-photo-tile{border-color:#e5b8ca;background:#fff3f8;color:#a65475}body[data-baby-gender='girl'] .memory-page-note{border-color:#e8c3d1}body[data-baby-gender='girl'] .memory-crop-viewport{border-color:#e8c3d1}
@media(max-width:560px){.app-tabs{gap:5px;margin-left:0;margin-right:0}.app-tab{min-height:45px;padding:5px 3px;font-size:clamp(12px,3.3vw,15px);border-radius:11px}.memory-page-sheet{aspect-ratio:.72}.memory-page-sheet::before{border-width:6px}.memory-frame{border-width:3px}.memory-book-toolbar{align-items:flex-start}.memory-tool-button{padding:7px 8px;font-size:12px}.memory-page-navigation .memory-nav-button{padding:7px 9px}.memory-page-title{font-size:clamp(20px,6vw,29px)}.memory-caption-input{height:20px}}
/* Opening Story of You spread, styled after the scrapbook references. */
.memory-page-sheet.memory-story-spread{aspect-ratio:1.42;background:linear-gradient(90deg,#fffdfa 0 49.5%,#f4eee8 49.8%,#fffdfa 50.4% 100%)}
.memory-page-sheet.memory-story-spread::before{border-width:7px;background:repeating-linear-gradient(135deg,#55a8e50d 0 8px,#fff0 8px 19px),linear-gradient(90deg,transparent 49.2%,#7a6b6314 49.8%,#fff9 50.1%,transparent 50.8%)}
.memory-page-sheet.memory-story-spread::after{position:absolute;z-index:2;left:50%;top:3%;bottom:3%;width:2px;content:"";pointer-events:none;background:linear-gradient(180deg,transparent,#8e7f7330 10%,#8e7f7330 90%,transparent);box-shadow:1px 0 5px #6d5a4917}
.memory-story-spread .memory-page-title{left:5%;top:7%;width:40%;height:14%;font-size:clamp(16px,4vw,36px);font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;color:#234e7c;border-bottom:1px dashed #91bada}
.memory-story-spread .memory-frames-stage{left:5%;right:auto;top:24%;width:40%;height:48%}
.memory-story-spread .memory-page-note{left:5%;right:auto;bottom:5%;width:40%;height:20%;padding:6px 8px;border:0;border-top:1px dashed #92b9d6;border-radius:0;background:#ffffffa8;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:clamp(9px,1.7vw,12px)}
.memory-story-spread .memory-page-decoration{display:none}
.memory-details-panel{position:absolute;z-index:1;left:55%;right:5%;top:12%;height:76%;display:flex;flex-direction:column;justify-content:center;gap:clamp(5px,1.1vw,11px);padding:0 1%}
.memory-details-panel h3{margin:0 0 4px;color:#234e7c;text-align:center;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-size:clamp(14px,2.8vw,25px);font-weight:600}
.memory-detail-row{display:grid;grid-template-columns:minmax(68px,.85fr) minmax(0,1.4fr);align-items:center;gap:6px;min-height:clamp(27px,5.2vw,48px);padding:4px 9px;border:1px solid #9bc9e75c;border-radius:999px;background:linear-gradient(90deg,#e6f1f9d9,#dceaf4ad);color:#245581;font-size:clamp(9px,1.55vw,13px);font-weight:700}
.memory-detail-row input{width:100%;min-width:0;padding:5px 7px;border:0;border-left:1px solid #9bbbd45e;border-radius:0;background:transparent;color:#254a6c;font:inherit;font-weight:500;outline:none}
.memory-detail-row input:focus{box-shadow:0 0 0 2px #58a9e633;border-radius:6px}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread{background:linear-gradient(90deg,#fffafa 0 49.5%,#f6e9ec 49.8%,#fffafa 50.4% 100%)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread::before{background:repeating-linear-gradient(135deg,#d982a70f 0 8px,#fff0 8px 19px),linear-gradient(90deg,transparent 49.2%,#9e546514 49.8%,#fff9 50.1%,transparent 50.8%)}
body[data-baby-gender='girl'] .memory-story-spread .memory-page-title,body[data-baby-gender='girl'] .memory-details-panel h3{color:#a33c65;border-color:#e5b7c9}
body[data-baby-gender='girl'] .memory-detail-row{border-color:#edc5d35c;background:linear-gradient(90deg,#fff0f5,#fae1e9);color:#914663}
body[data-baby-gender='girl'] .memory-detail-row input{color:#854159;border-color:#dfb5c45e}
@media(max-width:520px){.memory-page-sheet.memory-story-spread{aspect-ratio:.94}.memory-story-spread .memory-page-title{font-size:clamp(14px,4vw,20px)}.memory-story-spread .memory-frames-stage{top:25%;height:47%}.memory-story-spread .memory-page-note{font-size:9px}.memory-details-panel{top:15%;height:70%;gap:4px}.memory-detail-row{grid-template-columns:minmax(48px,.8fr) minmax(0,1.3fr);min-height:25px;padding:3px 5px;font-size:8px}.memory-detail-row input{padding:3px 4px}.memory-details-panel h3{font-size:13px}}
/* Baby scrapbook paper, type and page curl refinement */
.memory-page-sheet{--memory-ink:#244d78;--memory-accent:#62a9d5;--memory-paper-border:#c8e2f2;background-color:#fffdf9}
.memory-page-sheet.memory-paper-0{background-image:radial-gradient(ellipse at 2% 8%,#acd3ed30 0 8%,transparent 9%),radial-gradient(ellipse at 97% 91%,#acd3ed2b 0 9%,transparent 10%),linear-gradient(#fffdf9,#fffdf9)}
.memory-page-sheet.memory-paper-1{background-image:repeating-linear-gradient(135deg,#73b2d40c 0 7px,transparent 7px 19px),linear-gradient(#fffdf9,#fffdf9)}
.memory-page-sheet.memory-paper-2{background-image:repeating-linear-gradient(0deg,#8abfda14 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,#8abfda14 0 8px,transparent 8px 16px),linear-gradient(#fffdf9,#fffdf9)}
.memory-page-sheet.memory-paper-3{background-image:radial-gradient(circle at 8% 15%,#8ec7e21c 0 2px,transparent 3px),radial-gradient(circle at 88% 78%,#8ec7e21c 0 3px,transparent 4px),repeating-linear-gradient(45deg,#ffffff00 0 19px,#77b5d110 20px 22px),linear-gradient(#fffdf9,#fffdf9)}
.memory-page-sheet.memory-paper-0::before{background:repeating-linear-gradient(135deg,#9fcde51b 0 2px,transparent 2px 13px),radial-gradient(ellipse at 7% 8%,#8fc7e637 0 6%,transparent 7%),radial-gradient(ellipse at 93% 92%,#8fc7e637 0 6%,transparent 7%);border:11px solid var(--memory-paper-border)}
.memory-page-sheet.memory-paper-1::before{background:repeating-linear-gradient(135deg,#7db6d51c 0 5px,transparent 5px 15px);border:11px solid var(--memory-paper-border)}
.memory-page-sheet.memory-paper-2::before{background:repeating-linear-gradient(0deg,#83b9d51d 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#83b9d51d 0 7px,transparent 7px 14px);border:11px solid var(--memory-paper-border)}
.memory-page-sheet.memory-paper-3::before{background:radial-gradient(ellipse at 6% 10%,#7cb8d536 0 5%,transparent 6%),radial-gradient(ellipse at 94% 90%,#7cb8d536 0 5%,transparent 6%),repeating-linear-gradient(45deg,transparent 0 13px,#80b9d513 14px 16px);border:11px solid var(--memory-paper-border)}
body[data-baby-gender='boy'] .memory-page-sheet{--memory-ink:#234e7c;--memory-accent:#459ecf;--memory-paper-border:#c5e2f3}
body[data-baby-gender='girl'] .memory-page-sheet{--memory-ink:#943f64;--memory-accent:#d66d99;--memory-paper-border:#f0cada;background-color:#fffafa}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-0{background-image:radial-gradient(ellipse at 2% 8%,#f3b9ce37 0 8%,transparent 9%),radial-gradient(ellipse at 97% 91%,#f3b9ce32 0 9%,transparent 10%),linear-gradient(#fffafa,#fffafa)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-1{background-image:repeating-linear-gradient(135deg,#d77b9f12 0 7px,transparent 7px 19px),linear-gradient(#fffafa,#fffafa)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-2{background-image:repeating-linear-gradient(0deg,#d98baa18 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,#d98baa18 0 8px,transparent 8px 16px),linear-gradient(#fffafa,#fffafa)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-3{background-image:radial-gradient(circle at 8% 15%,#d67c9f22 0 2px,transparent 3px),radial-gradient(circle at 88% 78%,#d67c9f22 0 3px,transparent 4px),repeating-linear-gradient(45deg,#ffffff00 0 19px,#d67c9f12 20px 22px),linear-gradient(#fffafa,#fffafa)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-0::before{background:repeating-linear-gradient(135deg,#e7a4bc22 0 2px,transparent 2px 13px),radial-gradient(ellipse at 7% 8%,#efabc544 0 6%,transparent 7%),radial-gradient(ellipse at 93% 92%,#efabc544 0 6%,transparent 7%);border-color:var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-1::before{background:repeating-linear-gradient(135deg,#db89a723 0 5px,transparent 5px 15px);border-color:var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-2::before{background:repeating-linear-gradient(0deg,#d98baa22 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#d98baa22 0 7px,transparent 7px 14px);border-color:var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-paper-3::before{background:radial-gradient(ellipse at 6% 10%,#dc91ad48 0 5%,transparent 6%),radial-gradient(ellipse at 94% 90%,#dc91ad48 0 5%,transparent 6%),repeating-linear-gradient(45deg,transparent 0 13px,#d77f9e1c 14px 16px);border-color:var(--memory-paper-border)}
.memory-page-title{font-family:'Snell Roundhand','Apple Chancery','Segoe Print',cursive;font-size:clamp(25px,5vw,40px);font-weight:700;color:var(--memory-ink);text-shadow:0 1px #fff;letter-spacing:.015em;-webkit-text-stroke:.25px currentColor}
.memory-caption-input,.memory-page-note,.memory-detail-row,.memory-details-panel h3{font-family:'Chalkboard','Marker Felt','Comic Sans MS','Trebuchet MS',sans-serif}
.memory-caption-input{font-weight:700;color:var(--memory-ink)}
.memory-frame{border:6px solid #fff;border-radius:9px;box-shadow:0 4px 12px #33485b30,0 0 0 1px #dceaf2}
.memory-photo-tile img{transition:filter .2s ease,transform .35s ease}
.memory-page-sheet.memory-story-spread{aspect-ratio:1.42;background-image:linear-gradient(90deg,#fffdf9 0 49.4%,#d9d3c81a 49.8%,#fffdf9 50.5% 100%)}
.memory-page-sheet.memory-story-spread::before{border-width:12px}
.memory-story-spread .memory-page-title.memory-story-title{left:3.5%;top:9%;width:25%;height:40%;resize:none;white-space:pre-wrap;overflow:hidden;padding:0 3px;border:0;background:transparent;text-align:center;line-height:.94;font-family:'Snell Roundhand','Apple Chancery','Segoe Print',cursive;font-size:clamp(24px,4vw,48px);font-weight:700;color:var(--memory-ink);text-shadow:0 1px 0 #fff,0 2px 5px #244d7817;letter-spacing:-.025em;-webkit-text-stroke:.3px currentColor}
.memory-story-spread .memory-frames-stage{left:31%;right:auto;top:15%;width:19%;height:70%}
.memory-story-spread .memory-frame{border-width:7px;border-radius:19px;box-shadow:0 8px 18px #34496033,0 0 0 1px #fff}
.memory-story-spread .memory-page-note{left:4%;top:54%;right:auto;bottom:auto;width:25%;height:36%;padding:8px 3px;border:0;border-top:2px dashed var(--memory-accent);border-radius:0;background:transparent;color:#334c68;font-family:'Chalkboard','Marker Felt','Comic Sans MS',sans-serif;font-size:clamp(10px,1.55vw,14px);font-weight:600;line-height:1.35}
.memory-details-panel{left:55%;right:4%;top:11%;height:78%;gap:clamp(7px,1.25vw,13px)}
.memory-details-panel h3{font-family:'Snell Roundhand','Apple Chancery','Segoe Print',cursive;font-weight:700;font-size:clamp(20px,3.2vw,32px);color:var(--memory-ink);text-shadow:0 1px 0 white}
.memory-detail-row{min-height:clamp(34px,6vw,54px);grid-template-columns:minmax(82px,.9fr) minmax(0,1.25fr);border-color:color-mix(in srgb,var(--memory-accent) 28%,transparent);background:color-mix(in srgb,var(--memory-accent) 9%,white);color:var(--memory-ink);font-size:clamp(10px,1.6vw,15px);font-weight:800}
.memory-detail-row input{color:var(--memory-ink);font-size:clamp(10px,1.55vw,14px);font-weight:600}
.memory-story-spread .memory-frame-actions{top:8px;right:8px}
.memory-story-spread .memory-frame-action{border-radius:999px;background:#ffffffed}
.memory-book-view{position:relative;isolation:isolate;perspective:1900px;transform-style:preserve-3d}
.memory-book-view::before{position:absolute;z-index:-1;inset:5px 1px -2px 4px;border:1px solid #fff;border-radius:5px;content:"";background:repeating-linear-gradient(90deg,#f9f4ed 0 3px,#e7e2db 4px 5px);box-shadow:0 7px 18px #59463825;transform:translate(4px,4px)}
.memory-page-sheet{overflow:visible;transform-origin:left center;transition:none;box-shadow:0 12px 28px #4d536022,0 2px 5px #56483a24}
.memory-page-sheet::before{z-index:0;border-radius:5px;backface-visibility:hidden}
.memory-page-sheet.turn-next{animation:memory-page-turn-next .78s cubic-bezier(.22,.68,.16,1) both;opacity:1}
.memory-page-sheet.turn-previous{transform-origin:right center;animation:memory-page-turn-previous .78s cubic-bezier(.22,.68,.16,1) both;opacity:1}
@keyframes memory-page-turn-next{0%{transform:rotateY(0) rotateZ(0) scale(1);filter:brightness(1);box-shadow:0 12px 28px #4d536022}28%{transform:rotateY(-42deg) rotateZ(-2deg) scale(.99);filter:brightness(.93);box-shadow:-20px 18px 28px #302b2842}58%{transform:rotateY(-118deg) rotateZ(-1deg) scale(.985);filter:brightness(.83);box-shadow:-28px 8px 22px #302b2848}82%{transform:rotateY(-165deg) rotateZ(1deg) scale(.985);filter:brightness(.92)}100%{transform:rotateY(-180deg) rotateZ(1deg) scale(.985);filter:brightness(.86);box-shadow:-4px 4px 12px #302b2830}}
@keyframes memory-page-turn-previous{0%{transform:rotateY(0) rotateZ(0) scale(1);filter:brightness(1)}28%{transform:rotateY(42deg) rotateZ(2deg) scale(.99);filter:brightness(.93);box-shadow:20px 18px 28px #302b2842}58%{transform:rotateY(118deg) rotateZ(1deg) scale(.985);filter:brightness(.83);box-shadow:28px 8px 22px #302b2848}82%{transform:rotateY(165deg) rotateZ(-1deg) scale(.985);filter:brightness(.92)}100%{transform:rotateY(180deg) rotateZ(-1deg) scale(.985);filter:brightness(.86)}}
.memory-book-view.turning-next::after,.memory-book-view.turning-previous::after{position:absolute;z-index:5;top:1%;bottom:1%;width:56%;content:"";pointer-events:none;transform-style:preserve-3d;backface-visibility:hidden;animation:memory-page-curl .78s cubic-bezier(.22,.68,.16,1) both}
.memory-book-view.turning-next::after{right:0;transform-origin:right center;background:linear-gradient(115deg,transparent 0 25%,#fff9 35%,#fff 45%,#cfc9c1 48%,#fbfaf6 54%,#dedad3 59%,transparent 73%);clip-path:polygon(100% 0,100% 100%,0 91%,13% 78%,1% 66%,13% 52%,0 38%,14% 20%,2% 9%)}
.memory-book-view.turning-previous::after{left:0;transform-origin:left center;background:linear-gradient(65deg,transparent 0 25%,#fff9 35%,#fff 45%,#cfc9c1 48%,#fbfaf6 54%,#dedad3 59%,transparent 73%);clip-path:polygon(0 0,0 100%,100% 91%,87% 78%,99% 66%,87% 52%,100% 38%,86% 20%,98% 9%)}
@keyframes memory-page-curl{0%{transform:rotateY(0) scaleX(.02);opacity:.2}20%{opacity:1}55%{transform:rotateY(-72deg) scaleX(1);opacity:1}100%{transform:rotateY(-168deg) scaleX(.9);opacity:.05}}
@media(max-width:560px){.memory-page-sheet.memory-story-spread{aspect-ratio:.94}.memory-story-spread .memory-page-title.memory-story-title{left:3%;top:8%;width:25%;height:43%;font-size:clamp(20px,7vw,31px)}.memory-story-spread .memory-frames-stage{left:31%;top:14%;width:19%;height:72%}.memory-story-spread .memory-page-note{left:4%;top:54%;width:25%;height:37%;font-size:clamp(8px,2.5vw,11px)}.memory-details-panel{left:55%;right:3%;top:13%;height:76%;gap:clamp(4px,1.5vw,8px)}.memory-details-panel h3{font-size:clamp(15px,4.1vw,22px)}.memory-detail-row{grid-template-columns:minmax(54px,.85fr) minmax(0,1.2fr);min-height:clamp(27px,7vw,36px);padding:3px 5px;font-size:clamp(8px,2.2vw,11px)}.memory-detail-row input{padding:3px 4px;font-size:clamp(8px,2.1vw,10px)}}
@media(prefers-reduced-motion:reduce){.memory-page-sheet.turn-next,.memory-page-sheet.turn-previous,.memory-book-view.turning-next::after,.memory-book-view.turning-previous::after{animation-duration:.01ms}}
/* Give the opening spread the broad portrait frame and botanical scrapbook feel of the references. */
.memory-page-sheet.memory-story-spread .memory-story-title{left:3.5%;width:22%;height:40%;font-size:clamp(25px,4.1vw,49px);line-height:.92}
.memory-story-spread .memory-frames-stage{left:28%;width:30%;top:15%;height:70%}
.memory-story-spread .memory-page-note{left:4%;width:21.5%;top:53%;height:38%;font-size:clamp(10px,1.65vw,14px)}
.memory-details-panel{left:61%;right:4%;top:12%;height:76%}
.memory-page-sheet.memory-story-spread.memory-paper-0::before{background:repeating-linear-gradient(135deg,#9fcde51b 0 2px,transparent 2px 13px),radial-gradient(ellipse at 3% 8%,#8fc7e637 0 7%,transparent 8%),radial-gradient(ellipse at 97% 92%,#8fc7e637 0 7%,transparent 8%),radial-gradient(ellipse at 8% 91%,#8fc7e622 0 3%,transparent 3.5%);border:12px solid var(--memory-paper-border)}
.memory-page-sheet.memory-story-spread.memory-paper-1::before{background:repeating-linear-gradient(135deg,#7db6d51c 0 5px,transparent 5px 15px),radial-gradient(ellipse at 0 100%,#8fc7e62b 0 10%,transparent 11%);border:12px solid var(--memory-paper-border)}
.memory-page-sheet.memory-story-spread.memory-paper-2::before{background:repeating-linear-gradient(0deg,#83b9d51d 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#83b9d51d 0 7px,transparent 7px 14px),radial-gradient(ellipse at 100% 0,#8fc7e62b 0 9%,transparent 10%);border:12px solid var(--memory-paper-border)}
.memory-page-sheet.memory-story-spread.memory-paper-3::before{background:radial-gradient(ellipse at 5% 8%,#7cb8d536 0 6%,transparent 7%),radial-gradient(ellipse at 95% 92%,#7cb8d536 0 6%,transparent 7%),repeating-linear-gradient(45deg,transparent 0 13px,#80b9d513 14px 16px);border:12px solid var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread.memory-paper-0::before{background:repeating-linear-gradient(135deg,#e7a4bc22 0 2px,transparent 2px 13px),radial-gradient(ellipse at 3% 8%,#efabc544 0 7%,transparent 8%),radial-gradient(ellipse at 97% 92%,#efabc544 0 7%,transparent 8%);border-color:var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread.memory-paper-1::before{background:repeating-linear-gradient(135deg,#db89a723 0 5px,transparent 5px 15px),radial-gradient(ellipse at 0 100%,#efabc533 0 10%,transparent 11%);border-color:var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread.memory-paper-2::before{background:repeating-linear-gradient(0deg,#d98baa22 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#d98baa22 0 7px,transparent 7px 14px);border-color:var(--memory-paper-border)}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread.memory-paper-3::before{background:radial-gradient(ellipse at 5% 8%,#dc91ad48 0 6%,transparent 7%),radial-gradient(ellipse at 95% 92%,#dc91ad48 0 6%,transparent 7%),repeating-linear-gradient(45deg,transparent 0 13px,#d77f9e1c 14px 16px);border-color:var(--memory-paper-border)}
@media(max-width:560px){.memory-story-spread .memory-story-title{left:3%;width:22%;font-size:clamp(19px,6vw,30px)}.memory-story-spread .memory-frames-stage{left:27%;width:31%;top:15%;height:70%}.memory-story-spread .memory-page-note{left:3.5%;width:21.5%;top:53%;height:38%;font-size:clamp(8px,2.45vw,11px)}.memory-details-panel{left:60%;right:3%;top:14%;height:73%;gap:clamp(4px,1.4vw,7px)}.memory-details-panel h3{font-size:clamp(14px,3.9vw,21px)}.memory-detail-row{grid-template-columns:minmax(45px,.82fr) minmax(0,1.2fr);min-height:clamp(25px,6.8vw,35px);font-size:clamp(7px,2vw,10px)}.memory-detail-row input{font-size:clamp(7px,1.95vw,10px)}}
.memory-page-sheet.memory-story-spread.memory-first-page-art{background-image:url('./memory-story-boy.png');background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#fffdf9}
.memory-page-sheet.memory-story-spread.memory-first-page-art::before{border:0!important;background:transparent!important;box-shadow:none}
body[data-baby-gender='girl'] .memory-page-sheet.memory-story-spread.memory-first-page-art{background-image:url('./memory-story-girl.png');background-color:#fffafa}
.memory-first-page-art .memory-page-title.memory-story-title{left:3.8%;top:9%;width:21%;height:39%;font-size:clamp(25px,4vw,48px);text-align:center}
.memory-first-page-art .memory-frames-stage{left:28%;top:16%;width:29%;height:68%}
.memory-first-page-art .memory-page-note{left:4%;top:53%;width:20.5%;height:36%;border:0;background:#fffdf980}
.memory-first-page-art .memory-details-panel{left:62%;right:5%;top:20%;height:64%;gap:clamp(5px,.9vw,9px);padding:5px 3px}
.memory-first-page-art .memory-details-panel h3{margin-bottom:5px;padding:4px 8px;border:1px dashed var(--memory-accent);border-radius:999px;background:#fff9;font-size:clamp(17px,2.8vw,29px);text-align:center}
.memory-first-page-art .memory-detail-row{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;min-height:0;flex:1;padding:4px 10px;border-radius:13px;font-size:clamp(11px,1.35vw,14px);line-height:1.05}
.memory-first-page-art .memory-detail-row>span{display:block;font-weight:800;white-space:nowrap}
.memory-first-page-art .memory-detail-row input{display:block;width:100%;height:26px;min-width:0;max-width:100%;padding:2px 4px;border:0;border-top:1px solid color-mix(in srgb,var(--memory-accent) 30%,transparent);border-radius:0;background:transparent;font-size:clamp(12px,1.55vw,16px);line-height:1.2;white-space:nowrap}
.memory-first-page-art .memory-detail-row input::-webkit-calendar-picker-indicator{width:15px;height:15px;margin:0 1px;opacity:.78}
.memory-first-page-art .memory-page-decoration{display:none}
body[data-baby-gender='girl'] .memory-first-page-art .memory-detail-row{background:#fff9}
@media(max-width:560px){.memory-first-page-art .memory-details-panel{left:61%;right:3%;top:19%;height:65%;gap:3px;padding:3px 1px}.memory-first-page-art .memory-details-panel h3{font-size:clamp(13px,3.5vw,18px);padding:3px 4px}.memory-first-page-art .memory-detail-row{gap:2px;padding:3px 6px;border-radius:11px;font-size:clamp(9px,2.2vw,11px)}.memory-first-page-art .memory-detail-row input{height:23px;font-size:clamp(11px,2.45vw,13px)}.memory-first-page-art .memory-story-title{top:8%;height:40%;font-size:clamp(19px,5.8vw,29px)}.memory-first-page-art .memory-page-note{font-size:clamp(8px,2.2vw,10px);line-height:1.28}}

/* Memory writing styles, spacious first-page fields, and lightweight page navigation. */
@font-face{font-family:Parisienne;src:url('./fonts/Parisienne-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Caveat;src:url('./fonts/Caveat-Variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.memory-page-sheet.memory-font-calligraphy .memory-page-note,.memory-page-sheet.memory-font-calligraphy .memory-caption-input,.memory-page-sheet.memory-font-calligraphy .memory-page-title{font-family:Parisienne,'Apple Chancery','Segoe Script',cursive!important}
.memory-page-sheet.memory-font-lettering .memory-page-note,.memory-page-sheet.memory-font-lettering .memory-caption-input,.memory-page-sheet.memory-font-lettering .memory-page-title{font-family:Caveat,'Segoe Script','Bradley Hand',cursive!important}
.memory-page-sheet.memory-font-calligraphy .memory-page-note{font-size:clamp(21px,3.5vw,31px);font-weight:400;line-height:1.3;color:#3c3441}
.memory-page-sheet.memory-font-lettering .memory-page-note{font-size:clamp(22px,3.7vw,33px);font-weight:600;line-height:1.25;color:#3c3441}
.memory-page-sheet.memory-font-calligraphy .memory-caption-input,.memory-page-sheet.memory-font-lettering .memory-caption-input{font-size:clamp(13px,2vw,19px);font-weight:600}
.memory-page-sheet.memory-font-calligraphy .memory-page-title,.memory-page-sheet.memory-font-lettering .memory-page-title{font-weight:600}
.memory-font-picker-label{display:grid;gap:3px;align-content:center;color:#806779;font-size:10px;font-weight:750;white-space:nowrap}
.memory-font-picker{width:115px;max-width:32vw;height:38px;padding:5px 8px;border:1px solid #c8e1f2;border-radius:10px;background:#fffafd;color:#42607b;font:inherit;font-size:12px;font-weight:700}
.memory-book-toolbar>div{flex-wrap:wrap;align-items:center}
.memory-page-sheet.memory-first-page-art .memory-details-panel{display:grid;grid-template-rows:clamp(23px,4.6vw,36px) repeat(5,minmax(0,1fr));align-content:stretch;justify-content:stretch;top:16%;height:70%;gap:clamp(3px,.7vw,7px);padding:0 2px;overflow:visible}
.memory-first-page-art .memory-details-panel h3{align-self:center;justify-self:center;width:90%;height:100%;min-height:0;margin:0;padding:2px 5px;display:grid;place-items:center;font-size:clamp(14px,2vw,21px);line-height:1;white-space:nowrap}
.memory-first-page-art .memory-detail-row{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:center;gap:1px;min-height:0;height:100%;padding:3px 8px;overflow:visible;border-radius:12px;font-size:clamp(10px,1.3vw,14px);line-height:1.05}
.memory-first-page-art .memory-detail-row>span{font-size:inherit;line-height:1.05;white-space:nowrap}
.memory-first-page-art .memory-detail-row input{align-self:stretch;height:100%;min-height:25px;padding:1px 3px;border-top:1px solid color-mix(in srgb,var(--memory-accent) 30%,transparent);font-size:clamp(12px,1.7vw,17px);line-height:1.1}
.memory-first-page-art .memory-detail-row input[type=date],.memory-first-page-art .memory-detail-row input[type=time]{appearance:auto;-webkit-appearance:auto}
.memory-first-page-art .memory-details-panel h3{position:relative;top:-1px}
.memory-full-single .memory-frames-stage{left:5%;right:auto;width:90%;top:12%;height:70%}
.memory-full-single .memory-page-title{top:3%;height:8%;font-size:clamp(20px,4vw,34px)}
.memory-full-single .memory-page-note{left:5%;width:90%;height:19%;bottom:1%;padding:6px 12px;border:0;border-radius:10px;background:#fffdf0e8;color:#44394b;font-weight:700;text-align:center;font-size:clamp(23px,4vw,34px);line-height:1.2}
.memory-frame.is-circle,.memory-frame.is-circle .memory-photo-tile,.memory-frame.is-circle .memory-photo-tile img{border-radius:50%}
.memory-frame.is-circle{overflow:visible}
.memory-frame.is-circle .memory-caption-input{left:8%;width:84%;bottom:8%;height:22px;border:1px solid #fff;border-radius:999px}
.memory-frame.is-circle .memory-frame-actions{top:12%;right:12%}
.memory-crop-viewport.is-circle{border-radius:50%}
.memory-book-view{perspective:none!important;transform-style:flat!important}
.memory-page-sheet{transition:none!important;transform:none!important;transform-style:flat!important;backface-visibility:visible!important}
.memory-page-sheet.turn-next,.memory-page-sheet.turn-previous{animation:none!important;transform:none!important;opacity:1!important}
.memory-book-view.turning-next::after,.memory-book-view.turning-previous::after{display:none!important;animation:none!important}
@media(max-width:560px){.memory-book-toolbar>div{gap:5px}.memory-font-picker{width:105px;font-size:11px}.memory-page-sheet.memory-first-page-art .memory-details-panel{grid-template-rows:clamp(22px,6vw,27px) repeat(5,minmax(0,1fr));top:16%;height:70%;gap:2px}.memory-first-page-art .memory-details-panel h3{font-size:clamp(12px,3.2vw,16px)}.memory-first-page-art .memory-detail-row{padding:2px 5px;font-size:clamp(9px,2vw,11px)}.memory-first-page-art .memory-detail-row input{height:100%;min-height:22px;font-size:clamp(11px,2.6vw,14px)}.memory-page-sheet.memory-font-calligraphy .memory-page-note{font-size:clamp(18px,5vw,24px)}.memory-page-sheet.memory-font-lettering .memory-page-note{font-size:clamp(20px,5.2vw,26px)}.memory-full-single .memory-page-note{font-size:clamp(19px,5vw,26px)}}
.memory-page-sheet.memory-circle-layout .memory-frames-stage{left:50%;right:auto;top:48%;width:68%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
.memory-page-sheet.memory-circle-layout .memory-frame.is-circle{left:0!important;top:0!important;width:100%!important;height:100%!important}
.memory-page-sheet.memory-circle-layout .memory-page-note{height:14%;font-weight:700}
.memory-page-sheet.memory-first-page-art .memory-details-panel{left:59%;right:3%}
@media(max-width:560px){.memory-page-sheet.memory-first-page-art .memory-details-panel{left:59%;right:3%}}

/* Final spacing and centered field layout for the opening memory spread. */
.memory-page-sheet.memory-first-page-art .memory-story-title{font-size:clamp(21px,3.6vw,40px);line-height:.98}
.memory-page-sheet.memory-first-page-art .memory-page-note{font-size:clamp(11px,1.65vw,14px);line-height:1.22;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box;padding:8px 5px}
.memory-page-sheet.memory-first-page-art .memory-details-panel{left:63%;right:3%;top:13%;height:75%;grid-template-rows:clamp(24px,4vw,32px) repeat(5,minmax(0,1fr));gap:clamp(3px,.65vw,6px)}
.memory-page-sheet.memory-first-page-art .memory-details-panel h3{width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 2px;font-size:clamp(15px,2vw,22px)}
.memory-page-sheet.memory-first-page-art .memory-detail-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;align-content:center;gap:0;padding:3px 5px}
.memory-page-sheet.memory-first-page-art .memory-detail-row>span{width:100%;text-align:center}
.memory-page-sheet.memory-first-page-art .memory-detail-row input{height:100%;min-height:20px;border-top:0;text-align:center;font-size:clamp(11px,1.5vw,15px)}
@media(max-width:560px){.memory-page-sheet.memory-first-page-art .memory-story-title{font-size:clamp(18px,5vw,27px)}.memory-page-sheet.memory-first-page-art .memory-page-note{font-size:clamp(10px,2.4vw,12px);line-height:1.2;padding:7px 4px}.memory-page-sheet.memory-first-page-art .memory-details-panel{left:63%;right:3%;top:13%;height:75%;grid-template-rows:clamp(22px,5vw,27px) repeat(5,minmax(0,1fr));gap:2px}.memory-page-sheet.memory-first-page-art .memory-details-panel h3{font-size:clamp(13px,3.5vw,17px)}.memory-page-sheet.memory-first-page-art .memory-detail-row{padding:2px 4px;font-size:clamp(9px,2.2vw,11px)}.memory-page-sheet.memory-first-page-art .memory-detail-row input{min-height:18px;font-size:clamp(10px,2.5vw,13px)}}

/* Let the opening page read like handwriting directly on the paper. */
.memory-page-sheet.memory-first-page-art .memory-page-note{left:3.5%;top:53%;width:23.5%;height:37%;padding:5px 3px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none;color:#31475f;text-align:center;line-height:1.2;overflow:hidden;resize:none;scrollbar-width:none;font-size:clamp(8px,1.35vw,12px);font-weight:600}
.memory-page-sheet.memory-first-page-art .memory-page-note::-webkit-scrollbar{display:none}
.memory-page-sheet.memory-first-page-art .memory-page-note:focus{border:0!important;box-shadow:none!important;outline:none}
.memory-page-sheet.memory-first-page-art .memory-story-title{left:3.5%;width:23.5%;text-align:center}
.memory-page-sheet.memory-first-page-art .memory-frames-stage{left:30%;width:27%;}
.memory-page-sheet.memory-first-page-art .memory-details-panel{left:64%;right:4%;}
.memory-page-sheet.memory-first-page-art .memory-details-panel h3{text-align:center}
.memory-page-sheet.memory-first-page-art .memory-detail-row{align-items:center;text-align:center}
.memory-page-sheet.memory-first-page-art .memory-detail-row>span{text-align:center}
.memory-page-sheet.memory-first-page-art .memory-detail-row input{width:100%;text-align:center;font-size:clamp(10px,1.4vw,14px)}
@media(max-width:560px){.memory-page-sheet.memory-first-page-art .memory-page-note{left:3.5%;width:23.5%;height:37%;font-size:clamp(8px,2vw,10px);line-height:1.18}.memory-page-sheet.memory-first-page-art .memory-story-title{left:3.5%;width:23.5%}.memory-page-sheet.memory-first-page-art .memory-frames-stage{left:30%;width:27%;}.memory-page-sheet.memory-first-page-art .memory-details-panel{left:64%;right:3%}.memory-page-sheet.memory-first-page-art .memory-detail-row input{font-size:clamp(9px,2.15vw,12px)}}

/* Latest opening-spread refinements */
.memory-page-sheet.memory-first-page-art .memory-story-title{font-size:clamp(21px,3.6vw,40px);line-height:.98}
.memory-page-sheet.memory-first-page-art .memory-page-note{font-size:clamp(11px,1.65vw,14px);line-height:1.22;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box;padding:8px 5px}
.memory-page-sheet.memory-first-page-art .memory-details-panel{left:63%;right:3%;top:13%;height:75%;grid-template-rows:clamp(24px,4vw,32px) repeat(5,minmax(0,1fr));gap:clamp(3px,.65vw,6px)}
.memory-page-sheet.memory-first-page-art .memory-details-panel h3{width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 2px;font-size:clamp(15px,2vw,22px)}
.memory-page-sheet.memory-first-page-art .memory-detail-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;align-content:center;gap:0;padding:3px 5px}
.memory-page-sheet.memory-first-page-art .memory-detail-row>span{width:100%;text-align:center}
.memory-page-sheet.memory-first-page-art .memory-detail-row input{height:100%;min-height:20px;border-top:0;text-align:center;font-size:clamp(11px,1.5vw,15px)}
@media(max-width:560px){.memory-page-sheet.memory-first-page-art .memory-story-title{font-size:clamp(18px,5vw,27px)}.memory-page-sheet.memory-first-page-art .memory-page-note{font-size:clamp(10px,2.4vw,12px);line-height:1.2;padding:7px 4px}.memory-page-sheet.memory-first-page-art .memory-details-panel{left:63%;right:3%;top:13%;height:75%;grid-template-rows:clamp(22px,5vw,27px) repeat(5,minmax(0,1fr));gap:2px}.memory-page-sheet.memory-first-page-art .memory-details-panel h3{font-size:clamp(13px,3.5vw,17px)}.memory-page-sheet.memory-first-page-art .memory-detail-row{padding:2px 4px;font-size:clamp(9px,2.2vw,11px)}.memory-page-sheet.memory-first-page-art .memory-detail-row input{min-height:18px;font-size:clamp(10px,2.5vw,13px)}}

/* Photo book frame controls and opening page portrait layout */
.memory-book-toolbar{align-items:flex-end;gap:10px}
.memory-control-strip{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;min-width:0;flex:1;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 4px}
.memory-control-strip .memory-font-picker-label,.memory-control-strip .memory-frame-control{display:grid;gap:3px;align-content:end;color:#806779;font-size:10px;font-weight:750;white-space:nowrap}
.memory-control-strip .memory-font-picker{width:clamp(58px,11vw,112px);max-width:none;height:36px;padding:4px 6px;font-size:11px}
.memory-control-strip .memory-delete-page{flex:0 0 auto;white-space:nowrap;min-height:36px;padding:6px 9px;font-size:11px}
.memory-page-sheet.memory-custom-layout .memory-frame{border-width:3px}
.memory-page-sheet.memory-custom-mosaic .memory-frame{border-width:1px;border-radius:1px;box-shadow:none}
.memory-page-sheet.memory-first-page-art .memory-story-title{left:20%;top:3%;width:42%;height:11%;font-size:clamp(23px,3.8vw,40px);line-height:1;text-align:center}
.memory-page-sheet.memory-first-page-art .memory-frames-stage{left:20%;top:15%;width:42%;height:59%}
.memory-page-sheet.memory-first-page-art .memory-page-note{left:20%;top:76%;bottom:auto;width:42%;height:19%;padding:5px 8px;font-size:clamp(11px,1.6vw,14px);line-height:1.22;text-align:center}
.memory-page-sheet.memory-first-page-art .memory-frame{border-radius:14px;border-width:6px;box-shadow:0 8px 19px #34496038,0 0 0 1px #fff}
@media(max-width:680px){.memory-book-toolbar{display:block}.memory-layout-name{display:none}.memory-control-strip{width:100%;justify-content:flex-start;gap:6px}.memory-control-strip .memory-font-picker-label,.memory-control-strip .memory-frame-control{font-size:9px}.memory-control-strip .memory-font-picker{width:clamp(62px,20vw,94px);height:34px;font-size:10px}.memory-control-strip .memory-delete-page{min-height:34px;padding:5px 8px;font-size:10px}.memory-page-sheet.memory-first-page-art .memory-story-title{left:20%;top:3%;width:42%;height:11%;font-size:clamp(20px,5vw,29px)}.memory-page-sheet.memory-first-page-art .memory-frames-stage{left:20%;top:15%;width:42%;height:59%}.memory-page-sheet.memory-first-page-art .memory-page-note{left:20%;top:76%;width:42%;height:19%;font-size:clamp(10px,2.2vw,12px);line-height:1.17}}
.memory-frame-control[hidden]{display:none!important}
.memory-page-sheet.memory-custom-layout.memory-full-single .memory-frames-stage{left:12.5%;right:auto;width:75%;top:12%;height:58%}
.memory-page-sheet.memory-first-page-art .memory-page-note{background:transparent}
@media(max-width:560px){.memory-page-sheet.memory-first-page-art .memory-frames-stage{height:39.5%;top:15%}.memory-page-sheet.memory-first-page-art .memory-page-note{top:56%;height:22%}}

@font-face{font-family:BodoniModa;src:url('./fonts/BodoniModa-Variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Lobster;src:url('./fonts/Lobster-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.memory-page-sheet.memory-font-calligraphy .memory-page-note{font-size:clamp(22px,3.7vw,33px);font-weight:700;color:#28212b;text-shadow:0 .2px currentColor}
.memory-page-sheet.memory-first-page-art.memory-font-calligraphy .memory-page-note{font-size:clamp(11px,1.8vw,14px);font-weight:700;color:#28212b}
.memory-page-sheet.memory-font-calligraphy .memory-page-note::placeholder{color:#514653;opacity:.9}
.memory-page-sheet.memory-font-display .memory-page-note,.memory-page-sheet.memory-font-display .memory-caption-input,.memory-page-sheet.memory-font-display .memory-page-title{font-family:BodoniModa,Didot,'Bodoni MT',serif!important;font-weight:900!important;letter-spacing:.015em;color:#29222b}
.memory-page-sheet.memory-font-display .memory-page-note{font-size:clamp(22px,3.7vw,33px);line-height:1.18}
.memory-page-sheet.memory-font-boldscript .memory-page-note,.memory-page-sheet.memory-font-boldscript .memory-caption-input,.memory-page-sheet.memory-font-boldscript .memory-page-title{font-family:Lobster,'Brush Script MT',cursive!important;font-weight:400!important;color:#30242c}
.memory-page-sheet.memory-font-boldscript .memory-page-note{font-size:clamp(22px,3.8vw,34px);line-height:1.18}
@media(max-width:560px){.memory-page-sheet.memory-font-calligraphy .memory-page-note{font-size:clamp(21px,5.2vw,27px)}.memory-page-sheet.memory-first-page-art.memory-font-calligraphy .memory-page-note{font-size:clamp(11px,2.7vw,13px)}.memory-page-sheet.memory-font-display .memory-page-note{font-size:clamp(20px,5vw,27px)}.memory-page-sheet.memory-font-boldscript .memory-page-note{font-size:clamp(21px,5.3vw,29px)}}

.memory-photo-preview{position:fixed;inset:0;margin:auto;width:max-content;height:max-content;max-width:96vw;max-height:94vh;padding:18px;border:0;border-radius:16px;background:#fffafd;box-shadow:0 20px 80px #1a294455;overflow:visible}.memory-photo-preview::backdrop{background:#182334bd;backdrop-filter:blur(3px)}.memory-photo-preview[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.memory-photo-preview>img{display:block;max-width:92vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:8px}.memory-photo-preview>.close-button{position:absolute;z-index:2;top:7px;right:7px}.memory-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#674a5c;font-size:14px}.memory-preview-actions>span{overflow-wrap:anywhere}.memory-book-view{touch-action:pan-y;user-select:none;-webkit-user-select:none}

.memory-page-sheet.memory-custom-panorama .memory-frames-stage{left:3%;right:3%;top:40%;width:94%;height:14%}.memory-page-sheet.memory-custom-panorama .memory-frame{border-radius:5px}.memory-page-sheet.memory-custom-panorama .memory-frame:last-child .memory-caption-input{bottom:-27px;height:24px;border:0;border-radius:0 0 6px 6px;background:#fffef0ee;font-size:clamp(10px,1.9vw,13px)}

.memory-page-sheet.memory-custom-heart .memory-frames-stage{left:10%;right:auto;top:24%;width:80%;height:54%;clip-path:polygon(50% 97%,4% 57%,0 38%,5% 20%,19% 6%,36% 4%,50% 22%,64% 4%,81% 6%,95% 20%,100% 38%,96% 57%);overflow:hidden}.memory-page-sheet.memory-custom-heart .memory-frame{border-width:2px;border-radius:0;box-shadow:none}.memory-page-sheet.memory-custom-brush .memory-frame{border:0;border-radius:0;background:transparent;filter:drop-shadow(0 2px 3px #31445255)}.memory-page-sheet.memory-custom-brush .memory-photo-tile{clip-path:polygon(3% 2%,24% 0,27% 3%,49% 1%,72% 0,74% 3%,97% 2%,96% 22%,100% 25%,97% 48%,100% 73%,96% 75%,97% 97%,73% 96%,70% 100%,48% 97%,26% 100%,23% 96%,2% 98%,4% 75%,0 72%,3% 51%,0 28%,4% 25%)}.memory-book-view.is-dragging #memory-page-sheet{transform:translateX(var(--memory-drag-x,0px));transition:none}.memory-book-view.slide-next #memory-page-sheet{animation:memory-slide-left .34s ease-out both}.memory-book-view.slide-previous #memory-page-sheet{animation:memory-slide-right .34s ease-out both}@keyframes memory-slide-left{from{transform:translateX(8%);opacity:.55}to{transform:translateX(0);opacity:1}}@keyframes memory-slide-right{from{transform:translateX(-8%);opacity:.55}to{transform:translateX(0);opacity:1}}.memory-random-layout{white-space:nowrap}@media(max-width:680px){.memory-random-layout{min-height:34px;padding:5px 8px;font-size:10px}}

.memory-page-sheet.memory-custom-heart .memory-frames-stage{left:9%;right:auto;top:20%;width:82%;height:63%;clip-path:none;overflow:visible;-webkit-mask:url('./memory-heart-mask.svg') center/100% 100% no-repeat;mask:url('./memory-heart-mask.svg') center/100% 100% no-repeat}.memory-page-sheet.memory-custom-heart .memory-frame{border:1px solid #fff;border-radius:0;box-shadow:none}.memory-page-sheet.memory-custom-heart .memory-caption-input{display:none!important}.memory-page-sheet.memory-custom-panorama{width:min(100%,900px);aspect-ratio:1.48}.memory-page-sheet.memory-custom-panorama .memory-frames-stage{left:3%;right:3%;width:94%;top:22%;height:42%}.memory-page-sheet.memory-custom-panorama.memory-panorama-rows-1 .memory-frames-stage{top:40%;height:14%}.memory-page-sheet.memory-custom-panorama.memory-panorama-rows-2 .memory-frames-stage{top:33%;height:28%}.memory-page-sheet.memory-custom-panorama .memory-frame{border:2px solid #fff;border-radius:2px;box-shadow:0 1px 3px #31445224}.memory-page-sheet.memory-custom-panorama .memory-frame:last-child .memory-caption-input{bottom:-25px;height:23px;border:0;border-radius:0 0 5px 5px;background:#fffef0ee;font-size:clamp(10px,1.9vw,13px)}.memory-page-sheet.memory-custom-brush .memory-photo-tile{filter:drop-shadow(0 2px 2px #31445244)}.memory-page-sheet.memory-custom-brush .memory-frame:nth-child(4n+1) .memory-photo-tile{clip-path:polygon(2% 6%,7% 5%,8% 2%,17% 4%,20% 1%,29% 3%,33% 0,40% 4%,49% 2%,57% 4%,60% 1%,70% 3%,77% 1%,81% 5%,96% 3%,95% 10%,99% 15%,97% 26%,100% 32%,97% 39%,99% 47%,96% 55%,100% 61%,96% 68%,98% 78%,94% 81%,97% 94%,89% 93%,84% 99%,76% 95%,68% 98%,59% 94%,50% 99%,42% 95%,32% 98%,27% 94%,17% 97%,13% 93%,3% 96%,5% 86%,1% 80%,4% 70%,0 62%,3% 52%,1% 43%,4% 33%,1% 25%,5% 17%)}.memory-page-sheet.memory-custom-brush .memory-frame:nth-child(4n+2) .memory-photo-tile{clip-path:polygon(5% 1%,13% 4%,18% 0,26% 4%,35% 2%,43% 5%,51% 1%,59% 4%,68% 1%,75% 5%,86% 2%,94% 5%,92% 13%,98% 19%,95% 27%,100% 35%,95% 43%,98% 52%,94% 60%,99% 68%,95% 77%,98% 87%,91% 90%,94% 97%,84% 94%,76% 100%,68% 95%,60% 98%,51% 94%,42% 99%,33% 94%,24% 98%,17% 94%,7% 97%,8% 88%,2% 82%,6% 73%,1% 65%,5% 56%,0 47%,5% 39%,2% 31%,7% 23%,3% 14%)}.memory-page-sheet.memory-custom-brush .memory-frame:nth-child(4n+3) .memory-photo-tile{clip-path:polygon(1% 7%,9% 2%,18% 5%,25% 0,34% 4%,41% 1%,51% 5%,61% 1%,68% 4%,78% 0,87% 4%,97% 2%,94% 12%,100% 20%,96% 29%,99% 38%,95% 46%,100% 55%,96% 64%,99% 74%,94% 81%,98% 93%,88% 94%,81% 99%,71% 95%,63% 100%,54% 95%,44% 99%,36% 94%,27% 98%,18% 93%,8% 97%,7% 87%,1% 80%,5% 70%,0 62%,4% 52%,1% 43%,5% 34%,0 26%,5% 17%)}.memory-page-sheet.memory-custom-brush .memory-frame:nth-child(4n+4) .memory-photo-tile{clip-path:polygon(4% 3%,14% 1%,19% 5%,28% 2%,37% 4%,45% 0,53% 4%,62% 1%,69% 5%,78% 2%,87% 4%,96% 1%,95% 11%,100% 18%,96% 27%,99% 35%,95% 44%,100% 53%,95% 61%,99% 71%,94% 79%,97% 91%,89% 95%,80% 100%,73% 95%,64% 99%,55% 95%,46% 100%,37% 95%,29% 98%,19% 94%,9% 98%,7% 88%,1% 81%,5% 72%,0 63%,5% 54%,1% 45%,4% 36%,0 27%,5% 18%)}

.memory-photo-preview .memory-preview-delete{color:#a9485a;border-color:#f0cbd5}.memory-crop-viewport.is-circle{border-radius:50%}.memory-crop-viewport.is-brush{border:0;overflow:hidden}

.memory-frame.has-caption .memory-photo-tile{bottom:25px}.memory-frame.has-caption .memory-caption-input{bottom:0}.memory-page-sheet.memory-custom-mosaic .memory-frames-stage{height:calc(56% - 30px)}.memory-page-sheet.memory-custom-mosaic .memory-mosaic-caption{left:0;right:0;bottom:-28px;width:100%;height:25px;padding:2px 8px;border:0;border-radius:0 0 5px 5px;background:#fffef0ee;text-align:center;font-size:clamp(12px,2vw,15px)}

.memory-crop-viewport.is-heart-piece{border:0;border-radius:0;background:transparent;overflow:hidden;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

.memory-crop-viewport{position:relative;isolation:isolate;overflow:hidden;contain:paint}


.memory-crop-viewport.is-mosaic{border-radius:8px;clip-path:none!important;-webkit-mask:none!important;mask:none!important}.memory-crop-grid{position:absolute;z-index:2;inset:0;pointer-events:none}.memory-crop-grid-cell{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:inset 0 0 0 1px #3e66801f}.memory-crop-viewport.is-mosaic img{z-index:1}

.memory-reset-button{width:100%;min-height:40px;margin:2px 0 12px;padding:8px 12px;border:1px solid #b8d7ec;border-radius:11px;background:#f4faff;color:#377ba7;font:inherit;font-size:14px;font-weight:700;cursor:pointer}


/* Circle photo frames stay round, with a separate caption below. */
.memory-frame.is-circle.has-caption{border:0;background:transparent;box-shadow:none;overflow:visible}