@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{color:#26352c;font-synthesis:none;text-rendering:optimizelegibility;background:#f4efe6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}html{-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}body{width:100%;max-width:100%;margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}*,:before,:after{box-sizing:border-box}:root{--cream:#f4efe6;--paper:#fffdfa;--ink:#26352c;--muted:#777a72;--sage:#5f765f;--sage-dark:#506851;--sage-light:#e2e8de;--gold:#b89562;--line:#e7ded1;--shadow:0 18px 55px #4236271a}.layout{background:var(--cream);grid-template-columns:250px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.nav-icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px;display:block}.sidebar{border-right:1px solid var(--line);background:#faf7f1;height:100vh;padding:32px 22px;position:sticky;top:0}.logo{margin:4px 8px 38px;font-family:Playfair Display,serif;font-size:25px;font-weight:600}.logo small{color:var(--gold);letter-spacing:.18em;margin-top:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;display:block}.desktop-nav{gap:4px;display:grid}.desktop-nav-item{width:100%;min-height:46px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:11px 14px;transition:background .2s,color .2s;display:flex}.desktop-nav-item .nav-icon{width:19px;height:19px}.desktop-nav-item:hover,.desktop-nav-item.active{background:var(--sage-light);color:var(--sage-dark)}.desktop-add{background:var(--sage);color:#fff;justify-content:center;margin-top:18px;font-weight:600}.desktop-add:hover{background:var(--sage-dark);color:#fff}.user{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:18px;display:flex;position:absolute;bottom:26px;left:24px;right:24px}.avatar{background:var(--sage-light);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user small{color:var(--muted);display:block}.main{width:100%;min-width:0;max-width:1100px;padding:48px 6vw 90px}.main>*{min-width:0}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.welcome h1{margin:8px 0;font-family:Playfair Display,serif;font-size:48px;font-weight:600}.welcome p{max-width:620px;color:var(--muted);line-height:1.65}.tools{gap:12px;margin:30px 0 44px;display:flex}.tools>*{min-width:0}.search{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);border-radius:14px;outline:none;flex:1;padding:14px 16px}.search:focus{border-color:var(--sage);box-shadow:0 0 0 3px #5f765f1a}.primary{background:var(--sage);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:14px 18px;font-weight:600;transition:background .2s}.primary:hover{background:var(--sage-dark)}.timeline{min-width:0;padding-left:36px;position:relative}.timeline:before{content:"";background:#d8c9b5;width:1px;position:absolute;top:10px;bottom:0;left:8px}.year{margin:40px 0 18px;font-family:Playfair Display,serif;font-size:30px;font-weight:600;position:relative}.year:before{content:"";background:var(--gold);width:13px;height:13px;box-shadow:0 0 0 6px var(--cream);border-radius:50%;position:absolute;top:13px;left:-34px}.card{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;box-shadow:var(--shadow);cursor:pointer;border-radius:20px;grid-template-columns:285px minmax(0,1fr);margin-bottom:24px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 22px 60px #42362724}.card:focus-visible{outline-offset:3px;outline:3px solid #5f765f40}.pic{background-position:50%;background-size:cover;min-height:205px;position:relative}.count{color:#fff;background:#191e1ab8;border-radius:20px;padding:6px 9px;font-size:12px;position:absolute;bottom:12px;right:12px}.card-body{min-width:0;padding:27px}.date{color:var(--sage);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.title{overflow-wrap:anywhere;margin:8px 0 9px;font-family:Playfair Display,serif;font-size:27px;font-weight:600}.excerpt{overflow-wrap:anywhere;color:#676b64;line-height:1.6}.meta{overflow-wrap:anywhere;color:var(--muted);margin-top:18px;font-size:13px}.empty-state{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:20px;margin-top:24px;padding:40px 28px}.empty-state h2{margin:0 0 8px;font-family:Playfair Display,serif;font-size:27px;font-weight:600}.empty-state p{color:var(--muted);margin:0}.memory-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);background:#1e241f94;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.memory-detail{overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(760px,100%);max-height:calc(100dvh - 56px);position:relative;overflow:auto;box-shadow:0 30px 90px #1c1f1b47}.memory-close{z-index:20;width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fffdfaf0;border:0;border-radius:50%;place-items:center;padding:0;font-size:25px;line-height:1;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 5px 18px #1e241f1f}.memory-detail-image{background-position:50%;background-size:cover;border-radius:24px 24px 0 0;min-height:330px}.memory-detail-content{min-width:0;padding:30px}.memory-detail-content h2{overflow-wrap:anywhere;margin:8px 0 14px;font-family:Playfair Display,serif;font-size:34px;font-weight:600}.memory-detail-content p{overflow-wrap:anywhere;color:#676b64;margin:0;line-height:1.7}.memory-detail-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:26px;padding-top:18px;font-size:13px;display:flex}.add-memory-modal{overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(720px,100%);max-height:calc(100dvh - 56px);padding:34px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #1c1f1b47}.add-memory-header{padding-right:45px}.add-memory-header h2{overflow-wrap:anywhere;margin:7px 0 8px;font-family:Playfair Display,serif;font-size:34px;font-weight:600}.add-memory-header p{max-width:540px;color:var(--muted);margin:0;line-height:1.6}.memory-form{gap:22px;min-width:0;margin-top:30px;display:grid}.date-precision{border:0;flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;display:flex}.date-precision legend{width:100%;margin-bottom:8px;font-weight:600}.date-precision label{color:#565e57;cursor:pointer;align-items:center;gap:7px;display:flex}.date-precision input{accent-color:var(--sage)}.form-field{gap:8px;min-width:0;display:grid}.form-field>span{font-size:14px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);width:100%;min-width:0;max-width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px;outline:none;padding:13px 14px;display:block}.form-field textarea{resize:vertical;min-height:150px;line-height:1.6}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #5f765f1a}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.photo-upload{cursor:pointer;background:#faf8f3;border:1px dashed #b8b8aa;border-radius:16px;gap:6px;min-width:0;padding:22px;display:grid;overflow:hidden}.photo-upload-title{font-weight:600}.photo-upload-description{overflow-wrap:anywhere;color:var(--muted);font-size:13px}.photo-upload input{width:100%;min-width:0;max-width:100%;margin-top:8px}.photo-previews{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.photo-preview{aspect-ratio:1;background:var(--sage-light);border-radius:12px;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.form-error{color:#8a4038;background:#f7e8e5;border-radius:12px;padding:12px 14px;font-size:14px}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.secondary-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:14px;padding:13px 18px;font-weight:600}.secondary-button:hover{background:#f4f0e8}.primary:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.mobile-nav{display:none}@media (width<=980px) and (width>=781px){.layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:16px}.main{padding-left:4vw;padding-right:4vw}.tools{flex-wrap:wrap}.search{flex-basis:100%}.card{grid-template-columns:240px minmax(0,1fr)}}@media (width<=780px){html,body,#root{width:100%;min-width:0;max-width:100%}body{overflow-x:hidden}.layout{width:100%;min-width:0;max-width:100%;min-height:100dvh;display:block;overflow-x:clip}.sidebar{display:none}.main{width:100%;min-width:0;max-width:none;padding:24px clamp(14px, 4vw, 20px) calc(96px + env(safe-area-inset-bottom));overflow-x:clip}.eyebrow{letter-spacing:.14em;font-size:10px}.welcome{min-width:0}.welcome h1{overflow-wrap:anywhere;margin-top:7px;margin-bottom:10px;font-size:clamp(32px,9.5vw,42px);line-height:1.08}.welcome p{max-width:none;margin:0;font-size:14px;line-height:1.6}.tools{grid-template-columns:1fr;gap:10px;width:100%;margin:22px 0 30px;display:grid}.tools .search,.tools .primary,.tools .secondary-button,.tools>button{width:100%;min-width:0;max-width:100%}.search{min-height:48px;padding:13px 14px}.primary,.secondary-button{min-height:48px}.timeline{width:100%;min-width:0;padding-left:20px}.timeline:before{left:2px}.year{margin-top:30px;margin-bottom:14px;font-size:clamp(25px,7.5vw,30px)}.year:before{width:11px;height:11px;box-shadow:0 0 0 5px var(--cream);top:10px;left:-24px}.card{border-radius:17px;width:100%;min-width:0;margin-bottom:18px;display:block}.card:hover{transform:none}.pic{aspect-ratio:16/10;width:100%;min-height:0}.count{padding:5px 8px;font-size:11px;bottom:10px;right:10px}.card-body{width:100%;min-width:0;padding:18px}.date{letter-spacing:.1em;font-size:10px}.title{margin-top:7px;margin-bottom:7px;font-size:clamp(23px,7vw,28px);line-height:1.15}.excerpt{margin:0;font-size:14px;line-height:1.55}.meta{margin-top:14px;font-size:12px}.memory-overlay{place-items:end stretch;padding:0}.memory-detail{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-width:none;max-height:94dvh;margin:0;overflow:hidden auto}.memory-close{z-index:30;float:right;width:38px;height:38px;margin:12px 12px -52px 0;font-size:24px;position:sticky;top:12px}.memory-detail-image{aspect-ratio:4/3;min-height:0}.memory-detail-content{width:100%;min-width:0;padding:22px 18px calc(26px + env(safe-area-inset-bottom))}.memory-detail-content h2{margin-top:7px;margin-bottom:12px;font-size:clamp(28px,8vw,34px);line-height:1.15}.memory-detail-content p{font-size:15px;line-height:1.65}.memory-detail-footer{margin-top:20px;padding-top:15px;font-size:12px;display:block}.memory-detail-content .form-actions{margin-top:18px}.add-memory-modal{width:100%;max-width:none;max-height:96dvh;padding:24px 16px calc(26px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;margin:0;overflow:hidden auto}.add-memory-header{min-width:0;padding-right:44px}.add-memory-header h2{margin-top:6px;margin-bottom:7px;font-size:clamp(28px,8.5vw,34px);line-height:1.12}.add-memory-header p{font-size:14px;line-height:1.55}.memory-form{gap:17px;width:100%;min-width:0;margin-top:23px}.date-precision{gap:10px;display:grid}.form-row{grid-template-columns:minmax(0,1fr);gap:17px}.form-field{width:100%;min-width:0}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;max-width:100%;font-size:16px}.form-field textarea{resize:vertical;min-height:135px}.photo-upload{width:100%;min-width:0;padding:16px}.photo-upload input{width:100%;min-width:0;max-width:100%;font-size:13px;display:block;overflow:hidden}.photo-upload-description{font-size:12px;line-height:1.45}.photo-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.form-actions{grid-template-columns:minmax(0,1fr);gap:9px;width:100%;display:grid}.form-actions button{width:100%;min-width:0}.mobile-nav{z-index:80;width:100%;min-width:0;padding:7px max(7px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);background:#fffdfafa;border-top:1px solid #b8956233;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #42362717}.mobile-nav-item{width:100%;min-width:0;min-height:56px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;grid-template-rows:36px 14px;place-items:center;gap:2px;padding:0;font-family:DM Sans,sans-serif;display:grid}.mobile-icon-shell{width:36px;height:36px;color:inherit;background:0 0;border-radius:11px;place-items:center;margin:0;padding:0;transition:background .18s,color .18s,transform .18s;display:grid}.mobile-icon-shell .nav-icon{width:21px;height:21px;margin:0;display:block}.mobile-nav-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;height:14px;margin:0;padding:0 2px;font-size:clamp(9px,2.6vw,11px);font-weight:600;line-height:14px;display:block;overflow:hidden}.mobile-nav-item.active{color:var(--sage-dark)}.mobile-nav-item.active .mobile-icon-shell{background:var(--sage-light)}.mobile-icon-add{background:var(--sage);color:#fff;box-shadow:0 4px 12px #3a4f4433}.mobile-nav-item:active .mobile-icon-shell{transform:scale(.94)}}@media (width<=380px){.main{padding-left:12px;padding-right:12px}.welcome h1{font-size:31px}.timeline{padding-left:18px}.card-body{padding:16px}.add-memory-modal{padding-left:14px;padding-right:14px}.photo-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav-label{font-size:9px}}.memory-gallery{margin-bottom:1.5rem}.memory-gallery-main{background:#ece7dc;border-radius:18px;position:relative;overflow:hidden}.memory-gallery-main img{object-fit:contain;background:#ece7dc;width:100%;max-height:65vh;display:block}.photo-delete-button{color:#663b36;font:inherit;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;padding:9px 14px;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 18px #23261f29}.photo-delete-button:disabled{cursor:default;opacity:.65}.memory-gallery-thumbnails{gap:10px;margin-top:12px;padding-bottom:3px;display:flex;overflow-x:auto}.photo-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.photos-page{width:100%}.photos-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.photos-page-header h1{margin-top:5px;margin-bottom:8px}.photos-page-header p{margin:0}.photos-counter{color:#536b55;background:#536b551a;border-radius:999px;flex:none;padding:9px 14px;font-size:.9rem;font-weight:600}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.photo-card{text-align:left;cursor:pointer;background:#f7f3ea;border:0;border-radius:16px;min-width:0;padding:0;display:block;overflow:hidden;box-shadow:0 8px 26px #2d332a14}.photo-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.photo-card-info{padding:12px 14px 14px;display:block}.photo-card-info strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;display:block;overflow:hidden}.photo-card-info small{color:#737267;display:block}@media (width<=700px){.photos-page-header{flex-direction:column;align-items:flex-start;gap:12px}.photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-card{border-radius:12px}.photo-card-info{padding:9px 10px 11px}.photo-delete-button{bottom:8px;right:8px}}.admin-users{width:100%}.admin-users-header{margin-bottom:28px}.admin-users-header h1{margin-top:5px;margin-bottom:8px}.admin-users-header p{margin:0}.admin-card{background:#f7f3ea;border-radius:18px;margin-bottom:24px;padding:24px;box-shadow:0 8px 28px #2d332a12}.admin-card h2{margin-top:0}.admin-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-user-form label{flex-direction:column;gap:7px;display:flex}.admin-user-form input,.admin-user-form select{box-sizing:border-box;width:100%}.admin-user-form .primary,.admin-user-form .admin-error{grid-column:1/-1}.admin-user-form .primary{justify-self:start}.admin-error{color:#873e39}.admin-message{background:#536b551a;border-radius:12px;margin-bottom:20px;padding:12px 16px}.users-list{flex-direction:column;gap:10px;display:flex}.user-row{background:#ffffffa6;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.user-row-avatar{color:#536b55;background:#536b5524;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.user-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-row-info span{color:#68685f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row-info small{color:#85847a}.user-row-status{align-items:center;gap:12px;display:flex}.status-badge{border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:600}.status-badge.active{color:#536b55;background:#536b551f}.status-badge.inactive{color:#873e39;background:#873e391a}@media (width<=700px){.admin-card{padding:18px}.admin-user-form{grid-template-columns:1fr}.user-row{flex-wrap:wrap;align-items:flex-start}.user-row-info{min-width:calc(100% - 60px)}.user-row-status{justify-content:space-between;width:100%;padding-left:58px}}.login-screen{background:linear-gradient(#f5f0e6 0%,#efe7d8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fffdf8;border:1px solid #4b5f4929;border-radius:24px;width:min(100%,440px);padding:36px;box-shadow:0 18px 50px #30392d24}.login-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#9c7446;margin-bottom:14px;font-size:12px;font-weight:800}.login-title{color:#233126;margin:0 0 10px;font-size:32px;line-height:1.15}.login-description{color:#697167;margin:0 0 28px;line-height:1.55}.login-form{gap:18px;display:grid}.login-field{color:#344036;gap:8px;font-size:14px;font-weight:700;display:grid}.login-field input{box-sizing:border-box;color:#253027;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #c9d0c6;border-radius:12px;outline:none;padding:11px 13px;transition:border-color .16s,box-shadow .16s}.login-field input:focus{border-color:#6c856e;box-shadow:0 0 0 3px #6c856e26}.login-field input:disabled{cursor:not-allowed;background:#f4f4f1}.login-remember{color:#586258;cursor:pointer;align-items:center;gap:9px;width:fit-content;font-size:14px;display:inline-flex}.login-remember input{accent-color:#617b64;width:18px;height:18px;margin:0}.login-error{color:#8d3f32;background:#fff2ee;border:1px solid #e4b8ad;border-radius:12px;margin:0;padding:11px 13px;font-size:14px;line-height:1.4}.login-submit{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#5f775f;border:0;border-radius:14px;margin-top:4px;font-weight:800;transition:background .16s,transform .16s}.login-submit:hover:not(:disabled){background:#506851}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=560px){.login-screen{align-items:flex-start;padding:56px 18px 18px}.login-card{border-radius:20px;padding:26px 20px}.login-title{font-size:28px}}.memory-gallery{background:var(--paper)}.memory-gallery-main{background:#ede8df;position:relative}.memory-gallery-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.memory-gallery-open img{object-fit:contain;width:100%;max-height:430px;display:block}.photo-delete-button{color:#84473f;font:inherit;cursor:pointer;background:#fffdfaf0;border:1px solid #82433a2e;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px #1e1e191f}.photo-delete-button:hover:not(:disabled){background:#fff}.photo-delete-button:disabled{opacity:.55;cursor:not-allowed}.memory-gallery-thumbnails{border-bottom:1px solid var(--line);gap:10px;padding:12px 16px;display:flex;overflow-x:auto}.photo-thumbnail{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex:none;width:74px;height:58px;padding:0;overflow:hidden}.photo-thumbnail.active{border-color:var(--sage)}.photo-thumbnail img{object-fit:cover;width:100%;height:100%}.photo-lightbox{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121613e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-lightbox-content{place-items:center;width:min(1200px,100%);height:min(90vh,900px);display:grid;position:relative}.photo-lightbox-content img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 24px 80px #00000059}.photo-lightbox-close{z-index:2;width:42px;height:42px;color:var(--ink);font:inherit;cursor:pointer;background:#fffdfaf2;border:0;border-radius:50%;place-items:center;padding:0;font-size:28px;line-height:1;display:grid;position:absolute;top:10px;right:10px}@media (width<=780px){.memory-gallery-open img{max-height:44vh}.photo-delete-button{bottom:12px;right:12px}.photo-lightbox{padding:12px}.photo-lightbox-content{height:94vh}}