@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500;600&family=Tangerine:wght@400;700&display=swap";:root{--ink:#4e342e;--blue:#8d6e63;--blue-soft:#d7ccc8;--cream:beige;--gold:#c7a662;--sage:#8ca089}html{scroll-behavior:smooth}.wayang-bg{background-color:var(--cream);background-blend-mode:multiply;background-image:url(/themes/wayang/assets/texture.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.font-script{font-family:Tangerine,cursive}.font-serif{font-family:Cormorant Garamond,serif}.corner-wrap{pointer-events:none;z-index:0;width:250px;position:absolute}.corner-wrap img{opacity:.75;filter:brightness(1.05);width:100%;animation:5.5s ease-in-out infinite pulseZoom;display:block}.corner-tl{top:-18px;left:-18px;transform:scale(-1)}.corner-tr{top:-18px;right:-18px;transform:rotate(-90deg)}.corner-bl{bottom:-18px;left:-18px;transform:scaleX(-1)}.corner-br{bottom:-18px;right:-18px;transform:rotate(-90deg)scaleX(-1)}.corner-tl img{animation-delay:0s}.corner-tr img{animation-delay:1.2s}.corner-bl img{animation-delay:.6s}.corner-br img{animation-delay:1.8s}@keyframes pulseZoom{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.glass-panel{-webkit-backdrop-filter:blur(3px);z-index:10;background:#ffffff1a;border:1px solid #ffffff59;border-radius:1.5rem;position:relative;box-shadow:0 8px 32px #0000000d}.divider-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);height:1px}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(24px)}.reveal.opacity-100{opacity:1;transform:translateY(0)}.petal{opacity:.85;pointer-events:none;animation:linear infinite fall;position:absolute;top:-10%}@keyframes fall{0%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:.2;transform:translateY(110vh)rotate(360deg)}}.btn-primary{background:var(--ink);color:var(--cream);transition:background .3s,transform .2s}.btn-primary:hover:not(:disabled){background:var(--blue);transform:translateY(-2px)}::selection{background:var(--blue-soft);color:var(--ink)}.photo-frame{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:260px;height:auto;margin:0 auto;display:flex;position:relative}.photo-frame .photo-ring{width:240px;height:240px;box-shadow:0 8px 24px #1f3a5f2e, 0 0 0 1px var(--blue-soft);background:var(--blue-soft)/40;z-index:2;border:3px solid #fff;border-radius:50%;position:relative;overflow:hidden}.anim-pulse{animation:5.5s ease-in-out infinite pulseZoom}.anim-pulse-delay{animation:5.5s ease-in-out 2s infinite pulseZoom}#bottomNav{left:50%;bottom:env(safe-area-inset-bottom,24px);z-index:50;-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:9999px;justify-content:space-around;align-items:center;width:calc(100% - 48px);max-width:360px;margin-bottom:24px;padding:12px 8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #1f3a5f26}@media (width>=1024px){#bottomNav{left:auto;right:30px;transform:none}}.nav-icon{color:#1f3a5f73;flex-direction:column;align-items:center;gap:4px;width:44px;transition:all .3s;display:flex}.nav-icon svg{width:20px;height:20px}.nav-icon span{letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:500}.nav-icon.active{color:var(--ink);transform:translateY(-3px)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}.cloud-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.cloud{opacity:.9;background-image:url(/themes/wayang/assets/awan.png);background-repeat:no-repeat;background-size:contain;position:absolute}.cloud-1{width:600px;height:300px;animation:25s linear infinite floatCloud;top:5%;left:-600px}.cloud-2{opacity:.8;width:450px;height:230px;animation:30s linear -10s infinite floatCloud;top:35%;left:-450px}.cloud-3{opacity:.85;width:800px;height:400px;animation:35s linear -15s infinite floatCloud;bottom:15%;left:-800px}.cloud-4{opacity:.9;width:500px;height:250px;animation:20s linear -5s infinite floatCloud;bottom:-20px;left:-500px}@keyframes floatCloud{0%{transform:translate(0)translateY(0)}to{transform:translate(calc(100vw + 1200px))translateY(-20px)}}@media (width>=1024px){.cloud-1{width:700px;height:360px;left:-700px}.cloud-2{width:500px;height:260px;left:-500px}.cloud-3{width:900px;height:460px;left:-900px}.cloud-4{width:600px;height:300px;left:-600px}}