:root{--bg-radial-start:#fbe9ee;--bg-radial-mid:#ffdbe6;--bg-radial-end:#ffc9dc;--surface:#ffffffa3;--surface-strong:#ffffffbd;--rose:#e87da0;--berry:#d85f87;--rose-soft:#e87da08c;--berry-divider:#d66e9680;--heading:#8a3d5a;--body-text:#6e4a55;--muted:#b07f92;--muted-2:#a8788a;--mono-date:#cf7d9e;--nav-inactive:#a87a8c;--on-accent:#fff;--error:#d8638a;--card-shadow:0 8px 22px #d66e9621;--placeholder-stripe-a:#ffdce8;--placeholder-stripe-b:#ffe7ef;--font-display:"Cormorant Garamond", serif;--font-body:"EB Garamond", Georgia, serif;--font-script:"Parisienne", cursive;--font-arabic:"Amiri", serif;--font-mono:"Courier New", monospace;--radius-card:16px;--radius-pill:999px;--content-max:520px}*{box-sizing:border-box}html,body{background:var(--bg-radial-start);margin:0;padding:0}body{color:var(--body-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::selection{background:#e87da04d}input::placeholder{color:#b0788c80}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.5}88%{opacity:.4}to{opacity:0;transform:translateY(-78vh)scale(1.25)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}@keyframes glow{0%,to{opacity:.55}50%{opacity:.85}}.page-bg{background:radial-gradient(120% 80% at 50% -10%, var(--bg-radial-start) 0%, var(--bg-radial-mid) 45%, var(--bg-radial-end) 100%);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 28px;animation:1.4s both fadeIn;display:flex;position:relative}.gate-whisper{font-family:var(--font-script);color:#e87da0b3;margin-bottom:6px;font-size:26px}.gate-heart{color:#e87da0d9;margin:8px 0 22px;font-size:30px;animation:3.2s ease-in-out infinite heartbeat}.gate-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--heading);margin:0 0 6px;font-size:40px;font-weight:500;line-height:1.1}.gate-subtitle{color:var(--muted);max-width:300px;margin:0 0 30px;font-size:17px;font-style:italic}.gate-form{flex-direction:column;gap:12px;width:100%;max-width:300px;display:flex}.gate-input{text-align:center;border-radius:var(--radius-pill);background:var(--surface-strong);width:100%;color:var(--heading);font-family:var(--font-body);letter-spacing:.18em;border:1px solid #e87da04d;outline:none;padding:14px 16px;font-size:17px}.gate-button{border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(180deg, var(--rose), var(--berry));width:100%;color:var(--on-accent);font-family:var(--font-display);letter-spacing:.06em;border:none;padding:13px 16px;font-size:18px;font-weight:600}.gate-error{color:var(--error);min-height:18px;font-size:14px;font-style:italic}.gate-arabic{font-family:var(--font-arabic);color:#b0788c73;direction:rtl;margin-top:34px;font-size:19px}.bottom-nav{z-index:5;padding:10px 14px calc(10px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill);background:#fff5f9d9;border:1px solid #e87da038;gap:4px;padding:6px;display:flex;box-shadow:0 6px 20px #d66e962e}.bottom-nav-item{cursor:pointer;color:var(--nav-inactive);font-family:var(--font-display);border-radius:var(--radius-pill);background:0 0;border:none;padding:8px 16px;font-size:16px;text-decoration:none;display:inline-block}.bottom-nav-item.active{color:var(--on-accent);background:#e87da0eb}.floating-hearts{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.floating-heart{animation-name:floatUp;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-30px}.heart-divider{justify-content:center;align-items:center;gap:14px;margin:18px 0 30px;display:flex}.heart-divider-line{background:linear-gradient(90deg,#0000,#e87da066);flex:1;max-width:90px;height:1px}.heart-divider-line.reverse{background:linear-gradient(90deg,#e87da066,#0000)}.heart-divider-heart{color:#e87da0cc;font-size:14px}.heart-divider-whisper{font-family:var(--font-arabic);color:#e87da099;direction:rtl;font-size:18px}.live-counter-numbers{justify-content:center;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.live-counter-value{font-family:var(--font-display);color:var(--rose);font-size:46px;line-height:1}.live-counter-label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:12px}.live-counter-dot{color:#e87da066;font-size:30px;line-height:1.2}.live-counter-total{font-family:var(--font-mono);letter-spacing:.14em;color:#b0788cb3;font-size:13px}.settings-form-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8a3d5a40;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-form{border-radius:var(--radius-card);width:100%;max-width:460px;box-shadow:var(--card-shadow);background:#fff9fb;flex-direction:column;gap:10px;max-height:90vh;padding:24px;display:flex;overflow-y:auto}.settings-form-heading{font-family:var(--font-display);color:var(--heading);margin:12px 0 4px;font-size:20px}.settings-form-heading:first-child{margin-top:0}.settings-form-static{font-family:var(--font-display);color:var(--heading);background:#ffffff80;border:1px solid #e87da02e;border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;font-size:18px;display:flex}.settings-form-static-sub{font-family:var(--font-body);color:var(--muted);font-size:13px;font-style:italic}.settings-form-input,.settings-form-textarea{font-family:var(--font-body);color:var(--body-text);border:1px solid #e87da04d;border-radius:12px;outline:none;padding:10px 14px;font-size:16px}.settings-form-textarea{resize:vertical;flex:1}.settings-form-secondary{color:var(--rose);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);background:0 0;border:1px dashed #e87da066;padding:8px 16px}.settings-form-error{color:var(--error);font-family:var(--font-body);margin:-4px 0 0;font-size:14px}.settings-form-paragraphs{flex-direction:column;gap:8px;display:flex}.settings-form-paragraph-row{align-items:flex-start;gap:8px;display:flex}.settings-form-paragraph-row button{cursor:pointer;color:#e87da099;background:0 0;border:none}.settings-form-actions{justify-content:flex-end;margin-top:8px;display:flex}.settings-form-done{background:linear-gradient(180deg, var(--rose), var(--berry));color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);border:none;padding:10px 22px;font-weight:600}.home-settings-trigger{cursor:pointer;color:#fff4f8;background:#ffffff80;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;position:absolute;top:16px;right:16px}.home-hero{background-color:var(--placeholder-stripe-a);background-position:50%;background-size:cover;width:100%;height:64vh;min-height:420px;max-height:560px;position:relative;overflow:hidden}.home-hero-placeholder{color:#e87da073;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.home-hero-overlay{background:linear-gradient(#4a1e2e26 0%,#4a1e2e33 45%,#4a1e2ef2 100%);position:absolute;inset:0}.home-hero-content{text-align:center;padding:0 24px 26px;position:absolute;bottom:0;left:0;right:0}.home-hero-whisper{font-family:var(--font-script);color:#e87da0d9;font-size:23px;animation:1.2s both fadeUp}.home-hero-title{font-family:var(--font-display);color:#fff4f8;text-shadow:0 2px 24px #00000080;margin:4px 0 8px;font-size:clamp(34px,11vw,52px);font-style:italic;font-weight:500;line-height:1.04;animation:1.2s .15s both fadeUp}.home-hero-names{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:#e87da0d9;font-size:18px;animation:1.2s .3s both fadeUp}.home-body{max-width:var(--content-max);margin:0 auto;padding:30px 26px 8px}.home-counter-block{text-align:center;animation:1s both fadeUp}.home-counter-label{color:var(--muted);letter-spacing:.04em;margin-bottom:14px;font-size:15px;font-style:italic}.home-paragraph-block{text-align:center;max-width:440px;margin:30px auto 0}.home-paragraph{font-family:var(--font-display);color:#7a4a58;font-size:22px;font-style:italic;font-weight:400;line-height:1.5;animation:1.4s both fadeIn}.home-cards{flex-direction:column;gap:14px;margin-top:6px;display:flex}.home-card{text-align:left;cursor:pointer;background:var(--surface);color:inherit;box-shadow:var(--card-shadow);border:1px solid #e87da02e;border-radius:18px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.home-card-icon{color:#e87da0cc;font-size:22px}.home-card-text{flex-direction:column;flex:1;display:flex}.home-card-title{font-family:var(--font-display);color:var(--heading);font-size:24px}.home-card-subtitle{color:var(--muted);font-size:14px;font-style:italic}.home-card-arrow{color:#e87da08c;font-size:20px}.letter-form-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8a3d5a40;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.letter-form{border-radius:var(--radius-card);width:100%;max-width:440px;box-shadow:var(--card-shadow);background:#fff9fb;flex-direction:column;gap:12px;padding:24px;display:flex}.letter-form-heading{font-family:var(--font-display);color:var(--heading);margin:0 0 8px;font-size:22px}.letter-form-input,.letter-form-textarea{font-family:var(--font-body);color:var(--body-text);border:1px solid #e87da04d;border-radius:12px;outline:none;padding:10px 14px;font-size:16px}.letter-form-textarea{resize:vertical}.letter-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.letter-form-cancel{color:var(--muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;font-size:15px}.letter-form-save{background:linear-gradient(180deg, var(--rose), var(--berry));color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);border:none;padding:10px 20px;font-weight:600}.letter-form-save:disabled{opacity:.5;cursor:not-allowed}.letters-page{max-width:560px;margin:0 auto;padding:34px 24px 8px;animation:.8s both fadeIn}.letters-header{text-align:center;margin-bottom:6px}.letters-whisper{font-family:var(--font-script);color:#e87da0cc;font-size:24px}.letters-title{font-family:var(--font-display);color:var(--heading);margin:2px 0 6px;font-size:38px;font-style:italic;font-weight:500}.letters-subtitle{color:var(--muted);font-size:15px;font-style:italic}.letters-list{flex-direction:column;gap:24px;display:flex}.letter-card{background:linear-gradient(#ffffffbd,#ffffff75);border:1px solid #e87da024;border-radius:18px;padding:26px 24px;animation:.7s both fadeUp;box-shadow:0 8px 26px #d66e961f}.letter-card-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.letter-card-date{font-family:var(--font-mono);letter-spacing:.12em;color:var(--mono-date);text-transform:uppercase;font-size:12px}.letter-card-rule{background:#e87da029;flex:1;height:1px}.letter-card-edit,.letter-card-delete{cursor:pointer;color:#e87da099;background:0 0;border:none;font-size:14px}.letter-card-title{font-family:var(--font-display);color:var(--heading);margin:0 0 12px;font-size:27px;font-weight:600;line-height:1.15}.letter-card-body{color:var(--body-text);text-wrap:pretty;margin:0;font-size:17.5px;line-height:1.72}.letters-add{color:var(--rose);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);background:0 0;border:1px dashed #e87da066;margin:24px auto 0;padding:10px 22px;font-size:16px;display:block}.letters-arabic{text-align:center;font-family:var(--font-arabic);color:#b0788c73;direction:rtl;margin:34px 0 4px;font-size:18px}.memory-form-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8a3d5a40;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.memory-form{border-radius:var(--radius-card);width:100%;max-width:440px;box-shadow:var(--card-shadow);background:#fff9fb;flex-direction:column;gap:12px;padding:24px;display:flex}.memory-form-heading{font-family:var(--font-display);color:var(--heading);margin:0 0 8px;font-size:22px}.memory-form-input,.memory-form-textarea{font-family:var(--font-body);color:var(--body-text);border:1px solid #e87da04d;border-radius:12px;outline:none;padding:10px 14px;font-size:16px}.memory-form-textarea{resize:vertical}.memory-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.memory-form-cancel{color:var(--muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;font-size:15px}.memory-form-save{background:linear-gradient(180deg, var(--rose), var(--berry));color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);border:none;padding:10px 20px;font-weight:600}.memory-form-save:disabled{opacity:.5;cursor:not-allowed}.lightbox-backdrop{z-index:20;background:#230a16f0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:94vw;height:100%;display:flex}.lightbox-image{object-fit:contain;border-radius:var(--radius-card);max-width:100%;max-height:84vh;box-shadow:0 20px 60px #00000080}.lightbox-caption-row{justify-content:center;align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.lightbox-caption{font-family:var(--font-body);color:#fff4f8;text-align:center;margin:0;font-size:16px;font-style:italic}.lightbox-caption-edit{cursor:pointer;color:#e87da0e6;background:0 0;border:none}.lightbox-caption-input{max-width:320px;font-family:var(--font-body);background:#ffffffeb;border:1px solid #e87da066;border-radius:10px;flex:1;padding:8px 12px;font-style:italic}.lightbox-caption-save{background:linear-gradient(180deg, var(--rose), var(--berry));color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);border:none;padding:8px 16px}.lightbox-close{width:36px;height:36px;color:var(--heading);cursor:pointer;background:#ffffffb3;border:none;border-radius:50%;font-size:16px;position:absolute;top:20px;right:20px}.lightbox-nav{width:44px;height:44px;color:var(--heading);cursor:pointer;background:#ffffffb3;border:none;border-radius:50%;font-size:22px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-prev{left:16px}.lightbox-nav-next{right:16px}.memories-page{max-width:600px;margin:0 auto;padding:34px 20px 8px;animation:.8s both fadeIn}.memories-header{text-align:center;margin-bottom:6px}.memories-whisper{font-family:var(--font-script);color:#e87da0cc;font-size:24px}.memories-title{font-family:var(--font-display);color:var(--heading);margin:2px 0 6px;font-size:38px;font-style:italic;font-weight:500}.memories-subtitle{color:var(--muted);font-size:15px;font-style:italic}.memories-sections{flex-direction:column;gap:40px;display:flex}.memory-section-heading-row{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;padding:0 4px;display:flex}.memory-section-heading{font-family:var(--font-display);color:var(--heading);margin:0;font-size:28px;font-weight:600}.memory-section-date{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mono-date);text-transform:uppercase;font-size:12px}.memory-section-heading-row button{cursor:pointer;color:#e87da099;background:0 0;border:none;margin-left:auto;font-size:13px}.memory-section-caption{color:var(--muted-2);margin:0 0 16px;padding:0 4px;font-size:16px;font-style:italic}.memory-photo-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.memory-photo{margin:0}.memory-photo-image-wrap{position:relative}.memory-photo-delete{width:24px;height:24px;color:var(--heading);cursor:pointer;opacity:0;background:#ffffffd9;border:none;border-radius:50%;font-size:11px;transition:opacity .15s;position:absolute;top:6px;right:6px}.memory-photo-image-wrap:hover .memory-photo-delete,.memory-photo-image-wrap:focus-within .memory-photo-delete{opacity:1}.memory-photo-image-button{aspect-ratio:1;cursor:pointer;background:var(--placeholder-stripe-a);border:1px solid #e87da024;border-radius:12px;width:100%;padding:0;overflow:hidden;box-shadow:0 6px 16px #d66e961a}.memory-photo-image{object-fit:cover;width:100%;height:100%;display:block}.memory-photo-caption{color:var(--muted);text-align:center;margin-top:7px;font-size:14px;font-style:italic;line-height:1.4}.memory-add-photos,.memories-add{color:var(--rose);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);background:0 0;border:1px dashed #e87da066;margin:14px auto 0;padding:8px 18px;font-size:15px;display:block}.memories-add{margin-top:24px;padding:10px 22px;font-size:16px}.memories-arabic{text-align:center;font-family:var(--font-arabic);color:#b0788c73;direction:rtl;margin:36px 0 4px;font-size:18px}.milestone-form-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8a3d5a40;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.milestone-form{border-radius:var(--radius-card);width:100%;max-width:440px;box-shadow:var(--card-shadow);background:#fff9fb;flex-direction:column;gap:12px;padding:24px;display:flex}.milestone-form-heading{font-family:var(--font-display);color:var(--heading);margin:0 0 8px;font-size:22px}.milestone-form-input,.milestone-form-textarea{font-family:var(--font-body);color:var(--body-text);border:1px solid #e87da04d;border-radius:12px;outline:none;padding:10px 14px;font-size:16px}.milestone-form-textarea{resize:vertical}.milestone-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.milestone-form-cancel{color:var(--muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;font-size:15px}.milestone-form-save{background:linear-gradient(180deg, var(--rose), var(--berry));color:var(--on-accent);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);border:none;padding:10px 20px;font-weight:600}.milestone-form-save:disabled{opacity:.5;cursor:not-allowed}.milestones-page{max-width:540px;margin:0 auto;padding:34px 24px 8px;animation:.8s both fadeIn}.milestones-header{text-align:center;margin-bottom:6px}.milestones-whisper{font-family:var(--font-script);color:#e87da0cc;font-size:24px}.milestones-title{font-family:var(--font-display);color:var(--heading);margin:2px 0 6px;font-size:38px;font-style:italic;font-weight:500}.milestones-subtitle{color:var(--muted);font-size:15px;font-style:italic}.milestones-timeline{padding-left:38px;position:relative}.milestones-line{background:linear-gradient(#e87da00d,#e87da073 12%,#d66e9673 88%,#d66e960d);width:2px;position:absolute;top:8px;bottom:8px;left:11px}.milestones-entries{flex-direction:column;gap:30px;display:flex}.milestone-entry{animation:.7s both fadeUp;position:relative}.milestone-node{width:24px;height:24px;color:var(--rose);text-shadow:0 0 10px #e87da099;justify-content:center;align-items:center;font-size:18px;animation:3.6s ease-in-out infinite glow;display:flex;position:absolute;top:2px;left:-33px}.milestone-entry-actions{gap:8px;display:flex;position:absolute;top:2px;right:0}.milestone-entry-actions button{cursor:pointer;color:#e87da099;background:0 0;border:none;font-size:13px}.milestone-date{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mono-date);margin-bottom:4px;font-size:12px}.milestone-title{font-family:var(--font-display);color:var(--heading);margin:0 0 6px;font-size:25px;font-weight:600;line-height:1.15}.milestone-note{color:#7a5560;text-wrap:pretty;margin:0;font-size:16.5px;font-style:italic;line-height:1.6}.milestones-add{color:var(--rose);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);background:0 0;border:1px dashed #e87da066;margin:24px auto 0;padding:10px 22px;font-size:16px;display:block}.milestones-arabic{text-align:center;font-family:var(--font-arabic);color:#b0788c73;direction:rtl;margin:36px 0 4px;font-size:18px}