@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tirai:#b3172b;--tirai-bayang:#28000852;--badan:#17224d;--badan-terang:#24316a;--bezel:#0a0f2b;--layar:#05081a;--kuning:#ffd23f;--kuning-gelap:#b98a05;--lampu:#ffe9a8;--tinta-terang:#f3f0ff;--redup:#aab1d8;--garis:#3a4787;--tinta-gelap:#1f1a0e;--kaki:#ffdfe2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tirai:#6e0d1c;--tirai-bayang:#00000073;--badan:#131c42;--kaki:#e9b9bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--tirai:#6e0d1c;--tirai-bayang:#00000073;--badan:#131c42;--kaki:#e9b9bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}body{min-height:100svh;color:var(--tinta-terang);-webkit-font-smoothing:antialiased;background-color:var(--tirai);background-image:linear-gradient(to bottom, var(--tirai-bayang), transparent 22%, transparent 78%, var(--tirai-bayang)), repeating-linear-gradient(90deg, #00000042 0, #0000000f 26px, #ffffff12 44px, #0000000f 62px, #00000042 88px);margin:0;font-family:Onest Variable,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #fff}.tersembunyi,.tombol-galeri input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mesin{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;max-width:1180px;margin:0 auto;padding:28px 16px 8px;display:grid}.bilik{background:var(--badan);border-radius:30px;padding:22px 24px 26px;box-shadow:inset 0 2px #ffffff1f,inset 0 -7px #00000047,0 30px 60px #28000873}.papan-wadah{text-align:center;background:#0c1233;border:3px solid #2b376f;border-radius:18px;padding:20px 18px 18px;position:relative}.papan{letter-spacing:.04em;color:var(--kuning);text-shadow:0 3px #a87400,0 0 26px #ffd23f73;margin:0;font-family:Bungee,Arial Black,sans-serif;font-size:clamp(42px,6vw,68px);font-weight:400;line-height:1}.lampu{pointer-events:none;filter:drop-shadow(0 0 4px #ffd66ecc);flex-wrap:wrap;align-content:space-between;display:flex;position:absolute;inset:5px 8px}.lampu i{background:radial-gradient(circle, var(--lampu) 0 3.5px, transparent 4px);flex:0 0 9.09091%;height:9px}.lampu.kejar i{animation:.6s step-end infinite kedip;animation-delay:calc(var(--i) * -.2s)}@keyframes kedip{0%,66%{opacity:1}67%,to{opacity:.18}}.sapa{max-width:62ch;color:var(--redup);margin:12px 4px 14px;font-size:15px}.jendela{aspect-ratio:var(--aspek,1.333);width:min(100%, calc((100svh - 390px) * var(--aspek,1.333)));background:var(--layar);border:10px solid var(--bezel);border-radius:20px;min-width:min(100%,300px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2px #ffffff14;container-type:size}.jendela video{object-fit:cover;opacity:0;width:100%;height:100%;display:block}.jendela.hidup video{opacity:1}.jendela video.cermin{transform:scaleX(-1)}.vinyet{pointer-events:none;background:radial-gradient(ellipse at center, transparent 52%, rgba(0, 0, 0, calc(var(--vinyet,0) * 1.15)) 100%);position:absolute;inset:0}.hitung{pointer-events:none;color:#fff;text-shadow:0 .04em #00000059;place-items:center;font-family:Bungee,Arial Black,sans-serif;font-size:min(58cqh,58cqw);line-height:1;display:grid;position:absolute;inset:0}.hitung.detak{animation:1s cubic-bezier(.2,.7,.2,1) both detak}@keyframes detak{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.2}}.kilat{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.kilat.nyala{animation:.5s ease-out kilat}@keyframes kilat{0%{opacity:1}to{opacity:0}}.ajak{text-align:center;background:radial-gradient(ellipse at center, #17205a, var(--layar) 75%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.ajak[hidden]{display:none}.tombol-kamera{color:var(--tinta-gelap);background:var(--kuning);box-shadow:0 5px 0 var(--kuning-gelap);cursor:pointer;border:0;border-radius:999px;padding:14px 24px;font-size:17px;font-weight:700}.tombol-kamera:active{box-shadow:0 1px 0 var(--kuning-gelap);transform:translateY(4px)}.tombol-kamera:disabled{opacity:.7;cursor:progress}.tombol-galeri{color:var(--tinta-terang);text-underline-offset:3px;cursor:pointer;font-size:15px;text-decoration:underline}.tombol-galeri:has(input:focus-visible){outline-offset:3px;border-radius:4px;outline:3px solid #fff}.galat{color:#ffc2c2;max-width:40ch;margin:0;font-size:14px}.galat:empty{display:none}.jepretan{grid-template-columns:repeat(var(--kolom,4), minmax(0, calc(54px * max(1, var(--aspek,1)))));flex:1;gap:10px;margin:0;padding:0;list-style:none;display:grid}.jepretan button{width:100%;max-height:84px;aspect-ratio:var(--aspek,1);border:2px dashed var(--garis);color:var(--redup);background:0 0;border-radius:8px;place-items:center;padding:0;font-family:Bungee,sans-serif;font-size:15px;display:grid;position:relative;overflow:hidden}.jepretan canvas{width:100%;height:100%;position:absolute;inset:0}.jepretan .isi button{cursor:pointer;border-style:solid}.jepretan .isi button span{opacity:0;color:#fff;font-family:Onest Variable,sans-serif;font-size:12px;font-weight:700;position:relative}.jepretan .isi button span:after{content:" ulang"}.jepretan .isi button:not(:disabled):hover span,.jepretan .isi button:not(:disabled):focus-visible span{opacity:1}.jepretan .isi button:not(:disabled):hover:after,.jepretan .isi button:not(:disabled):focus-visible:after{content:"";background:#05081a8c;position:absolute;inset:0}.jepretan .isi button span{z-index:1}.jepretan .aktif button{border:2px solid var(--kuning);color:var(--kuning);box-shadow:0 0 0 4px #ffd23f38}.tuas{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.jepret{border:6px solid var(--bezel);color:#2a1e00;background:radial-gradient(circle at 36% 30%, #ffe78a, var(--kuning) 55%, #efb40c);cursor:pointer;border-radius:50%;flex:none;width:108px;height:108px;font-family:Bungee,Arial Black,sans-serif;font-size:18px;line-height:1.1;transition:transform 70ms,box-shadow 70ms;box-shadow:0 8px #8a6500,0 14px 26px #0000006b}.jepret:active{transform:translateY(6px);box-shadow:0 2px #8a6500,0 6px 14px #0006}.jepret.berhenti{color:#fff;background:radial-gradient(circle at 36% 30%,#ff9a8a,#ef4a3a 55%,#c9271a);box-shadow:0 8px #7d150c,0 14px 26px #0000006b}.bisik{z-index:2;background:var(--kuning);width:max-content;max-width:calc(100% - 24px);color:var(--tinta-gelap);text-align:center;box-shadow:0 3px 0 var(--kuning-gelap);border-radius:999px;margin:0;padding:6px 14px;font-size:15px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.bisik:empty{display:none}.pilihan{border-top:2px solid #ffffff12;flex-wrap:wrap;gap:16px 26px;margin-top:18px;padding-top:18px;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--redup);margin-bottom:7px;padding:0;font-size:13px}.pil{flex-wrap:wrap;gap:6px;display:flex}.pil label{background:var(--badan-terang);min-height:40px;color:var(--tinta-terang);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:11px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 -3px #00000047}.pil input{opacity:0;width:1px;height:1px;position:absolute}.pil label:has(input:checked){background:var(--kuning);color:var(--tinta-gelap);box-shadow:inset 0 -3px 0 var(--kuning-gelap)}.pil label:has(input:focus-visible){outline-offset:2px;outline:3px solid #fff}.pil label:has(input:disabled){opacity:.5;cursor:not-allowed}.pil svg{color:var(--badan);flex:none}.pil svg rect{fill:currentColor}.pil svg rect.kertas{fill:#fffdf8}.contoh{border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 2px #ffffff8c}.pil label:has(input:checked) .contoh{box-shadow:0 0 0 2px var(--tinta-gelap)}.saklar{align-items:flex-end;gap:16px;display:flex}.saklar label{cursor:pointer;align-items:center;gap:7px;min-height:40px;font-size:14px;font-weight:600;display:inline-flex}.saklar input{width:18px;height:18px;accent-color:var(--kuning)}.keluaran{justify-items:center;display:grid;position:sticky;top:24px}.celah{z-index:1;background:var(--badan);border-radius:16px;width:100%;padding:13px 22px;position:relative;box-shadow:inset 0 2px #ffffff1f,inset 0 -5px #00000047,0 14px 30px #28000866}.celah span{background:#000;border-radius:6px;height:10px;display:block;box-shadow:inset 0 3px 4px #000000e6,0 1px #ffffff24}.tadah{width:min(100%, 300px, calc(70svh * var(--rasio,.3333)));clip-path:inset(18px -60px -80px);margin-top:-18px}.bayang-strip{border:2px dashed #ffffff73;border-radius:4px;width:100%;margin-top:18px;position:relative}.bayang-strip span{color:#ffffff80;border:2px dashed #ffffff47;border-radius:3px;place-items:center;font-family:Bungee,sans-serif;font-size:18px;display:grid;position:absolute}.tunggu{text-align:center;color:var(--kaki);margin:14px 0 0;font-weight:700}.tadah.ada .bayang-strip,.tadah.ada .tunggu{display:none}.hasil{transform-origin:50% 0;filter:drop-shadow(0 16px 18px #28000a73)drop-shadow(0 2px 2px #00000040);width:100%;height:auto;margin-top:4px;display:block;transform:rotate(-1.2deg)}.mencetak .hasil{animation:2.6s cubic-bezier(.35,.05,.25,1) both keluar,4s ease-out both muncul-warna}@keyframes keluar{0%{transform:translateY(-101%)rotate(0)}82%{transform:translateY(0)rotate(0)}to{transform:rotate(-1.2deg)}}@keyframes muncul-warna{0%,35%{filter:drop-shadow(0 16px 18px #28000a73)drop-shadow(0 2px 2px #00000040)brightness(1.6)saturate(0)contrast(.5)}to{filter:drop-shadow(0 16px 18px #28000a73)drop-shadow(0 2px 2px #00000040)brightness()saturate()contrast()}}.atur{background:var(--badan);border-radius:20px;gap:16px;width:100%;margin-top:26px;padding:18px;display:grid;box-shadow:inset 0 2px #ffffff1a,0 14px 30px #28000859}.atur[hidden]{display:none}.pil-bingkai .pil{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pil-bingkai .pil label{padding-inline:10px}.sekat{background:#ffffff29;border:0;border-radius:3px;width:32px;height:3px;margin:10px 0}.kolom-warna{flex-wrap:wrap;gap:6px;display:flex}.cat{background:var(--badan-terang);cursor:pointer;border-radius:11px;align-items:center;gap:8px;min-height:40px;padding:5px 12px 5px 5px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 -3px #00000047}.cat:has(input:focus-visible){outline-offset:2px;outline:3px solid #fff}.cat input{cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px;padding:0}.cat input:focus-visible{outline:none}.cat input::-webkit-color-swatch-wrapper{padding:0}.cat input::-webkit-color-swatch{border:2px solid #fff9;border-radius:8px}.cat input::-moz-color-swatch{border:2px solid #fff9;border-radius:8px}.awas{color:#ffc2c2;margin:8px 0 0;font-size:13px}.awas:empty{display:none}.balikin{color:var(--redup);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:4px 0;font-size:13px;font-weight:600;text-decoration:underline}.balikin[hidden]{display:none}.tulis{gap:7px;display:grid}.tulis span{color:var(--redup);font-size:13px}.tulis input{border:2px solid var(--garis);color:#fff;background:#0c1233;border-radius:11px;width:100%;padding:10px 12px;font-size:16px}.tulis input::placeholder{color:#7d86b8}.aksi{flex-wrap:wrap;gap:8px;display:flex}.aksi a,.aksi button{cursor:pointer;background:var(--badan-terang);min-height:44px;color:var(--tinta-terang);border:0;border-radius:12px;align-items:center;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 -3px #00000047}.aksi .simpan{background:var(--kuning);color:var(--tinta-gelap);box-shadow:inset 0 -3px 0 var(--kuning-gelap)}.atur[aria-busy=true] .simpan,.atur[aria-busy=true] .bagikan{opacity:.55;pointer-events:none}.aksi [hidden]{display:none}.kaki{text-align:center;color:var(--kaki);padding:30px 16px 40px;font-size:14px}.kaki p{margin:0}.kaki a{color:#fff;text-underline-offset:3px}@media (max-width:899px){.mesin{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:16px}.keluaran{width:100%;max-width:380px;margin:0 auto;position:static}}@media (max-width:520px){.bilik{border-radius:24px;padding:14px 14px 20px}.papan-wadah{padding:18px 12px 16px}.jendela{width:min(100%, calc(56svh * var(--aspek,1.333)));border-width:7px;border-radius:16px}.jepret{width:92px;height:92px;font-size:15px}.jepretan{gap:6px}.pilihan{gap:14px}}@media (prefers-reduced-motion:reduce){.lampu.kejar i,.hitung.detak,.mencetak .hasil{animation:none}.kilat.nyala{animation-duration:.25s}.jepret,.tombol-kamera{transition:none}}