.lightbox{z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:fixed;top:0;left:0}.lightbox img{object-fit:contain;cursor:default;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 10px 30px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .3s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:#fff6}:root{--ink:#14100d;--ivory:#f4eee3;--gold:#b8935a;--gold-light:#d9c39b;--moss:#2e3b2a;--blush:#e7d8be;--bronze:#8a7355;--shadow:0 20px 60px #00000059}html{scroll-behavior:smooth}.antialiased{background:var(--ink);color:var(--ivory);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:80px;font-family:Jost,sans-serif;overflow-x:hidden}#app-wrap{background:var(--ink);width:100%;min-height:100vh;position:relative;overflow-x:hidden;box-shadow:-10px 0 30px #00000080}@media (width>=1024px){#app-wrap{width:420px;margin-left:auto}.antialiased{padding:0}}.desktop-side{display:none}@media (width>=1024px){.desktop-side{z-index:0;background:linear-gradient(#0c0a08,#1a1512 40%,#0c0a08);border-right:1px solid #d9c39b26;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 420px 0 0;overflow:hidden}}.desktop-title{color:var(--gold-light);text-align:center;text-shadow:0 4px 20px #00000080;font-family:Cormorant Garamond,serif;font-size:72px;line-height:1.1}.desktop-subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--blush);margin-bottom:16px;font-family:Jost,sans-serif;font-size:14px}#bottomNav{left:50%;bottom:env(safe-area-inset-bottom,24px);z-index:50;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#14100dd9;border:1px solid #d9c39b40;border-radius:9999px;justify-content:space-around;align-items:center;width:calc(100% - 48px);max-width:360px;padding:12px 8px;transition:opacity .8s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #0000004d}#bottomNav.visible{opacity:1;pointer-events:auto}@media (width>=1024px){#bottomNav{left:auto;right:30px;transform:none}}.nav-icon{color:#f4eee373;flex-direction:column;align-items:center;gap:4px;width:44px;text-decoration:none;transition:all .3s;display:flex}.nav-icon svg{stroke:currentColor;width:20px;height:20px}.nav-icon span{letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:500}.nav-icon.active{color:var(--gold-light);transform:translateY(-3px)}h1,h2,h3,.serif{font-family:Cormorant Garamond,serif}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--gold-light);font-size:11px;font-weight:400}.divider{background:var(--gold);opacity:.8;width:44px;height:1px;margin:18px auto}.divider.wide{width:80px}#cover{z-index:50;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:48px 32px 40px;transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .8s;display:flex;position:fixed;inset:0 0 0 auto}@media (width>=1024px){#cover{width:420px}}#cover.opened{opacity:0;pointer-events:none;transform:translateY(-100%)}.cover-top .eyebrow{color:var(--gold-light)}.cover-names{margin-top:10px;font-size:52px;font-weight:400;line-height:1.15}.cover-names em{color:var(--gold-light);font-style:italic}.to-label{letter-spacing:.1em;color:var(--blush);opacity:.85;margin-top:6px;font-size:12px}.guest-name{color:var(--gold-light);margin-top:6px;font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic}.cover-bottom{flex-direction:column;align-items:center;gap:14px;display:flex}.open-btn{letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:var(--gold-light);cursor:pointer;border:none;border-radius:2px;align-items:center;gap:10px;padding:16px 34px;font-family:Jost;font-size:12px;display:flex;box-shadow:0 8px 24px #b8935a59}.open-btn svg{width:14px;height:14px}.disclaimer{color:var(--blush);opacity:.6;max-width:260px;font-size:10px}section{padding:88px 32px;position:relative}.section-head{text-align:center;margin-bottom:36px}.section-title{margin-top:8px;font-size:34px;font-weight:400}#quote{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;min-height:100vh;padding:60px 24px 100px;display:flex}.quote-date{letter-spacing:.2em;justify-content:space-between;margin-bottom:32px;font-size:13px;font-weight:500;display:flex}.quote-eyebrow{color:var(--ivory);letter-spacing:.25em;text-transform:uppercase;margin-bottom:4px;font-size:11px}.quote-names{font-size:46px;font-weight:400}#quote p.verse{color:var(--ivory);opacity:.9;font-family:Jost,sans-serif;font-size:13px;font-style:italic;line-height:1.6}#quote p.source{letter-spacing:.05em;color:var(--ivory);margin-top:16px;font-size:13px;font-style:italic;font-weight:600}#couple{background:var(--ink)}.couple-card{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.arch-frame{border:1px solid var(--gold);border-radius:95px 95px 6px 6px;width:190px;height:240px;padding:8px;position:relative;overflow:hidden}.arch-frame img{object-fit:cover;border-radius:88px 88px 2px 2px;width:100%;height:100%;display:block}.couple-role{letter-spacing:.28em;color:var(--gold-light);text-transform:uppercase;margin-top:22px;font-size:11px}.couple-name{margin-top:8px;font-size:30px}.couple-parent{color:var(--blush);opacity:.85;margin-top:10px;font-size:13px;line-height:1.6}.ig-link{letter-spacing:.12em;color:var(--gold-light);border-bottom:1px solid var(--gold);margin-top:14px;padding-bottom:2px;font-size:11px;text-decoration:none}.and-symbol{color:var(--gold);text-align:center;margin:-10px 0 40px;font-family:Cormorant Garamond;font-size:30px;font-style:italic}#countdown{text-align:center;background:linear-gradient(#14100d99,#14100de6),url(https://images.unsplash.com/photo-1519225421980-715cb0215aed?q=80&w=1200&auto=format&fit=crop) 50%/cover no-repeat}.date-big{letter-spacing:.05em;font-size:56px}.timer{justify-content:center;gap:14px;margin-top:32px;display:flex}.timer .box{border:1px solid var(--gold);background:#f4eee30f;border-radius:4px;min-width:62px;padding:14px 10px}.timer .num{font-family:Cormorant Garamond;font-size:24px}.timer .lbl{letter-spacing:.15em;text-transform:uppercase;color:var(--gold-light);margin-top:4px;font-size:9px}.cal-btn{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--gold-light);border-radius:2px;margin-top:34px;padding:14px 26px;font-size:11px;text-decoration:none;display:inline-block}#events{background:var(--ink)}.event-card{text-align:center;background:#b8935a0a;border:1px solid #b8935a59;border-radius:6px;margin-bottom:26px;padding:32px 26px}.event-day{letter-spacing:.2em;color:var(--gold-light);text-transform:uppercase;font-size:11px}.event-date{margin:6px 0 2px;font-size:40px}.event-month{letter-spacing:.15em;color:var(--blush);text-transform:uppercase;font-size:13px}.event-time{color:var(--gold-light);margin-top:14px;font-size:15px}.event-loc{color:var(--ivory);margin-top:16px;font-size:14px;line-height:1.6}.event-loc b{margin-bottom:2px;font-family:Cormorant Garamond;font-size:18px;font-weight:500;display:block}.map-link{letter-spacing:.15em;color:var(--gold-light);border-bottom:1px solid var(--gold);margin-top:14px;padding-bottom:2px;font-size:11px;text-decoration:none;display:inline-block}#dresscode{text-align:center}.swatches{justify-content:center;gap:14px;margin-top:26px;display:flex}.swatch{border:1px solid #f4eee34d;border-radius:50%;width:46px;height:46px}#story{background:var(--ink)}.story-item{align-items:flex-start;gap:18px;margin-bottom:44px;display:flex}.story-date-box{border:1px solid var(--gold);color:var(--gold);border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-family:Playfair Display,serif;font-size:12px;display:inline-flex}.story-date{letter-spacing:.15em;color:var(--gold-light);text-transform:uppercase;font-size:11px}.story-text{color:var(--blush);margin-top:8px;font-size:14px;line-height:1.7}#gallery{padding-left:24px;padding-right:24px}.gal-editorial{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.gal-item{background:#f4eee308;border:1px solid #b8935a40;padding:8px;text-decoration:none;display:block;position:relative;box-shadow:0 10px 30px #0000004d}.gal-item:after{content:"";pointer-events:none;border:1px solid #b8935a1a;position:absolute;inset:-5px}.gal-item img{object-fit:cover;filter:brightness(.85)contrast(1.1)sepia(.15);width:100%;height:100%;transition:all .5s;display:block}.gal-item:hover img{filter:brightness()contrast(1.05)sepia(0)}.gal-item:nth-child(4n+1){aspect-ratio:4/5;grid-column:span 2}.gal-item:nth-child(4n+2),.gal-item:nth-child(4n+3){aspect-ratio:3/4;grid-column:span 1}.gal-item:nth-child(4n+4),.gal-item:nth-child(4n+2):last-child{aspect-ratio:16/9;grid-column:span 2}#gift{background:var(--ink);text-align:center}.bank-card{text-align:left;background:#b8935a0a;border:1px solid #b8935a59;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:22px;display:flex}.bank-card .bi{color:var(--blush);opacity:.75;font-size:11px}.bank-card .num{letter-spacing:.05em;margin:4px 0;font-family:Cormorant Garamond;font-size:20px}.bank-card .an{color:var(--gold-light);font-size:12px}.copy-btn{letter-spacing:.15em;text-transform:uppercase;color:var(--ink);background:var(--gold-light);cursor:pointer;white-space:nowrap;border:none;border-radius:2px;padding:9px 16px;font-size:10px}#rsvp{background:var(--ink)}.field{margin-bottom:18px}.field label{letter-spacing:.15em;text-transform:uppercase;color:var(--gold-light);margin-bottom:8px;font-size:11px;display:block}.field input,.field select,.field textarea{width:100%;color:var(--ivory);background:0 0;border:none;border-bottom:1px solid #f4eee34d;outline:none;padding:10px 2px;font-family:Jost;font-size:14px}.field textarea{resize:vertical;min-height:70px}.radio-group{gap:10px;margin-top:8px;display:flex}.radio-label{cursor:pointer;flex:1}.radio-label input{display:none}.radio-btn{letter-spacing:.1em;color:var(--blush);background:0 0;border:1px solid #b8935a80;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;transition:all .3s;display:flex}.radio-btn svg{opacity:.5;width:16px;height:16px}.radio-label input:checked+.radio-btn{background:var(--gold-light);color:var(--ink);border-color:var(--gold-light)}.radio-label input:checked+.radio-btn svg{opacity:1}.submit-btn{letter-spacing:.22em;text-transform:uppercase;background:var(--gold-light);width:100%;color:var(--ink);cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:16px;font-size:12px}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.rsvp-note{color:var(--blush);opacity:.7;text-align:center;margin-top:14px;font-size:11px}.ucapan-list{flex-direction:column;gap:12px;max-height:360px;margin-top:32px;padding-right:4px;display:flex;overflow-y:auto}.ucapan-list::-webkit-scrollbar{display:none}.ucapan-list{-ms-overflow-style:none;scrollbar-width:none}.ucapan-item{text-align:left;background:#f4eee30a;border:1px solid #b8935a40;border-radius:8px;gap:14px;padding:16px;display:flex}.ucapan-avatar{background:var(--gold-light);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.ucapan-content{flex:1}.ucapan-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ucapan-name{color:var(--gold-light);font-size:14px;font-weight:500}.ucapan-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:500}.badge-hadir{background:var(--gold-light);color:var(--ink)}.badge-absen{color:var(--blush);background:#f4eee326}.ucapan-text{color:var(--blush);opacity:.85;font-size:13px;line-height:1.5}.pagination{justify-content:center;gap:8px;margin-top:24px;display:flex}.page-btn{width:32px;height:32px;color:var(--gold-light);cursor:pointer;background:0 0;border:1px solid #b8935a66;border-radius:50%;justify-content:center;align-items:center;font-family:Jost,sans-serif;font-size:12px;font-weight:600;transition:all .3s;display:flex}.page-btn svg{stroke:currentColor;width:14px;height:14px}.page-btn.active{background:var(--gold-light);color:var(--ink);border-color:var(--gold-light)}.page-btn.disabled{opacity:.3;cursor:not-allowed;color:#f4eee366;border-color:#f4eee333}.page-btn:not(.active):not(.disabled):hover{background:#b8935a26}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.show{opacity:1;transform:translateY(0)}#closing{text-align:center;background:linear-gradient(#14100d8c,#14100deb),url(https://images.unsplash.com/photo-1465495976277-4387d4b0b4c6?q=80&w=1200&auto=format&fit=crop) 50%/cover no-repeat;padding-bottom:64px}.closing-thanks{color:var(--blush);margin-top:10px;font-size:14px;line-height:1.8}.closing-names{margin-top:26px;font-size:34px}footer{text-align:center;letter-spacing:.15em;color:var(--bronze);padding:24px;font-size:10px}.sound-toggle{z-index:40;border:1px solid var(--gold);width:38px;height:38px;color:var(--gold-light);cursor:pointer;background:#14100d8c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:18px;right:18px}.sound-toggle.on{background:var(--gold-light);color:var(--ink)}