:root{--green:#566034;--green-dark:#394022;--gold:#b78b39;--cream:#f7f1e7;--ink:#2f3027;--shadow:0 24px 70px rgba(48,43,30,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:radial-gradient(circle at top,#fffdf8 0,#ece5d7 70%,#ddd1bc 100%);overflow-x:hidden}.page-shell{width:min(100%,1120px);margin:auto;padding:32px 18px 56px}.invite-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);background:rgba(255,253,247,.92);border:1px solid rgba(183,139,57,.32);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.image-wrap{position:relative;background:#eee5d6;min-height:100%}.invite-image{display:block;width:100%;height:100%;object-fit:cover}.sound-button{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(57,64,34,.86);color:white;font-size:24px;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.22)}.sound-button.active{animation:pulse 1.8s infinite}.interactive-panel{padding:48px 42px;display:flex;flex-direction:column;justify-content:center;text-align:center}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:600;font-size:.78rem}.interactive-panel h1,.modal h2{font-family:"Cormorant Garamond",serif;color:var(--green-dark);margin:0}.interactive-panel h1{font-size:clamp(3.2rem,6vw,5.8rem);line-height:.9;font-weight:600}.interactive-panel h1 span{color:var(--gold);font-size:.7em}.message{font-family:"Cormorant Garamond",serif;font-size:1.35rem;line-height:1.35;margin:22px 0 28px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 28px}.countdown div{padding:13px 6px;border:1px solid rgba(183,139,57,.25);border-radius:14px;background:#fffaf1}.countdown strong{display:block;font-family:"Cormorant Garamond",serif;font-size:2rem;color:var(--green)}.countdown span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.actions{display:flex;justify-content:center}.primary{min-height:50px;border-radius:999px;padding:12px 28px;font:600 .8rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:9px;justify-content:center;transition:.22s ease;border:0;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 10px 25px rgba(57,64,34,.22)}.primary:hover{transform:translateY(-2px)}.btn-icon{font-size:1rem}.music-link{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px auto 0;border:0;background:transparent;color:var(--green-dark);font:600 .78rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:6px}.music-link .icon{font-size:1.05rem}.music-link.active{color:var(--gold)}.icon-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 10px;margin:26px 0 0}.icon-action{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--green-dark);border:0;background:transparent;cursor:pointer;font:600 .6rem Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-align:center;line-height:1.25;transition:.22s ease}.icon-circle{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(183,139,57,.35);background:#fffaf1;font-size:1.3rem;transition:.22s ease}.icon-action:hover .icon-circle{transform:translateY(-2px);border-color:var(--gold)}.details{margin-top:28px;text-align:left;border-top:1px solid rgba(183,139,57,.25);border-bottom:1px solid rgba(183,139,57,.25);padding:16px 0}.details article{display:flex;gap:13px;align-items:center;padding:9px 4px}.details article span{font-size:1.35rem}.details strong,.details small{display:block}.details small{margin-top:3px;color:#706b5e}.gift-note{margin:22px 0 0;font-family:"Cormorant Garamond",serif;font-size:1.15rem;color:var(--green-dark);text-transform:uppercase;letter-spacing:.06em}.modal{width:min(92vw,500px);border:1px solid rgba(183,139,57,.35);border-radius:24px;padding:0;background:var(--cream);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(28,29,21,.67);backdrop-filter:blur(5px)}.modal form,.modal-inner{position:relative;padding:34px}
.modal-wide{width:min(94vw,640px)}
.rsvp-deadline{margin:14px 0 0;font-size:.85rem;color:var(--green-dark);text-align:center;letter-spacing:.02em}
.modal-text{font-size:1rem;line-height:1.5;margin:0 0 18px}
.pix-box{display:flex;align-items:center;gap:10px;background:#fffaf1;border:1px solid rgba(183,139,57,.3);border-radius:14px;padding:12px 14px;flex-wrap:wrap}
.pix-box span{flex:1;font-weight:600;word-break:break-all}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
.gallery-item{aspect-ratio:1/1;border-radius:16px;overflow:hidden}
.gallery-item.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#ece5d7,#ddd1bc);color:var(--green-dark);font-size:2rem}
.gallery-item.placeholder span{font-size:.7rem;color:#706b5e}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.modal h2{font-size:2.3rem;margin-bottom:22px}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:2rem;color:var(--green-dark);cursor:pointer}.modal label{display:block;text-align:left;margin:14px 0;font-size:.78rem;font-weight:600;color:var(--green-dark)}input,select,textarea{width:100%;margin-top:7px;border:1px solid rgba(86,96,52,.25);border-radius:12px;background:white;padding:12px;font:inherit;color:var(--ink)}textarea{resize:vertical}.full{width:100%;margin-top:10px}.hint{display:block;margin-top:12px;color:#706b5e}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--green-dark);color:white;padding:12px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.petals::before,.petals::after{content:"";position:fixed;z-index:-1;width:320px;height:320px;border-radius:50%;filter:blur(80px);opacity:.35}.petals::before{background:#cad4ae;top:-120px;left:-120px}.petals::after{background:#e5c88d;right:-120px;bottom:-120px}@keyframes pulse{50%{transform:scale(1.08)}}
@media(max-width:850px){.page-shell{padding:0}.invite-card{display:block;border-radius:0}.image-wrap{min-height:auto}.invite-image{height:auto;object-fit:contain}.interactive-panel{padding:40px 22px 50px}.countdown{gap:5px}.countdown strong{font-size:1.65rem}}
@media(max-width:420px){.interactive-panel h1{font-size:3.2rem}.message{font-size:1.18rem}.countdown span{font-size:.55rem}.countdown div{padding:10px 2px}}