*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;background:#f7f2ed;color:#5c3d2e;display:flex;align-items:flex-start;justify-content:center;padding:0}#root{width:100%;max-width:480px;padding:24px 20px}@media(min-height:900px){body{align-items:center}}.card{background:#faf6f1;border:1px solid #e8ddd3;border-radius:14px;padding:40px 32px 32px;text-align:center;position:relative;overflow:visible;box-shadow:0 1px 3px #5c3d2e0a,0 8px 32px #5c3d2e0f}.shell{position:absolute;pointer-events:none;z-index:0;filter:saturate(.85);object-fit:contain}.shell-tl{top:8px;left:-10px;width:100px;opacity:.35;transform:rotate(-15deg)}.shell-tl2{top:55px;left:45px;width:65px;opacity:.25;transform:rotate(10deg)}.shell-r1{top:-30px;right:-50px;width:200px;opacity:.7;transform:rotate(10deg)}.shell-r2{top:10%;right:-60px;width:130px;opacity:.55;transform:rotate(-10deg)}.shell-r3{top:24%;right:-90px;width:220px;opacity:.6}.shell-r4{top:40%;right:-60px;width:190px;opacity:.62;transform:rotate(20deg)}.shell-r5{top:53%;right:-70px;width:160px;opacity:.55;transform:rotate(-20deg)}.shell-r6{top:67%;right:-55px;width:150px;opacity:.52;transform:rotate(10deg)}.shell-r7{top:80%;right:-50px;width:130px;opacity:.5;transform:rotate(-8deg)}.shell-r8{bottom:-20px;right:-55px;width:120px;opacity:.48;transform:rotate(12deg)}.shell-r10{top:88%;right:-80px;width:180px;opacity:.48;transform:rotate(8deg)}.page-wrapper{position:relative;overflow-x:clip}.script-title{font-family:Ms Madi,cursive;font-weight:400;font-size:4.2rem;line-height:1.1;color:#7a5040;margin-bottom:20px;text-align:left;position:relative;z-index:1}.section-label{font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#a08272;margin-bottom:6px;position:relative;z-index:1}.couple-names{font-family:Ms Madi,cursive;font-weight:400;font-size:2.4rem;color:#7a5040;margin-bottom:18px;position:relative;z-index:1}.event-details{margin-bottom:22px;position:relative;z-index:1}.event-date{font-size:.82rem;font-weight:600;letter-spacing:.1em;color:#5c3d2e;margin-bottom:4px}.event-location{font-size:.8rem;color:#a08272;line-height:1.5}.divider{width:56px;height:1px;background:#ddd0c4;margin:0 auto 20px;position:relative;z-index:1}.registry{margin-bottom:22px;position:relative;z-index:1}.registry-row{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px}.qr-wrapper{position:relative;width:136px;height:136px;background:#fffbf7;border:1px solid #e8ddd3;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #5c3d2e0d;flex-shrink:0}.qr-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;color:#c4897a;background:#fffbf7;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1}.registry-link{font-size:.72rem;color:#a08272;text-decoration:none;letter-spacing:.02em;transition:color .2s;text-align:center}.registry-link:hover{color:#7a5040}.rsvp-section{position:relative;z-index:1}.rsvp-label{font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#a08272;margin-bottom:6px}.jack-jill-note{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.95rem;color:#b8977e;margin-bottom:16px}.inputs{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.name-input{width:100%;padding:12px 16px;font-size:.92rem;font-family:Cormorant Garamond,serif;font-style:italic;background:#f7f2ed99;border:1px solid #ddd0c4;border-radius:10px;color:#5c3d2e;outline:none;transition:border-color .2s,box-shadow .2s;text-align:center}.name-input:focus{border-color:#b8977e;box-shadow:0 0 0 3px #b8977e1a}.name-input::placeholder{color:#c4b0a0}.buttons{display:flex;gap:10px}.btn{flex:1;padding:13px 0;font-size:.78rem;font-weight:600;font-family:inherit;letter-spacing:.1em;text-transform:uppercase;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-yes{background:transparent;color:#5c7a5e;border:1.5px solid #8aab8a}.btn-yes:not(:disabled):hover{background:#8aab8a;color:#fff;border-color:#8aab8a;box-shadow:0 4px 14px #8aab8a40}.btn-no{background:transparent;color:#a08272;border:1.5px solid #ddd0c4}.btn-no:not(:disabled):hover{background:#c4897a;color:#fff;border-color:#c4897a;box-shadow:0 4px 14px #c4897a40}.sending{opacity:.6;pointer-events:none}.error-msg{color:#c4897a;font-size:.8rem;margin-top:14px}.success-card{padding:48px 32px}.success-icon{font-size:2.6rem;margin-bottom:14px;line-height:1}.success-heading{font-family:Ms Madi,cursive;font-weight:400;font-size:1.8rem;color:#7a5040;margin-bottom:8px;position:relative;z-index:1}.success-detail{color:#a08272;font-size:.88rem;line-height:1.6;position:relative;z-index:1}.success-event{margin-top:24px;padding-top:24px;border-top:1px solid #e8ddd3;position:relative;z-index:1}.success-event-date{font-size:.82rem;font-weight:600;color:#5c3d2e;margin-bottom:4px}.success-event-location{font-size:.8rem;color:#a08272;line-height:1.5}@media(max-width:420px){.card{padding:32px 24px 28px}.script-title{font-size:3.4rem;margin-bottom:16px}.couple-names{font-size:2rem}.qr-wrapper{width:120px;height:120px}.shell{transform:scale(.75)}}