*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}:root{--paper:#fdf8f0;--paper-dark:#f5edda;--paper-darker:#ede0c4;--ink:#2d2013;--ink-light:#6b5640;--ink-faded:#a08060;--red-tape:#d94f3d;--blue-tape:#3d6ea8;--green-tape:#4a8c5c;--yellow-tape:#e8c840;--pink-tape:#d96b8a;--shadow:#0000002e;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}html{scroll-behavior:smooth}body{color:var(--ink);background:#c8b89a;font-family:Nunito,sans-serif;overflow-x:hidden}#loader{z-index:9999;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden}.loader-title{color:var(--ink);text-align:center;font-family:Caveat,cursive;font-size:2.8rem;font-weight:700;line-height:1.2}.loader-sub{color:var(--ink-faded);font-family:Nunito,sans-serif;font-size:.95rem}.loader-bar-wrap{background:var(--paper-dark);border-radius:99px;width:260px;height:6px;overflow:hidden}.loader-bar{background:var(--ink-light);border-radius:99px;width:0%;height:100%;transition:width .3s}.loader-doodle{font-family:Caveat,cursive;font-size:3.5rem;animation:1.2s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}#main{opacity:0;transition:opacity 1s}#main.visible{opacity:1}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}#cover{background:var(--paper);background-image:var(--grain)}.cover-lines{background-image:repeating-linear-gradient(#0000,#0000 31px,#a0806026 31px 32px);background-position:0 40px;position:absolute;inset:0}.cover-margin{background:#c8646440;width:2px;position:absolute;top:0;bottom:0;left:80px}.cover-inner{z-index:2;text-align:center;max-width:680px;position:relative}.cover-stamp{border:3px solid var(--ink-light);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light);margin-bottom:28px;padding:6px 18px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700;display:inline-block;transform:rotate(-1.5deg)}.cover-title{color:var(--ink);margin-bottom:16px;font-family:Caveat,cursive;font-size:clamp(3.2rem,8vw,6rem);font-weight:700;line-height:1.05}.cover-subtitle{color:var(--ink-light);margin-bottom:40px;font-family:Caveat,cursive;font-size:clamp(1.3rem,3vw,1.9rem)}.cover-divider{background:var(--paper-darker);width:120px;height:2px;margin:0 auto 40px}.cover-meta{color:var(--ink-faded);font-family:Caveat,cursive;font-size:1.3rem}.cover-scroll-hint{color:var(--ink-faded);flex-direction:column;align-items:center;gap:8px;font-family:Caveat,cursive;font-size:1.1rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.cover-scroll-hint svg{width:20px;height:20px;stroke:var(--ink-faded);fill:none}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.page-section{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:50px 20px 70px;display:flex;position:relative;overflow:hidden}.section-top-wrap,.section-bottom-wrap{z-index:35;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;transition:opacity .35s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;left:0;right:0}.section-top-wrap{top:10px}.section-bottom-wrap{bottom:12px}.page-section.active-section .section-top-wrap,.page-section.active-section .section-bottom-wrap{opacity:1;pointer-events:auto}.section-nav-btn{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;width:100%;padding:10px 0;transition:transform .25s;display:flex;position:relative;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.section-nav-btn:hover{transform:scale(1.15)}.page-section .section-nav-btn{color:var(--ink)}.chapter-cover .section-nav-btn,.video-section .section-nav-btn,#kesan-pesan .section-nav-btn,.photo-section[style*="background:#1a"] .section-nav-btn,.photo-section[style*="background: #1a"] .section-nav-btn,.photo-section[style*="background:#1A"] .section-nav-btn{color:#fff}.section-nav-btn .chevron-down-icon,.section-nav-btn .chevron-up-icon,.section-nav-btn .restart-icon{stroke:currentColor;filter:drop-shadow(0 2px 4px #00000026);width:28px;height:28px}.section-nav-btn .chevron-down-icon{animation:1.8s cubic-bezier(.4,0,.6,1) infinite chevronPulseDown}.section-nav-btn .chevron-up-icon,.section-nav-btn .restart-icon{animation:1.8s cubic-bezier(.4,0,.6,1) infinite chevronPulseUp}@keyframes chevronPulseDown{0%,to{opacity:.75;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(6px)scale(1.15)}}@keyframes chevronPulseUp{0%,to{opacity:.75;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-6px)scale(1.15)}}.sticker{-webkit-user-select:none;user-select:none;font-size:2.2rem;position:absolute}.s1{top:12%;left:8%;transform:rotate(-18deg)}.s2{top:20%;right:7%;transform:rotate(14deg)}.s3{bottom:22%;left:6%;transform:rotate(-8deg)}.s4{bottom:15%;right:9%;transform:rotate(22deg)}.s5{top:8%;right:22%;transform:rotate(-5deg)}.chapter-cover{position:relative;overflow:hidden}.chapter-num,.chapter-title,.chapter-desc,.chapter-line{z-index:5;position:relative}.chapter-num{letter-spacing:.22em;text-transform:uppercase;color:#ffffffb3;text-shadow:0 2px 8px #00000080;margin-bottom:14px;font-family:Caveat,cursive;font-size:1.1rem}.chapter-title{color:#fff;text-align:center;text-shadow:0 4px 16px #00000080,0 0 30px #ffffff26;max-width:760px;font-family:Caveat,cursive;font-size:clamp(3rem,7.5vw,5.8rem);font-weight:700;line-height:1.1}.chapter-desc{color:#ffffffd9;text-align:center;text-shadow:0 2px 8px #00000080;max-width:540px;margin-top:20px;font-family:Caveat,cursive;font-size:1.35rem}.chapter-line{background:#fff6;border-radius:99px;width:70px;height:3px;margin:28px auto 0;box-shadow:0 2px 6px #0000004d}.ch-decorations{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.icon-svg{vertical-align:-.15em;width:1em;height:1em;display:inline-block}.ch-sticker,.sticker{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 14px #0006);will-change:transform;font-size:clamp(2.4rem,5vw,4rem);position:absolute}.ch-sticker svg,.sticker svg{width:1em;height:1em;display:block}.float-1{animation:4s ease-in-out infinite alternate floatSoft1}.float-2{animation:5s ease-in-out infinite alternate floatSoft2}.float-3{animation:4.5s ease-in-out infinite alternate floatSoft3}.float-4{animation:5.5s ease-in-out infinite alternate floatSoft4}.float-5{animation:6.5s ease-in-out infinite alternate floatSoft1}.spin-1{animation:12s linear infinite spinSlow1}.spin-2{animation:4s ease-in-out infinite alternate floatSoft3,15s linear infinite spinSlow2}@keyframes floatSoft1{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-18px)rotate(5deg)}}@keyframes floatSoft2{0%{transform:translateY(0)rotate(6deg)}to{transform:translateY(-22px)rotate(-6deg)}}@keyframes floatSoft3{0%{transform:translateY(0)scale(.94)}to{transform:translateY(-16px)scale(1.08)}}@keyframes floatSoft4{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-20px)rotate(8deg)}}@keyframes spinSlow1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.ch-badge{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.05em;background:#ffffff29;border:1px solid #ffffff59;border-radius:99px;padding:6px 20px;font-family:Caveat,cursive;font-size:1.25rem;position:absolute;top:9%;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 4px 18px #00000040}.ch-bubble{-webkit-backdrop-filter:blur(10px);color:#f0e6ff;background:#ffffff24;border:1px solid #ffffff47;border-radius:20px;padding:8px 18px;font-family:Caveat,cursive;font-size:1.2rem;animation:6s ease-in-out infinite alternate floatSoft2;position:absolute;box-shadow:0 6px 18px #0000004d}.ch-stamp-badge{color:#ffe0b2;letter-spacing:.15em;text-shadow:0 2px 4px #0006;border:3px dashed #ffb74d;border-radius:6px;padding:6px 16px;font-size:.95rem;font-weight:800;position:absolute;top:10%;right:12%;transform:rotate(8deg);box-shadow:0 4px 12px #0003}.ch-neon-badge{color:#ff9ebb;letter-spacing:.2em;background:#ff006e38;border:1px solid #ff006e;border-radius:4px;padding:4px 18px;font-family:monospace;font-size:.9rem;animation:2s infinite alternate neonPulse;position:absolute;top:9%;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ff006e80}@keyframes neonPulse{0%{box-shadow:0 0 8px #ff006e4d}to{box-shadow:0 0 22px #ff006ecc}}.ch-bg-1{background:#1c2b3d}.ch-sun-rays{background:#ffc8641f;border-radius:50%;width:650px;height:650px;animation:6s ease-in-out infinite alternate pulseRay;position:absolute;top:-25%;right:-12%}@keyframes pulseRay{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.25)}}.ch-bg-2{background:#231b34}.ch-bg-3{background:#281912}.steam-wrap{gap:6px;display:flex;position:absolute}.steam-line{filter:blur(3px);background:#ffffff59;border-radius:99px;width:4px;height:42px;animation:3s ease-out infinite steamRise}.steam-line:nth-child(2){height:52px;animation-delay:.6s}.steam-line:nth-child(3){height:38px;animation-delay:1.2s}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scaleX(1)}50%{opacity:.7}to{opacity:0;transform:translateY(-42px)scaleX(2.2)}}.ch-bg-4{background:#3c140a}.ch-bg-5{background:#120e24}.ch-bg-6{background:#241820}.ch-film-sprockets{background:#ffffff26;width:26px;position:absolute;top:0;bottom:0}.ch-film-sprockets.left{left:12px}.ch-film-sprockets.right{right:12px}.ch-viewfinder{color:#ff4d4d;letter-spacing:.15em;font-family:monospace;font-size:.95rem;font-weight:700;animation:1.5s infinite blinkRec;position:absolute;top:24px;right:32px}@keyframes blinkRec{0%,to{opacity:1}50%{opacity:.2}}.ch-bg-7{background:#2a1038}.confetti-wrap{position:absolute;inset:0}.confetti{opacity:.75;width:14px;height:14px;animation:6s ease-in-out infinite alternate confettiFloat;position:absolute}.c1{background:#ff007f;top:15%;left:20%;transform:rotate(15deg)}.c2{background:#00f0ff;border-radius:50%;top:25%;right:22%;transform:rotate(45deg)}.c3{background:#ffe600;width:18px;height:7px;bottom:20%;left:25%}.c4{background:#ff5e00;bottom:30%;right:18%;transform:rotate(-30deg)}.c5{background:#0f6;border-radius:50%;top:40%;left:10%}@keyframes confettiFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-35px)rotate(180deg)}}.ch-bg-mancing{background:#0f2c22}.ch-mountain-bg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.05)' fill-opacity='1' d='M0,192L60,202.7C120,213,240,235,360,213.3C480,192,600,128,720,128C840,128,960,192,1080,202.7C1200,213,1320,171,1380,149.3L1440,128L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") bottom/cover;height:38%;position:absolute;bottom:0;left:0;right:0}.ch-bg-8{background:#091328!important}.starry-sky{position:absolute;inset:0}.star{background:#fff;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite alternate starTwinkle;position:absolute;box-shadow:0 0 8px #fff}.s-1{animation-delay:0s;top:15%;left:18%}.s-2{width:4px;height:4px;animation-delay:.7s;top:25%;right:25%}.s-3{animation-delay:1.4s;bottom:35%;left:22%}.s-4{animation-delay:2.1s;top:35%;left:40%}.s-5{width:4px;height:4px;animation-delay:.4s;bottom:25%;right:18%}.s-6{animation-delay:1.8s;top:12%;left:70%}@keyframes starTwinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.4)}}.shooting-star{background:#ffffffb3;width:120px;height:2px;animation:6s ease-in-out infinite shootingStar;position:absolute;top:15%;left:60%;transform:rotate(-35deg)}.shooting-star.s-two{width:150px;animation-delay:3.5s;top:30%;left:20%}@keyframes shootingStar{0%{opacity:0;transform:translate(0)translateY(0)rotate(-35deg)}10%{opacity:1}20%{opacity:0;transform:translate(-260px)translateY(190px)rotate(-35deg)}to{opacity:0}}.ch-bg-9{background:#2a1224}.bokeh-wrap{position:absolute;inset:0}.bokeh{background:#ffb6c126;border-radius:50%;animation:8s ease-in-out infinite alternate floatBokeh;position:absolute}.b1{width:220px;height:220px;top:10%;left:15%}.b2{width:320px;height:320px;animation-delay:3s;bottom:10%;right:10%}.b3{width:160px;height:160px;animation-delay:5s;top:40%;right:30%}@keyframes floatBokeh{0%{transform:translateY(0)scale(1)}to{transform:translateY(-35px)scale(1.18)}}.ch-bg-10{background:#161028}.horizon-glow{background:#9370db33;border-radius:50%;width:900px;height:350px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.photo-section{background:var(--paper);background-image:var(--grain)}.photo-section-lines{pointer-events:none;background-image:repeating-linear-gradient(#0000,#0000 31px,#a080601a 31px 32px);position:absolute;inset:0}.section-inner{max-width:1000px;margin:0 auto;position:relative}.grid-scattered,.grid-polaroid,.grid-chaos{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;width:100%;margin:0 auto;padding:8px;display:flex}.photo-taped,.polaroid,.photo-wide{box-shadow:3px 6px 18px var(--shadow);cursor:pointer;box-sizing:border-box;background:#fff;padding:12px 12px 48px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;position:relative}.photo-taped:hover,.polaroid:hover,.photo-wide:hover{z-index:10;box-shadow:6px 12px 30px #00000040;transform:scale(1.03)rotate(0)!important}.photo-taped img,.polaroid img,.photo-wide img{object-fit:cover;border-radius:2px;width:100%;display:block}.photo-taped{width:250px;max-width:100%}.photo-taped img{aspect-ratio:4/3}.polaroid{width:220px;max-width:100%;padding:14px 14px 48px}.polaroid img{aspect-ratio:1}.photo-wide{width:520px;max-width:100%;padding:14px 14px 44px}.photo-wide img{aspect-ratio:16/9}.caption{color:var(--ink-light);text-align:center;font-family:Caveat,cursive;font-size:1.15rem;line-height:1.2;position:absolute;bottom:10px;left:12px;right:12px}.tape{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;z-index:5;background:#e8c840b3;width:80px;height:24px;position:absolute;box-shadow:0 1px 4px #0000001a}.tape-yellow{background:#e8c840bf}.tape-blue{background:#3d6ea8bf}.tape-red{background:#d94f3dbf}.tape-green{background:#4a8c5cbf}.tape-pink{background:#d96b8abf}.tape-h{top:-12px;left:50%;transform:translate(-50%)rotate(-1deg)}.tape-tl{top:-12px;left:-16px;transform:rotate(-35deg)}.tape-tr{top:-12px;right:-16px;transform:rotate(35deg)}.r-l1{transform:rotate(-1deg)}.r-l2{transform:rotate(-2.5deg)}.r-l3{transform:rotate(-4deg)}.r-l4{transform:rotate(-5.5deg)}.r-l6{transform:rotate(-7deg)}.r-r1{transform:rotate(1deg)}.r-r2{transform:rotate(2.5deg)}.r-r3{transform:rotate(4deg)}.r-r4{transform:rotate(5.5deg)}.r-r5{transform:rotate(6.5deg)}.r-r7{transform:rotate(8deg)}.sticky{background:var(--yellow-tape);color:var(--ink);padding:16px 20px;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.4;position:relative;box-shadow:2px 4px 12px #00000026}.sticky.green{color:#0a3010;background:#d4f0d4}.sticky.blue{color:#0a2040;background:#d0e8ff}.sticky.pink{color:#3a1020;background:#ffd6e0}.note-card{background:var(--paper-dark);color:var(--ink);text-align:center;border:2px dashed #a0806066;border-radius:8px;padding:20px 24px;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.5}.flipbook-section{background:#e8dcc4;background-image:repeating-linear-gradient(0deg, transparent, transparent 19px, #00000005 19px, #00000005 20px), var(--grain)}.book-container{justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto;display:flex;position:relative}.book-shadow{filter:blur(10px);z-index:1;background:#00000040;border-radius:50%;width:90%;height:20px;position:absolute;bottom:-15px}#my-book{z-index:2;border-radius:0;box-shadow:none!important;background:0 0!important}.my-page{background:var(--paper);background-image:var(--grain);box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:30px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000038}.my-page:after{content:"";pointer-events:none;z-index:10;width:15px;position:absolute;top:0;bottom:0}.my-page.page-left:after{background:linear-gradient(270deg,#0000000f,#0000);right:0}.my-page.page-right:after{background:linear-gradient(90deg,#0000000f,#0000);left:0}.my-page[data-density=hard]{background:#3c2a1a;background-image:var(--grain);color:#fdf8f0;border:3px solid #2d1f13;box-shadow:inset 0 0 30px #0000004d}.book-cover-title{color:#e8dcc4;text-align:center;margin:auto 0;font-family:Caveat,cursive;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15}.book-cover-sub{color:#fff9;text-align:center;margin-bottom:20px;font-family:Caveat,cursive;font-size:1.3rem}.cover-pulse-container{z-index:15;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:auto 0;display:flex;position:relative}.pulse-element{color:#e8dcc4;background:#e8dcc426;border:2px solid #e8dcc4;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 0 15px #e8dcc433}.pulse-element:after,.pulse-element:before{content:"";opacity:.8;box-sizing:content-box;pointer-events:none;border:2px solid #e8dcc4;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.25,0,0,1) infinite pulse-ring;position:absolute;top:-2px;left:-2px}.pulse-element:before{animation-delay:.5s}.pulse-element svg{stroke:#e8dcc4;fill:none;width:28px;height:28px;transition:transform .3s}.pulse-label{color:#e8dcc4;text-align:center;letter-spacing:.5px;text-shadow:0 2px 4px #00000080;font-family:Caveat,cursive;font-size:1.4rem;font-weight:500;animation:2s ease-in-out infinite text-pulse}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes text-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.book-page-title{color:var(--ink);border-bottom:2px dashed #a080604d;margin-bottom:12px;padding-bottom:6px;font-family:Caveat,cursive;font-size:1.8rem;font-weight:700}.book-page-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.book-page-footer{color:var(--ink-faded);text-align:center;margin-top:12px;font-family:Caveat,cursive;font-size:.95rem}#thankyou{background:#2b2118;background-image:var(--grain)}.ty-paper{background:var(--paper);border:1px solid #0000001a;border-radius:4px;width:100%;max-width:760px;max-height:calc(100vh - 120px);padding:32px 36px 36px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0006}.ty-lines{pointer-events:none;background-image:repeating-linear-gradient(#0000,#0000 31px,#a080601f 31px 32px);background-position:0 32px;position:absolute;inset:0}.ty-inner{z-index:2;position:relative}.ty-label{color:var(--ink-faded);margin-bottom:12px;font-family:Caveat,cursive;font-size:1.2rem}.ty-title{color:var(--ink);margin-bottom:24px;font-family:Caveat,cursive;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2}.ty-body{color:var(--ink-light);margin-bottom:20px;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.6}.names-grid{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.name-chip{background:var(--paper-dark);color:var(--ink);transform:rotate(var(--r,0deg));border:1px solid #a080604d;border-radius:99px;padding:4px 12px;font-family:Caveat,cursive;font-size:1.15rem}.ty-sign{color:var(--ink);text-align:right;margin-top:32px;font-family:Caveat,cursive;font-size:2.2rem;font-weight:700}.video-section{background:#121216;background-image:radial-gradient(circle at center, #1e1e24 0%, #0d0d10 100%), var(--grain)}.video-section:before{content:"";pointer-events:none;opacity:.3;background-image:repeating-linear-gradient(#0000,#0000 2px,#00000026 2px 4px);position:absolute;inset:0}.video-container{z-index:2;width:100%;max-width:720px;margin:16px auto 0;position:relative}.film-strip-border{opacity:.8;background:repeating-linear-gradient(90deg,#000 0 12px,#0000 12px 20px,#000 20px 32px);border-top:3px solid #1a1a20;border-bottom:3px solid #1a1a20;height:20px}.video-retro-frame{background:#000;border:10px solid #2d2d38;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,inset 0 2px 10px #ffffff0d}.video-wrapper{background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}#lightbox-overlay{-webkit-backdrop-filter:blur(16px);z-index:10000;opacity:0;visibility:hidden;background:#121216f5;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.25,1,.5,1),visibility .4s;display:flex;position:fixed;inset:0}#lightbox-overlay.lightbox-visible{opacity:1;visibility:visible}#lightbox-close{color:#fff;cursor:pointer;z-index:10010;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:24px;right:24px}#lightbox-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)rotate(90deg)}#lightbox-close svg{width:24px;height:24px}#lightbox-prev,#lightbox-next{color:#fff;cursor:pointer;z-index:10010;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}#lightbox-prev{left:32px}#lightbox-next{right:32px}#lightbox-prev:hover,#lightbox-next:hover{background:#fff3;border-color:#ffffff4d}#lightbox-prev:hover{transform:translateY(-50%)scale(1.1)translate(-4px)}#lightbox-next:hover{transform:translateY(-50%)scale(1.1)translate(4px)}#lightbox-prev svg,#lightbox-next svg{width:28px;height:28px}#lightbox-content{transform-origin:50%;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;max-width:90%;max-height:85vh;transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1);display:flex;position:relative}#lightbox-content.switching{opacity:0;transform:scale(.96)}#lightbox-img{object-fit:contain;background:#0003;border:4px solid #ffffff0d;border-radius:8px;max-width:100%;max-height:72vh;box-shadow:0 24px 70px #000000b3}#lightbox-caption{color:var(--paper);text-align:center;text-shadow:0 2px 10px #0009;max-width:600px;margin-top:20px;font-family:Caveat,cursive;font-size:1.8rem;font-weight:600;line-height:1.3}#lightbox-counter{color:#fff6;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-family:Nunito,sans-serif;font-size:.85rem}@media (width<=768px){#lightbox-prev,#lightbox-next{background:#0006;width:44px;height:44px}#lightbox-prev{left:12px}#lightbox-next{right:12px}#lightbox-close{width:40px;height:40px;top:16px;right:16px}#lightbox-caption{margin-top:16px;font-size:1.5rem}#lightbox-img{max-height:65vh}}#kesan-pesan{background:#3a2d1e;background-image:radial-gradient(ellipse at 20% 50%, #e8c8400f 0%, transparent 60%), radial-gradient(ellipse at 80% 30%, #d96b8a0d 0%, transparent 60%), var(--grain)}#kesan-pesan:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(#0000,#0000 31px,#ffffff05 31px 32px);position:absolute;inset:0}.kp-header{text-align:center;z-index:2;margin-bottom:16px;position:relative}.kp-label{letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;margin-bottom:12px;font-family:Caveat,cursive;font-size:1rem}.kp-title{color:#fff;font-family:Caveat,cursive;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700}.kp-subtitle{color:#ffffff80;margin-top:8px;font-family:Caveat,cursive;font-size:1.3rem}.kp-board{z-index:2;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px;min-height:180px;margin:0 auto 56px;display:flex;position:relative}.kp-board-loading,.kp-board-empty{color:#fff6;text-align:center;width:100%;padding:40px 0;font-family:Caveat,cursive;font-size:1.4rem}.kp-sticky{cursor:pointer;flex-direction:column;justify-content:space-between;width:180px;min-height:160px;padding:20px 16px 14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;box-shadow:3px 6px 16px #0000004d}.kp-sticky:hover{z-index:10;box-shadow:6px 12px 28px #00000073;transform:scale(1.08)rotate(0)!important}.kp-sticky:before{content:"";opacity:.6;background:#fff6;border-radius:0 0 3px 3px;width:48px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.kp-sticky.color-yellow,.kp-lb-card.color-yellow{color:#2d2013;background:#fff3a8}.kp-sticky.color-pink,.kp-lb-card.color-pink{color:#3a1020;background:#ffd6e0}.kp-sticky.color-blue,.kp-lb-card.color-blue{color:#0a2040;background:#d0e8ff}.kp-sticky.color-green,.kp-lb-card.color-green{color:#0a3010;background:#d4f0d4}.kp-sticky.color-orange,.kp-lb-card.color-orange{color:#3a2010;background:#ffe0b2}.kp-sticky.color-purple,.kp-lb-card.color-purple{color:#2a1040;background:#e1d5f0}.kp-sticky-msg{-webkit-line-clamp:5;line-clamp:5;word-break:break-word;-webkit-box-orient:vertical;flex-grow:1;margin-top:10px;font-family:Caveat,cursive;font-size:1.1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.kp-sticky-author{letter-spacing:.05em;opacity:.6;text-align:right;margin-top:12px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700}.kp-sticky-date{opacity:.4;text-align:right;margin-top:2px;font-family:Nunito,sans-serif;font-size:.65rem}.kp-open-modal-btn{color:#2d2013;cursor:pointer;z-index:5;background:#e8c840;border:none;border-radius:99px;align-items:center;gap:8px;margin-top:14px;padding:10px 24px;font-family:Caveat,cursive;font-size:1.3rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 4px 20px #e8c84066}.kp-open-modal-btn:hover{background:#f0d050;transform:scale(1.06)translateY(-2px);box-shadow:0 8px 28px #e8c84099}#kp-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;opacity:0;visibility:hidden;background:#121216e0;justify-content:center;align-items:center;padding:20px;transition:opacity .35s cubic-bezier(.25,1,.5,1),visibility .35s;display:flex;position:fixed;inset:0}#kp-modal-overlay.kp-modal-open{opacity:1;visibility:visible}.kp-modal-card{width:100%;max-width:480px;transition:transform .35s cubic-bezier(.25,1,.5,1);position:relative;transform:scale(.92)translateY(16px)}#kp-modal-overlay.kp-modal-open .kp-modal-card{transform:scale(1)translateY(0)}.kp-modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:14px;right:16px}.kp-modal-close:hover{background:#ffffff40;transform:scale(1.1)rotate(90deg)}.kp-form{background:#2a2016;border:1.5px solid #e8c8404d;border-radius:20px;padding:32px 28px 28px;box-shadow:0 24px 60px #0009}.kp-form-title{color:var(--paper);text-align:center;margin-bottom:20px;font-family:Caveat,cursive;font-size:1.6rem;font-weight:700}.kp-form-group{margin-bottom:16px}.kp-form-label{color:#fff9;margin-bottom:6px;font-family:Caveat,cursive;font-size:1.1rem;display:block}.kp-form-input,.kp-form-textarea{width:100%;color:var(--paper);background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:10px;outline:none;padding:12px 16px;font-family:Nunito,sans-serif;font-size:.95rem;transition:border-color .3s,background .3s,box-shadow .3s}.kp-form-input::placeholder,.kp-form-textarea::placeholder{color:#ffffff40}.kp-form-input:focus,.kp-form-textarea:focus{background:#ffffff1f;border-color:#e8c84080;box-shadow:0 0 0 3px #e8c8401a}.kp-form-textarea{resize:vertical;min-height:120px;line-height:1.6}.kp-form-submit{color:#2d2013;cursor:pointer;background:#e8c840;border:none;border-radius:10px;width:100%;padding:14px 24px;font-family:Caveat,cursive;font-size:1.3rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.kp-form-submit:hover{background:#f0d050;transform:translateY(-2px);box-shadow:0 8px 25px #e8c84059}.kp-form-submit:active{transform:translateY(0)}.kp-form-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.kp-form-submit .btn-text{transition:opacity .3s}.kp-form-submit.loading .btn-text{opacity:0}.kp-form-submit .btn-spinner{opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.kp-form-submit.loading .btn-spinner{opacity:1}.kp-form-submit .btn-spinner:after{content:"";border:3px solid #2d20134d;border-top-color:#2d2013;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kp-form-msg{text-align:center;border-radius:8px;margin-top:14px;padding:10px;font-family:Caveat,cursive;font-size:1.15rem;transition:all .3s}.kp-form-msg.success{color:#a5d6a7;background:#a5d6a71a}.kp-form-msg.error{color:#ef9a9a;background:#ef9a9a1a}#kp-lightbox{z-index:10001;-webkit-backdrop-filter:blur();opacity:0;visibility:hidden;background:#12121600;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.25,1,.5,1),visibility .45s,background .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s;display:flex;position:fixed;inset:0}#kp-lightbox.kp-lb-visible{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(20px);background:#121216eb}.kp-lb-card{flex-direction:column;width:380px;max-width:90vw;min-height:240px;padding:36px 30px 28px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.25,1,.5,1);display:flex;position:relative;transform:scale(.6)rotate(-8deg)translateY(40px);box-shadow:4px 8px 30px #0006}#kp-lightbox.kp-lb-visible .kp-lb-card{transform:scale(1)rotate(0)translateY(0);box-shadow:8px 16px 60px #0009}.kp-lb-card:before{content:"";opacity:.7;background:#ffffff73;border-radius:0 0 4px 4px;width:80px;height:26px;position:absolute;top:0;left:50%;transform:translate(-50%)}.kp-lb-close{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:-16px;right:-16px}.kp-lb-close:hover{background:#000000d9;transform:scale(1.15)rotate(90deg)}.kp-lb-msg{word-break:break-word;flex-grow:1;margin-top:16px;font-family:Caveat,cursive;font-size:1.5rem;line-height:1.65}.kp-lb-author{opacity:.6;text-align:right;margin-top:20px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700}.kp-lb-date{opacity:.4;text-align:right;margin-top:4px;font-family:Nunito,sans-serif;font-size:.72rem}.footer-bar{text-align:center;color:#fff6;background:#1a1208;padding:24px;font-family:Caveat,cursive;font-size:1.1rem}@media (width<=768px){.page-section{padding:44px 10px 52px!important}.section-top-wrap{top:8px!important}.section-bottom-wrap{bottom:8px!important}.section-nav-btn{letter-spacing:.04em!important;padding:5px 14px!important;font-size:.72rem!important}.section-nav-btn .chevron-down-icon,.section-nav-btn .chevron-up-icon,.section-nav-btn .restart-icon{width:13px!important;height:13px!important}.cover-title,.chapter-title{margin-bottom:6px!important;font-size:clamp(1.8rem,6.5vw,2.8rem)!important;line-height:1.1!important}.cover-subtitle,.chapter-desc{margin-top:6px!important;font-size:.95rem!important}.cover-stamp{margin-bottom:14px!important;padding:4px 12px!important;font-size:.7rem!important}.chapter-num{margin-bottom:4px!important;font-size:.8rem!important}.chapter-line{margin:12px auto 0!important}.photo-section{padding:44px 10px 52px!important}.section-inner{flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:calc(100vh - 100px);display:flex}.grid-scattered,.grid-polaroid,.grid-chaos{flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:8px 10px!important;width:100%!important;margin:0 auto!important;padding:0!important;display:flex!important}.photo-taped,.polaroid{width:calc(50% - 10px)!important;max-width:135px!important;margin-top:0!important;margin-left:0!important;margin-right:0!important;padding:6px 6px 26px!important;box-shadow:2px 4px 10px #00000026!important}.photo-wide{width:90%!important;max-width:240px!important;margin-top:0!important;padding:6px 6px 24px!important}.caption{font-size:.72rem!important;line-height:1.1!important;bottom:4px!important;left:4px!important;right:4px!important}.tape{width:44px!important;height:14px!important;top:-7px!important}.sticky{max-width:240px!important;margin-top:4px!important;padding:8px 12px!important;font-size:.82rem!important}.note-card{max-width:260px!important;margin-top:4px!important;padding:8px 12px!important;font-size:.82rem!important}.flipbook-section{padding:44px 8px 52px!important}.book-container{transform-origin:50%;transform:scale(.82);margin:0 auto!important}#thankyou{padding:44px 10px 52px!important}.ty-paper{max-height:calc(100vh - 105px)!important;padding:22px 18px 24px!important;overflow-y:auto!important}.ty-title{margin-bottom:12px!important;font-size:1.35rem!important}.ty-body{margin-bottom:10px!important;font-size:.92rem!important;line-height:1.45!important}.ty-label{margin-bottom:6px!important;font-size:.95rem!important}.ty-sign{margin-top:14px!important;font-size:1.6rem!important}.name-chip{padding:2px 8px!important;font-size:.88rem!important}.video-section{padding:44px 10px 52px!important}.video-container{max-width:95%!important;margin:6px auto 0!important}.video-play-btn{width:56px!important;height:56px!important}.video-play-btn svg{width:22px!important;height:22px!important}#kesan-pesan{padding:44px 10px 52px!important}.kp-header{margin-bottom:8px!important}.kp-title{font-size:1.8rem!important}.kp-subtitle{font-size:.9rem!important}.kp-open-modal-btn{margin-top:6px!important;padding:6px 16px!important;font-size:1.05rem!important}.kp-board{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;max-height:calc(100vh - 190px)!important;margin-bottom:0!important;padding:4px!important;display:grid!important;overflow-y:auto!important}.kp-board-empty,.kp-board-loading{grid-column:span 4!important;padding:20px 0!important;font-size:1.1rem!important}.kp-sticky{width:100%!important;min-height:95px!important;padding:10px 6px 6px!important}.kp-sticky-msg{-webkit-line-clamp:3!important;line-clamp:3!important;font-size:.72rem!important;line-height:1.25!important}.kp-sticky-author{margin-top:4px!important;font-size:.58rem!important}.kp-sticky-date{font-size:.5rem!important}.ch-sticker{font-size:clamp(1.5rem,5vw,2.2rem)!important}.ch-sticker[style*="28%"],.ch-sticker[style*="30%"],.ch-sticker[style*="26%"]{display:none!important}.ch-sticker[style*="left: 10%"],.ch-sticker[style*="left: 12%"],.ch-sticker[style*="left: 14%"]{left:4%!important}.ch-sticker[style*="right: 10%"],.ch-sticker[style*="right: 11%"],.ch-sticker[style*="right: 12%"],.ch-sticker[style*="right: 14%"],.ch-sticker[style*="right: 15%"]{right:4%!important}.ch-sticker[style*="top: 15%"],.ch-sticker[style*="top: 16%"],.ch-sticker[style*="top: 18%"]{top:16%!important}.ch-sticker[style*="top: 20%"],.ch-sticker[style*="top: 22%"],.ch-sticker[style*="top: 25%"]{top:26%!important}.ch-sticker[style*="bottom: 20%"],.ch-sticker[style*="bottom: 22%"],.ch-sticker[style*="bottom: 24%"],.ch-sticker[style*="bottom: 25%"],.ch-sticker[style*="bottom: 26%"],.ch-sticker[style*="bottom: 28%"]{bottom:12%!important}.ch-badge{text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:85vw!important;padding:4px 14px!important;font-size:.95rem!important;top:55px!important;overflow:hidden!important}.ch-neon-badge{letter-spacing:.12em!important;padding:3px 12px!important;font-size:.75rem!important;top:55px!important}.ch-stamp-badge{padding:4px 10px!important;font-size:.75rem!important;top:55px!important;right:5%!important}.ch-bubble{max-width:70vw!important;padding:5px 12px!important;font-size:.95rem!important}.ch-bubble-left{top:55px!important;left:4%!important}.ch-bubble-right{bottom:12%!important;right:4%!important}.ch-code-bg{opacity:.1!important;padding:20px 10px!important;font-size:.75rem!important}.ch-viewfinder{font-size:.8rem!important;top:55px!important;right:16px!important}}.ch-sticker,.sticker{z-index:10;cursor:pointer;pointer-events:auto!important}svg,.icon-svg{transform-origin:50%;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s;cursor:pointer!important;pointer-events:auto!important}svg:hover,.ch-sticker:hover svg,.sticker:hover svg{filter:drop-shadow(0 6px 14px #00000073)}@keyframes svgBounceTap{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.45)rotate(-10deg)}50%{transform:scale(.85)rotate(6deg)}75%{transform:scale(1.15)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes svgSpinTap{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.35)rotate(180deg)}80%{transform:scale(.9)rotate(390deg)}to{transform:scale(1)rotate(360deg)}}@keyframes svgWobbleTap{0%{transform:scale(1)translate(0)rotate(0)}15%{transform:scale(1.25)translate(-8px)rotate(-12deg)}30%{transform:scale(1.25)translate(8px)rotate(12deg)}45%{transform:scale(1.1)translate(-5px)rotate(-8deg)}60%{transform:scale(1.1)translate(5px)rotate(8deg)}75%{transform:scale(1.05)translate(-2px)rotate(-3deg)}to{transform:scale(1)translate(0)rotate(0)}}.svg-tap-bounce{animation:.6s cubic-bezier(.36,.07,.19,.97) svgBounceTap!important}.svg-tap-spin{animation:.65s cubic-bezier(.34,1.56,.64,1) svgSpinTap!important}.svg-tap-wobble{animation:.65s cubic-bezier(.36,.07,.19,.97) svgWobbleTap!important}