.gate{--orn-1:var(--jeruk);--orn-2:var(--matahari);--orn-3:var(--toska-tint);align-content:center;place-items:center;gap:var(--s-5);min-height:100dvh;padding:var(--s-6) var(--s-4);text-align:center;display:grid}.gate-card{width:min(100%,440px)}.gate-inner{padding-bottom:var(--s-6)}.gate-orn{width:150px;height:auto;margin:0 auto var(--s-3);display:block}.gate h1{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.4rem)}.gate-brand{color:var(--ink);justify-items:center;min-height:44px;text-decoration:none;display:grid}.gate-brand-logo{width:auto;height:40px;display:block}.owner-bar{z-index:2;padding:var(--s-2) var(--s-4);background:var(--ink);color:#fff;text-align:center;margin:0;font-size:.92rem;position:relative}.owner-bar a{color:#fff;padding:12px 4px;display:inline-block}.demo-bar{padding:0 var(--s-3);color:#fff;text-align:center;background:#2a1a3a;margin:0;font-size:.85rem}.demo-bar a{color:#fff;align-items:center;min-height:44px;padding:0 4px;font-weight:800;display:inline-flex}.watermark-ribbon{z-index:10;padding:10px var(--s-4);background:var(--matahari);color:var(--on-accent,var(--ink));text-align:center;font-weight:800;position:sticky;top:0}.invite{padding-top:var(--s-6)}.music{gap:var(--s-2) var(--s-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.invite{padding-bottom:calc(var(--s-8) + 64px + env(safe-area-inset-bottom))}.invite-section h2{text-align:center;margin-bottom:var(--s-4);font-size:clamp(1.7rem,1.4rem + 1.2vw,2.2rem)}.invite-section h3{font-size:1.25rem}.reveal-section{background:var(--card);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:var(--r-card);padding:var(--s-5) var(--s-4)}.invite .card{border-color:var(--line)}.inv-cover-layer{z-index:50;background:var(--paper);position:fixed;inset:0;overflow-y:auto}.inv-nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--card);max-width:calc(100vw - 24px);box-shadow:0 4px 0 var(--ink);scrollbar-width:none;gap:2px;padding:4px;display:flex;position:fixed;overflow-x:auto;translate:-50%}.inv-nav a{border-radius:var(--r-pill);min-height:44px;color:var(--ink);flex:none;align-items:center;padding:0 14px;font-size:.92rem;font-weight:800;text-decoration:none;display:inline-flex}.inv-nav a:hover,.inv-nav a:focus-visible{background:var(--paper-2)}@media (max-width:380px){.inv-nav a{padding:0 10px;font-size:.85rem}}.inv-music{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));transition:bottom .32s var(--ease-out);z-index:31;border:2px solid var(--ink);background:var(--matahari);width:52px;height:52px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed}.inv-music.is-lifted{bottom:calc(84px + env(safe-area-inset-bottom))}.inv-music-icon{background:var(--on-accent,var(--ink));clip-path:polygon(10% 0,100% 50%,10% 100%);width:18px;height:18px}.inv-music.is-on .inv-music-icon{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.inv-music-error{white-space:nowrap;background:var(--card);color:var(--danger);border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:800;position:absolute;right:60px}.loc-name{margin-bottom:var(--s-1);font-weight:800}.map{border:1px solid var(--line);border-radius:var(--r-card);width:100%;height:240px;margin:var(--s-3) 0;display:block}.two-col-inv{gap:var(--s-4);display:grid}@media (min-width:600px){.two-col-inv{grid-template-columns:1fr 1fr}.two-col-inv>.field+.field{margin-top:0}}.invite-gallery{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(min(46%,160px),1fr));display:grid}.invite-gallery img,.img-fallback{aspect-ratio:1;object-fit:cover;border-radius:var(--r-input);background:var(--paper-2);width:100%;color:var(--ink-2);place-items:center;display:grid}.gb-list{gap:var(--s-3);display:grid}.gb-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s-4)}.gb-item .btn-ghost{margin-top:var(--s-2);color:var(--ink-2);margin-left:-10px}.gift-list{gap:var(--s-3);display:grid}.gift-number{font-family:var(--font-heading);letter-spacing:.02em;overflow-wrap:anywhere;font-size:1.3rem;font-weight:700}.qris{max-width:260px;margin-top:var(--s-3);border:1.5px solid var(--line-strong);cursor:zoom-in;font:inherit;background:#fff;border-radius:14px;gap:6px;padding:8px;display:grid}.qris img{border-radius:var(--r-input);width:100%}.qris-hint{color:#5b4b68;font-size:.8rem;font-weight:700}.gallery-thumb{border-radius:var(--r-input);cursor:zoom-in;background:0 0;border:0;padding:0;display:block;overflow:hidden}.gallery-thumb img{transition:transform .26s var(--ease-out)}.gallery-thumb:hover img{transform:scale(1.04)}dialog.lightbox{width:min(960px,100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);padding:var(--s-3);color:#fff;background:#1b1426;border:0;border-radius:18px}dialog.lightbox[open]{gap:var(--s-3);grid-template-rows:auto 1fr auto;display:grid}dialog.lightbox::backdrop{background:#0f0a16d9}.lightbox-bar,.lightbox-nav{justify-content:space-between;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.lightbox-count{font-weight:800}.lightbox-stage{place-items:center;min-height:0;display:grid}.lightbox-stage img{object-fit:contain;background:#fff;border-radius:10px;max-width:100%;max-height:calc(100dvh - 180px)}.lightbox .btn-secondary{color:#2a1a3a;background:#fff;border-color:#fff}.inv-nav a[aria-current=location]{background:var(--ink);color:var(--paper)}.voice{margin-top:var(--s-2)}.rec-indicator{color:var(--danger);font-weight:800}.invite-footer{text-align:center;padding:var(--s-7) 0 var(--s-6)}.invite-footer p{margin:0}.is-editing main section[id],.is-editing .inv-cover{cursor:pointer}.is-editing main section[id]:hover{outline:2px dashed var(--jeruk);outline-offset:-6px}.is-editing .edit-focus{outline:3px solid var(--jeruk);outline-offset:-6px;animation:1.4s ease-out forwards edit-focus}@keyframes edit-focus{to{outline-color:#0000}}.is-editing [data-edit]{cursor:text}.is-editing [data-edit]:hover:not(:has([data-edit]:hover)){outline:2px solid var(--jeruk);outline-offset:3px;border-radius:6px}.is-editing [data-edit].edit-focus{outline-offset:3px}.wm-tile{z-index:55;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='190'%3E%3Ctext x='10' y='110' transform='rotate(-24 150 95)' font-family='Arial,Helvetica,sans-serif' font-size='22' font-weight='700' fill='%232a1a3a'%3EPRATINJAU %C2%B7 BELUM AKTIF%3C/text%3E%3C/svg%3E");position:fixed;inset:0}.wm-tile.is-sample{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='180'%3E%3Ctext x='24' y='105' transform='rotate(-24 140 90)' font-family='Arial,Helvetica,sans-serif' font-size='24' font-weight='700' fill='%232a1a3a'%3ECONTOH %C2%B7 kiddoo.id%3C/text%3E%3C/svg%3E")}.wm-tile.on-dark{mix-blend-mode:screen;filter:invert()}