:root{--bg:#fff8fa;--surface:#fff;--text:#35242b;--muted:#7d6870;--pink:#d84f79;--pink2:#ee86a4;--light:#ffe2ea;--border:rgba(145,69,94,.16);--shadow:0 24px 70px rgba(116,51,73,.14);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 10% 5%,#ffdfe8 0,transparent 34%),radial-gradient(circle at 95% 75%,#fbd5e1 0,transparent 30%),var(--bg);font-family:"DM Sans",sans-serif}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;cursor:pointer}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.hearts{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.float-heart{position:absolute;bottom:-50px;color:rgba(216,79,121,.13);animation:float linear infinite}@keyframes float{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-115vh) rotate(360deg)}}.header{position:sticky;top:0;z-index:40;display:flex;min-height:76px;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,82px);border-bottom:1px solid transparent;background:rgba(255,248,250,.75);backdrop-filter:blur(18px);transition:.2s}.header.scrolled{border-color:var(--border);box-shadow:0 10px 35px rgba(90,39,58,.08)}.brand{display:flex;align-items:center;gap:10px}.brand span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink2));box-shadow:0 10px 24px rgba(216,79,121,.3);animation:beat 2.3s infinite}.header nav{display:flex;align-items:center;gap:26px}.header nav>a{color:var(--muted);font-size:.94rem;font-weight:700}.header nav>a:hover{color:var(--pink)}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;font-weight:800;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink2));box-shadow:0 12px 26px rgba(216,79,121,.23)}.btn-primary:hover{box-shadow:0 17px 32px rgba(216,79,121,.32)}.btn-secondary{color:#a72f58;border:1px solid rgba(216,79,121,.22);background:var(--light)}.btn-danger{color:#a62348;border:1px solid rgba(188,39,80,.18);background:#ffedf2}.hero{display:grid;min-height:calc(100vh - 76px);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(45px,8vw,110px);padding:70px 0 95px}.eyebrow{margin:0 0 14px;color:var(--pink);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:760px;margin:0;color:#8e2d51;font-family:"Great Vibes",cursive;font-size:clamp(4.2rem,9vw,8rem);font-weight:400;line-height:.95;letter-spacing:-.03em}.subtitle{max-width:600px;margin:26px 0 34px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.23rem);line-height:1.75}.hero-art{position:relative;display:grid;min-height:460px;place-items:center}.big-heart{position:relative;z-index:2;display:grid;width:clamp(215px,27vw,330px);aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:44% 56% 50% 50%/45% 42% 58% 55%;color:var(--pink);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,226,235,.82));box-shadow:inset 0 0 55px #fff,0 35px 80px rgba(143,45,81,.2);font-size:clamp(7rem,16vw,12rem);animation:morph 9s ease-in-out infinite,levitate 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(216,79,121,.17);border-radius:50%;animation:spin linear infinite}.orbit:after{position:absolute;top:8%;left:17%;width:15px;height:15px;content:"";border-radius:50%;background:var(--pink);box-shadow:0 0 0 8px rgba(216,79,121,.1)}.orbit-a{width:390px;height:390px;animation-duration:18s}.orbit-b{width:470px;height:260px;animation-duration:24s;animation-direction:reverse}.spark{position:absolute;z-index:3;color:var(--pink);font-size:1.4rem;font-style:normal;animation:spark 2.6s infinite}.s1{top:14%;right:15%}.s2{bottom:18%;left:12%;animation-delay:.8s}.s3{top:30%;left:3%;animation-delay:1.4s}@keyframes beat{0%,100%{transform:scale(1)}8%{transform:scale(1.13)}16%{transform:scale(1)}24%{transform:scale(1.08)}34%{transform:scale(1)}}@keyframes morph{50%{border-radius:58% 42% 43% 57%/41% 56% 44% 59%}}@keyframes levitate{50%{transform:translateY(-17px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spark{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.35) rotate(90deg)}}.gallery-section{padding:85px 0 120px}.section-title{max-width:700px;margin:0 auto 50px;text-align:center}.section-title h2{margin:0;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.045em}.section-title>p:last-child{margin:18px 0 0;color:var(--muted);line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.memory-card{grid-column:span 4;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius);background:rgba(255,255,255,.78);box-shadow:0 18px 55px rgba(120,58,80,.11);cursor:zoom-in;transition:transform .26s,box-shadow .26s}.memory-card:nth-child(5n+1),.memory-card:nth-child(5n+4){grid-column:span 6}.memory-card:hover{transform:translateY(-9px);box-shadow:0 28px 65px rgba(120,58,80,.18)}.image-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:#f4e4e9}.memory-card:nth-child(5n+1) .image-wrap,.memory-card:nth-child(5n+4) .image-wrap{aspect-ratio:16/10}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.memory-card:hover img{transform:scale(1.055)}.card-heart{position:absolute;top:18px;right:18px;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:var(--pink);background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(82,28,48,.14)}.memory-copy{padding:21px 22px 24px}.memory-copy h3{margin:0 0 8px;font-size:1.16rem}.memory-copy p{margin:0;color:var(--muted);line-height:1.65}.empty-state{display:none;max-width:560px;margin:auto;padding:55px 25px;border:1px dashed rgba(216,79,121,.35);border-radius:var(--radius);text-align:center;background:rgba(255,255,255,.62)}.empty-state.show{display:block}.empty-state>div{color:var(--pink);font-size:4.2rem;animation:beat 2.3s infinite}.empty-state h3{margin:0}.empty-state p{margin:12px 0 24px;color:var(--muted)}footer{padding:28px 20px 34px;border-top:1px solid var(--border);color:var(--muted);text-align:center}footer>span:first-of-type{color:var(--pink);animation:beat 2.3s infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}.modal{position:fixed;inset:0;z-index:100;display:grid;visibility:hidden;place-items:center;opacity:0;transition:.22s}.modal.open{visibility:visible;opacity:1}.backdrop{position:absolute;inset:0;background:rgba(49,21,31,.56);backdrop-filter:blur(8px)}.dashboard{position:relative;z-index:1;width:min(1120px,calc(100% - 26px));max-height:calc(100vh - 26px);overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:#fffafb;box-shadow:0 36px 100px rgba(43,17,27,.34);transform:translateY(24px) scale(.985);transition:.26s}.modal.open .dashboard{transform:none}.dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.9)}.dashboard-head .eyebrow{margin-bottom:5px}.dashboard-head h2{margin:0;font-size:clamp(1.7rem,4vw,2.35rem)}.close-btn{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:var(--text);background:var(--light);font-size:1.7rem}.dashboard-body{max-height:calc(100vh - 112px);overflow-y:auto;padding:27px}.panel{margin-bottom:23px;padding:25px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(92,39,58,.07)}.panel:last-child{margin:0}.panel h3{margin:0 0 6px}.help{margin:0 0 21px;color:var(--muted);line-height:1.55}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-row .help{margin-bottom:21px}.badge{padding:8px 13px;border-radius:999px;color:#a72f58;background:var(--light);font-size:.84rem;white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label{display:grid;gap:8px;color:#59424b;font-size:.9rem;font-weight:700}.form-grid .wide{grid-column:1/-1}input,textarea{width:100%;border:1px solid rgba(135,73,94,.2);border-radius:12px;outline:0;color:var(--text);background:#fffafb;transition:.18s}input{height:48px;padding:0 14px}textarea{min-height:96px;padding:13px 14px;resize:vertical}input:focus,textarea:focus{border-color:rgba(216,79,121,.72);background:#fff;box-shadow:0 0 0 4px rgba(216,79,121,.11)}.upload{padding:17px;border:1px dashed rgba(216,79,121,.4);border-radius:16px;background:#fff6f8}.upload input{height:auto;padding:10px;background:#fff}.upload small{color:var(--muted);font-weight:500}.toggle-row{display:flex!important;align-items:center;gap:12px!important;cursor:pointer}.toggle-row input{position:absolute;width:1px;height:1px;opacity:0}.toggle{position:relative;width:48px;height:28px;flex:0 0 auto;border-radius:999px;background:#ddcbd1}.toggle:after{position:absolute;top:4px;left:4px;width:20px;height:20px;content:"";border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(65,29,41,.16);transition:.18s}.toggle-row input:checked+.toggle{background:var(--pink)}.toggle-row input:checked+.toggle:after{transform:translateX(20px)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.link-btn{padding:10px;color:#a72f58;background:transparent;font-weight:800}.hidden{display:none!important}.photo-list{display:grid;gap:13px}.photo-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px;border:1px solid var(--border);border-radius:16px;background:#fffafb}.photo-item img{width:92px;height:72px;border-radius:11px;object-fit:cover}.photo-copy{min-width:0}.photo-copy strong,.photo-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-copy span{margin-top:4px;color:var(--muted);font-size:.87rem}.item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.small-btn{min-width:38px;height:38px;padding:0 10px;border-radius:10px;color:#a72f58;background:var(--light);font-size:.8rem;font-weight:800}.small-btn.delete{color:#a62348;background:#ffedf2}.small-btn:disabled{cursor:not-allowed;opacity:.4}.no-photos{margin:0;padding:20px;border-radius:14px;color:var(--muted);background:#fff8fa;text-align:center}.import{position:relative;cursor:pointer}.import input{position:absolute;width:1px;height:1px;opacity:0}.lightbox{position:fixed;inset:0;z-index:110;display:grid;visibility:hidden;place-items:center;padding:30px;background:rgba(36,15,23,.92);opacity:0;backdrop-filter:blur(14px);transition:.22s}.lightbox.open{visibility:visible;opacity:1}.lightbox figure{width:min(1000px,82vw);margin:0}.lightbox img{width:100%;max-height:78vh;border-radius:22px;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.35)}.lightbox figcaption{min-height:26px;padding-top:15px;color:rgba(255,255,255,.88);text-align:center}.lightbox-close,.lightbox-nav{position:absolute;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.13);font-size:2rem}.lightbox-close{top:24px;right:24px}.lightbox-nav{top:50%;transform:translateY(-50%)}.prev{left:24px}.next{right:24px}.toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:min(360px,calc(100% - 48px));padding:14px 18px;border-radius:14px;color:#fff;background:#4f2635;box-shadow:0 18px 45px rgba(42,17,26,.25);opacity:0;pointer-events:none;transform:translateY(15px);transition:.22s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.subtitle{margin-left:auto;margin-right:auto}.hero-art{min-height:390px}.memory-card,.memory-card:nth-child(5n+1),.memory-card:nth-child(5n+4){grid-column:span 6}.photo-item{grid-template-columns:78px minmax(0,1fr)}.photo-item img{width:78px;height:64px}.item-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:640px){.header{min-height:68px;padding:10px 15px}.header nav>a{display:none}.brand{font-size:.92rem}.header .btn{min-height:40px;padding:0 14px}.shell{width:calc(100% - 28px)}.hero{min-height:auto;gap:32px;padding:55px 0 70px}.hero h1{font-size:clamp(3.6rem,18vw,5.7rem)}.hero-art{min-height:300px}.orbit-a{width:275px;height:275px}.orbit-b{width:315px;height:205px}.gallery-section{padding:70px 0 90px}.memory-card,.memory-card:nth-child(5n+1),.memory-card:nth-child(5n+4){grid-column:1/-1}.memory-card:nth-child(5n+1) .image-wrap,.memory-card:nth-child(5n+4) .image-wrap{aspect-ratio:4/3}.dashboard{width:100%;max-height:100vh;border-radius:0}.dashboard-head{padding:17px}.dashboard-body{max-height:calc(100vh - 90px);padding:15px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel-row{align-items:flex-start}.photo-item{grid-template-columns:66px minmax(0,1fr)}.photo-item img{width:66px;height:58px}.lightbox{padding:14px}.lightbox figure{width:100%}.lightbox-nav{top:auto;bottom:22px;transform:none}.prev{left:calc(50% - 62px)}.next{right:calc(50% - 62px)}.lightbox-close{top:14px;right:14px}.toast{right:14px;bottom:14px;max-width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Shared server gallery additions */
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:14px 18px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.66);color:var(--muted)}.gallery-toolbar p{display:flex;align-items:center;gap:9px;margin:0}.live-dot{width:10px;height:10px;border-radius:50%;background:#35b66a;box-shadow:0 0 0 6px rgba(53,182,106,.12);animation:livePulse 1.8s infinite}.btn-small{min-height:38px;padding:0 15px;font-size:.86rem}@keyframes livePulse{50%{box-shadow:0 0 0 10px rgba(53,182,106,0)}}.notice-panel{border-color:rgba(53,182,106,.24);background:linear-gradient(135deg,#f5fff8,#fff)}.notice-panel strong{display:block;margin-bottom:7px;color:#267747}.notice-panel p{margin:0;color:var(--muted);line-height:1.65}.admin-panel{background:linear-gradient(145deg,#fff,#fff8fa)}code{padding:2px 6px;border-radius:6px;background:#f8edf1;color:#8e2d51}.owner-badge{position:absolute;top:18px;left:18px;z-index:2;padding:7px 10px;border-radius:999px;color:#276944;background:rgba(243,255,248,.93);box-shadow:0 8px 22px rgba(32,98,62,.16);font-size:.75rem;font-weight:800}.owner-card-actions{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.owner-card-actions.standalone{padding:14px 18px;margin:0;border-top:1px solid var(--border)}.owner-delete-button{padding:8px 11px;border-radius:9px;color:#a62348;background:#ffedf2;font-size:.8rem;font-weight:800}.upload-progress{padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff8fa}.upload-progress>div{height:9px;overflow:hidden;border-radius:999px;background:#eadce1}.upload-progress>div span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--pink2));transition:width .2s}.upload-progress p{margin:9px 0 0;color:var(--muted);font-size:.86rem}.btn:disabled,.link-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.memory-card .owner-delete-button{cursor:pointer}.memory-card .owner-card-actions{cursor:default}
@media(max-width:640px){.gallery-toolbar{align-items:flex-start;flex-direction:column}.gallery-toolbar .btn{width:100%}}


.server-test-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 14px 0 20px;
}
.server-status {
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.server-status.ready { color: #167047; }
.server-status.failed { color: #a62348; }
.server-status.testing { color: var(--pink); }