:root{--wine:#69354d;--wine-dark:#4a2839;--rose:#bd788d;--pink:#f5e4e9;--blush:#fff6f7;--cream:#fcf9f5;--text:#412e36;--muted:#8a7e82;--line:#eadde1;--shadow:0 18px 60px rgba(104,65,78,.13);font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--text)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.hide{display:none!important}.small{font-size:.77rem}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;padding:14px 20px;border-radius:13px;font-weight:800;font-size:.91rem;text-decoration:none;transition:transform .15s,background .15s}.btn:not(:disabled):active{transform:scale(.98)}.btn.primary{background:var(--wine);color:white}.btn.primary:hover{background:var(--wine-dark)}.btn.secondary{border-color:#dfb6c4;color:var(--wine);background:#fff}.btn.secondary:hover{background:var(--blush)}.btn.subtle{background:#f8eff2;color:var(--wine)}
input:not([type=checkbox]){background:white;border:1px solid #ddccd2;border-radius:11px;min-height:47px;padding:11px 14px;width:100%;outline:0;color:var(--text)}input:focus-visible{border-color:var(--rose);box-shadow:0 0 0 3px #b86d8933}label{display:grid;gap:7px;font-weight:700;font-size:.84rem}.stack{display:grid;gap:17px}.stack button{margin-top:6px}.notice{border-radius:12px;padding:12px 14px;font-size:.88rem;font-weight:600;margin-bottom:18px}.notice.error{background:#ffefee;color:#933b44}.notice.success{background:#eff9ef;color:#366a45}
/* Guest */
.guest-body{background:linear-gradient(155deg,#f1d5df 0%,#fbf1ee 42%,#f8e8e8 100%);min-height:100vh;overflow-x:hidden;position:relative}.guest-body:before,.guest-body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.guest-body:before{width:360px;height:360px;left:-250px;top:25%;background:#fbdfe7;filter:blur(20px)}.guest-body:after{width:480px;height:480px;right:-320px;bottom:0;background:#eed3da;filter:blur(20px)}.guest-bg{position:fixed;inset:0;pointer-events:none;color:#ffffffb0;z-index:0}.guest-bg span{position:absolute;font-size:6rem}.guest-bg span:nth-child(1){left:-20px;top:30px}.guest-bg span:nth-child(2){right:-10px;top:35%;font-size:8rem}.guest-bg span:nth-child(3){left:6%;bottom:20px;font-size:4rem}.guest-shell{position:relative;z-index:1;max-width:640px;margin:auto;padding:27px 18px 40px}.top-mark{text-align:center;font-size:.66rem;font-weight:800;letter-spacing:.27em;color:#865263}.dot{font-size:.35rem;vertical-align:middle;margin:0 8px}.hero{text-align:center;padding:32px 6px 19px}.hero-ornament{color:#c68da1;letter-spacing:.4em;font-size:1.2rem}.hero-ornament span{font-size:1.5rem}.eyebrow{font-size:.68rem;letter-spacing:.26em;font-weight:800;color:#a66c81;margin:16px 0}.baby-stamp{font-size:3rem;margin-top:12px;filter:drop-shadow(0 10px 14px #b05a7733)}.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.1rem,7.3vw,3.5rem);line-height:1.16;letter-spacing:-.02em;color:var(--wine);margin:15px auto;max-width:570px;font-weight:600}.hero h1 em{font-weight:500}.hero-copy{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#875e6c;line-height:1.5;font-size:1.04rem;max-width:340px;margin:17px auto 20px}.tiny-divider{font-size:.7rem;letter-spacing:.4em;color:#b48694}.white-panel{border:1px solid #ffffffa1;background:#fffdfbeb;border-radius:24px;box-shadow:var(--shadow);padding:clamp(22px,5vw,37px);margin:15px auto;backdrop-filter:blur(8px)}.panel-header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.circle-icon{background:#f5e0e6;border-radius:50%;min-width:53px;height:53px;display:grid;place-items:center;font-size:1.5rem}.panel-header h2{margin:0 0 5px;color:var(--wine);font-family:'Playfair Display',Georgia,serif;font-size:1.35rem}.panel-header p{font-size:.83rem;margin:0;color:var(--muted)}.guest-name-label{font-size:.86rem;color:#5a3846}.guest-name-label input{margin-top:3px}.count-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#faf1f3;border:1px solid #f2e1e6;padding:14px 15px;border-radius:13px;margin:22px 0}.count-card strong{display:block;font-size:1.45rem;color:var(--wine)}.progress{flex:0 0 44%;height:9px;border-radius:20px;background:#e6cbd4;overflow:hidden}.progress span{display:block;height:100%;background:#b7718a;transition:width .3s}.guest-buttons{display:grid;gap:11px}.guest-cta{width:100%;min-height:56px;font-size:1rem}.guest-cta span{font-size:1.25rem}.privacy-note{line-height:1.5;margin:22px 1px 2px;color:#927e86;font-size:.72rem}.bottom-phrase{text-align:center;font-style:italic;color:#98687b;font-family:Georgia,serif;font-size:.9rem;margin-top:22px}.upload-list{display:grid;gap:6px;margin-top:14px}.upload-item{padding:9px 12px;background:#faf4f7;border-radius:9px;color:#75616a;font-size:.8rem}.upload-item.uploaded{background:#edf8ed;color:#3f7448}.upload-item.failed{background:#fff0ef;color:#9c4652}
/* Admin */
.admin-body{background:#fbf8fa;min-height:100vh}.admin-shell{max-width:1200px;margin:auto;padding:0 22px 65px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:24px 0}.brand{display:flex;align-items:center;gap:7px;color:var(--wine);letter-spacing:.11em;font-weight:600;font-size:.93rem}.brand strong{letter-spacing:.035em}.brand-icon{font-size:1.8rem;color:#c37e95;margin-right:6px}.header-right{display:flex;align-items:center;gap:14px}.admin-pill,.tag{font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#9e6a7b;background:#f5e6eb;border-radius:99px;padding:8px 11px}.text-button{border:none;background:none;color:var(--wine);font-weight:800}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 28px}.admin-title h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--wine);margin:9px 0}.admin-title h1 span{font-weight:400;font-style:italic}.admin-title .muted{font-size:.9rem;margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.metric{background:#fff;border:1px solid #f0e7eb;border-radius:17px;padding:22px;box-shadow:0 3px 18px #712f4708}.metric span{display:block;font-size:.69rem;font-weight:800;letter-spacing:.12em;color:#99848d}.metric strong{display:block;font-size:2.1rem;margin-top:8px;color:var(--wine);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:white;border:1px solid #f0e7eb;border-radius:19px;padding:27px;box-shadow:0 5px 35px #652b4409}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{margin:0 0 8px;font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;color:var(--wine)}.section-heading p{font-size:.85rem;margin:4px 0 0}.panel>p{font-size:.85rem;line-height:1.5}.qr-card{border:1px dashed #cfb1bd;background:linear-gradient(155deg,#fffcfd,#fbedf2);border-radius:17px;max-width:300px;margin:23px auto;padding:20px 16px;text-align:center}.qr-card-title{font-family:Georgia,serif;color:var(--wine);font-size:1.25rem;font-weight:700;margin-bottom:11px}.qr-box{width:216px;height:216px;padding:9px;background:#fff;border-radius:8px;margin:auto;display:flex;align-items:center;justify-content:center}.qr-box canvas{width:100%!important;height:100%!important;image-rendering:pixelated}.qr-caption{font-size:.72rem;color:#876475;margin-top:13px}.action-row{display:flex;gap:9px;flex-wrap:wrap}.action-row .btn{flex:1}.break-url{word-break:break-all;font-size:.69rem;margin-top:16px}.toggle-label{display:flex;align-items:center;gap:9px}.toggle-label input{accent-color:var(--wine);width:17px;height:17px}.photos-panel{margin-top:22px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tab{border:none;background:#f8f1f4;color:#916f7d;padding:11px 17px;border-radius:10px;font-weight:700}.tab.active{background:var(--wine);color:#fff}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:17px}.photo-card{border:1px solid #eee0e5;border-radius:13px;overflow:hidden;background:#fff}.photo-img-wrap{position:relative;aspect-ratio:1/1;background:#f0e8eb}.photo-img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.photo-status{position:absolute;top:10px;right:10px;padding:6px 9px;border-radius:30px;background:#ffeedc;color:#a76c2c;font-size:.65rem;font-weight:800}.photo-status.approved{background:#e4f4e8;color:#2d824f}.photo-meta{display:grid;gap:4px;padding:12px}.photo-meta strong{font-size:.85rem;overflow-wrap:anywhere}.photo-meta small{font-size:.69rem}.photo-actions{display:flex;gap:6px;padding:0 11px 11px}.mini-btn{flex:1;background:#f9eaf0;color:#713e52;border:0;border-radius:8px;font-size:.75rem;font-weight:800;padding:9px 6px}.mini-btn.danger{background:#fff1f0;color:#a34d50}.security-panel{margin-top:22px}.password-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:15px}.login-card,.install-card{margin:65px auto 0;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:var(--shadow)}.login-emblem{font-size:3rem;color:var(--rose);text-align:center}.login-card h1,.install-card h1{font-family:Georgia,serif;color:var(--wine);font-size:2rem;margin:12px 0}.login-card .muted,.install-card .muted{font-size:.9rem;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 100px;gap:12px}.toast{position:fixed;bottom:22px;right:22px;background:#48263a;color:white;padding:14px 19px;box-shadow:var(--shadow);border-radius:12px;max-width:min(420px,calc(100vw - 30px));z-index:999;font-size:.85rem}.toast-error{background:#a83c4c}.admin-footer{text-align:center;margin-top:40px;color:#a49098;font-size:.71rem}
@media(max-width:750px){.dashboard-grid{grid-template-columns:1fr}.password-form{grid-template-columns:1fr}.admin-title{align-items:flex-start}.admin-shell{padding:0 14px 40px}.metrics{gap:9px}.metric{padding:16px 10px}.metric span{font-size:.58rem}.metric strong{font-size:1.7rem}.panel{padding:20px}.admin-pill{display:none}.admin-title{margin:26px 0}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.photo-actions{flex-direction:column}.section-heading{flex-wrap:wrap}.login-card,.install-card{padding:24px;margin-top:35px}}@media(max-width:400px){.guest-shell{padding:20px 12px}.white-panel{padding:20px 17px}.brand{font-size:.75rem}.header-right{font-size:.76rem}}
