@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-ext-400-normal-ChcxYnmu.woff2)format("woff2"),url(/assets/special-elite-latin-ext-400-normal-CaJZjSVf.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:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.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}:root{--kertas:#f7f6f1;--tinta:#22252f;--tinta-lembut:#5d6271;--kotak:#34406021;--merah:#d8432f;--biru:#2f74d0;--hijau:#2f9a52;--kuning:#efb21a;--merah-teks:#c33d2b;--hijau-teks:#267b42;--biru-teks:#2c6cc2;--kartu:#fbfaf6;--kartu-kotak:#3440601a;--selotip:#ecdeaac7;--bayang:#181c2847;--balik-garis:#3440601f;--balik:#ecebe4;--fokus:#2f74d0;--butiran:none;--figur-matrix:grayscale(1) sepia(1) saturate(5) hue-rotate(75deg) brightness(.85);--u:1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Special Elite,Courier New,ui-monospace,monospace}:root[data-tema=gelap]{--kertas:#161922;--tinta:#eceae2;--tinta-lembut:#9aa0b2;--kotak:#d6def013;--merah:#ea6450;--biru:#5b97e6;--hijau:#4cb86c;--merah-teks:var(--merah);--hijau-teks:var(--hijau);--biru-teks:var(--biru);--kartu:#1c2029;--kartu-kotak:#d6def00f;--selotip:#d6c8968c;--bayang:#0000008c;--balik:#232733;--balik-garis:#d6def014;--fokus:#8fb8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-tema=matrix]{--kertas:#020604;--tinta:#4dff8f;--tinta-lembut:#2bd46b;--kotak:#3cff8c12;--merah:#5fff9a;--biru:#3ddc7c;--hijau:#22c55e;--merah-teks:var(--merah);--hijau-teks:var(--hijau);--biru-teks:var(--biru);--kartu:#04120a;--kartu-kotak:#3cff8c0f;--selotip:#3cff8c40;--bayang:#000000b3;--balik:#f7f6f1;--balik-garis:#34406021;--fokus:#4dff8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--kertas);height:100%;color:var(--tinta);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{background:var(--kertas);touch-action:manipulation;position:fixed;inset:0;overflow:hidden}#app:after{content:"";pointer-events:none;background-image:var(--butiran);mix-blend-mode:multiply;opacity:.85;z-index:9;background-size:192px 192px;position:absolute;inset:0}:root[data-tema=gelap] #app:after,:root[data-tema=matrix] #app:after{mix-blend-mode:screen;opacity:.18}#kertas,#noda,#hujan,#coretan,#remah{width:100%;height:100%;display:block;position:absolute;inset:0}#noda,#hujan,#remah{pointer-events:none}#hujan{opacity:0;transition:opacity .6s}:root[data-tema=matrix] #hujan{opacity:1}#papan{position:absolute;inset:0}.sketsa{color:inherit;font:inherit;transform-origin:50%;background:0 0;border:0;margin:0;padding:0;position:absolute}.sketsa canvas{pointer-events:none;display:block;position:absolute;inset:0}:root[data-tema=matrix] .sketsa canvas.figur{filter:var(--figur-matrix)}div.sketsa{pointer-events:none}button.sketsa{cursor:pointer;border-radius:10px;transition:filter .2s}button.sketsa:hover{filter:drop-shadow(0 6px 10px var(--bayang))}button.sketsa:focus-visible{outline:2px dashed var(--fokus);outline-offset:6px}button.sketsa:active{scale:.97}@media (prefers-reduced-motion:no-preference){.sketsa.perangkat.selesai.gerak-goyang{animation:5.2s ease-in-out infinite goyang}.sketsa.perangkat.selesai.gerak-ayun{animation:6s ease-in-out infinite ayun}.sketsa.perangkat.selesai.gerak-melayang{animation:4.6s ease-in-out infinite melayang}.sketsa.perangkat.selesai.gerak-denyut{animation:3.8s ease-in-out infinite denyut}.sketsa.logo.kepak-gerak,.sketsa.kepak.kepak-gerak{animation:.42s ease-out kepak}}@keyframes goyang{0%,to{transform:rotate(0)}20%{transform:rotate(-1.4deg)}24%{transform:rotate(1.2deg)}28%{transform:rotate(-.8deg)}32%{transform:rotate(0)}}@keyframes ayun{0%,to{translate:0}50%{translate:calc(var(--u) * 6) 0}}@keyframes melayang{0%,to{translate:0}50%{translate:0 calc(var(--u) * -8)}}@keyframes denyut{0%,to{scale:1}50%{scale:1.025}}@keyframes kepak{0%{transform:scale(1)}35%{transform:scale(1.04,.95)translateY(2%)}70%{transform:scale(.98,1.03)translateY(-1.5%)}to{transform:scale(1)}}.sketsa.tempel:before{content:"";box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 18) #28200038, 0 1px 2px #2820002e;clip-path:polygon(0 0,100% 0,100% 93%,93% 100%,0 100%);background:linear-gradient(160deg,#ffffff59,#0000 40%),linear-gradient(#f7dc5c,#f2cf3e);position:absolute;inset:0}.sketsa.tempel:after{content:"";filter:drop-shadow(-1px -1px 1px #0000001f);background:linear-gradient(135deg,#e0bb2c 50%,#0000 50%);width:7%;height:7%;position:absolute;bottom:0;right:0}#baki{pointer-events:none;position:absolute;inset:0}#baki>*{pointer-events:auto}.pensil{cursor:pointer;transform-origin:50%;background:0 0;border:0;align-items:center;margin:0;padding:0;transition:translate .25s;display:flex;position:absolute}.pensil .tampak{width:100%;filter:drop-shadow(calc(var(--sx,2) * var(--u)) calc(var(--sy,4) * var(--u)) calc(var(--u) * 3) var(--bayang));display:block}.pensil .tampak svg{width:100%;height:auto;display:block}.pensil:hover,.pensil.aktif{translate:0 calc(var(--u) * -10)}.pensil.aktif .tampak{filter:drop-shadow(calc(var(--sx,2) * var(--u) * 3) calc(var(--sy,4) * var(--u) * 3) calc(var(--u) * 6) var(--bayang))}.pensil:focus-visible,#penghapus:focus-visible{outline:2px dashed var(--fokus);outline-offset:4px}#penghapus{cursor:pointer;transform-origin:50%;z-index:4;background:0 0;border:0;margin:0;padding:0;position:absolute}#penghapus .badan{box-shadow:inset 0 calc(var(--u) * -6) calc(var(--u) * 6) #96284640, inset calc(var(--u) * 4) 0 calc(var(--u) * 6) #ffffff59, calc(var(--sx,5) * var(--u)) calc(var(--sy,9) * var(--u)) calc(var(--u) * 12) var(--bayang);background:linear-gradient(170deg,#ffffff8c 0 12%,#0000 30%),linear-gradient(#f7b9c4 0%,#f29fb0 55%,#d9768b 100%);border-radius:16%/34%;position:absolute;inset:0}#penghapus .badan:after{content:"WC";letter-spacing:.2em;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:calc(var(--u) * 22);color:#96284647;place-items:center;display:grid;position:absolute;inset:0}#penghapus:hover .badan{translate:0 calc(var(--u) * -4)}#penghapus.menghapus{z-index:8;transition:none}#penghapus.pulang{transition:transform .5s,rotate .5s}#kaki{top:var(--kaki);text-align:center;color:var(--tinta);opacity:.9;font-size:calc(var(--u) * 17);white-space:nowrap;margin:0;line-height:1.3;position:absolute;left:0;right:0}#kaki a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--tinta) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--tinta) 40%, transparent);text-underline-offset:.2em}#kaki a:hover{color:var(--merah-teks)}:root[data-tata=potret] #kaki .tautan{display:block}:root[data-tata=potret] #kaki .tautan>.pisah:first-child{display:none}#coretan{pointer-events:none;touch-action:none}body.mencoret #coretan{pointer-events:auto;z-index:7}#bar-coret{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:30;background:var(--kartu);color:var(--tinta);border:1.5px solid var(--tinta);box-shadow:0 6px 20px var(--bayang);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:14px;display:flex;position:fixed;translate:-50%}#bar-coret[hidden]{display:none}#bar-coret button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;padding:4px 12px}#lipatan{pointer-events:none;z-index:20;position:fixed;inset:0}#lipatan .bawah{clip-path:polygon(100% 0,100% 0,100% 0);background:#020604;position:absolute;inset:0}:root[data-tema=matrix] #lipatan .bawah{background-color:#f7f6f1;background-image:linear-gradient(90deg,#34406021 1px,#0000 1px),linear-gradient(#34406021 1px,#0000 1px);background-size:28px 28px}:root[data-tema=matrix] #lipatan .hujan-sudut{display:none}#lipatan .hujan-sudut{width:100%;height:100%;position:absolute;inset:0}#lipatan .bayang{filter:drop-shadow(-4px 6px 6px #00000059);position:absolute;inset:0}#lipatan .balik{background-color:var(--balik);background-image:linear-gradient(225deg, #fff6, #0000001f 70%), linear-gradient(90deg, var(--balik-garis) 1px, transparent 1px), linear-gradient(var(--balik-garis) 1px, transparent 1px);clip-path:polygon(100% 0,100% 0,100% 0);background-size:100% 100%,28px 28px,28px 28px;position:absolute;inset:0}#sudut{cursor:grab;z-index:21;clip-path:polygon(0 0,100% 0,100% 100%);touch-action:none;background:0 0;border:0;width:92px;height:92px;margin:0;padding:0;position:fixed;top:0;right:0}#sudut:active{cursor:grabbing}#sudut:focus-visible{outline:2px dashed var(--fokus);outline-offset:-6px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}dialog{--lebar:560px;width:min(var(--lebar), calc(100vw - 32px));overscroll-behavior:contain;max-height:calc(100dvh - 48px);color:var(--tinta);background-color:var(--kartu);background-image:linear-gradient(90deg, var(--kartu-kotak) 1px, transparent 1px), linear-gradient(var(--kartu-kotak) 1px, transparent 1px);box-shadow:0 2px 3px #0000001f, 0 22px 48px var(--bayang);background-position:-1px -1px;background-size:23px 23px;border:0;margin:auto;padding:34px 26px 22px;font-family:Special Elite,Courier New,ui-monospace,monospace;font-size:15px;line-height:1.55;overflow:auto;rotate:-.6deg}dialog.lembar{--lebar:760px;rotate:.4deg}dialog[open]{animation:.32s cubic-bezier(.2,.9,.3,1.2) tempel}dialog::backdrop{-webkit-backdrop-filter:blur(3px)saturate(.9);backdrop-filter:blur(3px)saturate(.9);background:#14161e47}:root[data-tema=matrix] dialog::backdrop{background:#000a048c}@keyframes tempel{0%{opacity:0;translate:0 18px;scale:.97}}.selotip{background:var(--selotip);pointer-events:none;width:92px;height:22px;position:absolute;top:6px;box-shadow:0 1px 2px #00000014;-webkit-mask:linear-gradient(90deg,#0000 0 2px,#000 2px calc(100% - 2px),#0000 calc(100% - 2px));mask:linear-gradient(90deg,#0000 0 2px,#000 2px calc(100% - 2px),#0000 calc(100% - 2px))}.selotip.kiri{left:18px;rotate:-4deg}.selotip.kanan{right:54px;rotate:5deg}.selotip.tengah{left:calc(50% - 46px);rotate:-2deg}.tutup-form{margin:0;position:absolute;top:10px;right:10px}.tutup{width:36px;height:36px;color:var(--tinta);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:20px;line-height:1}.tutup:hover{color:var(--merah-teks)}dialog header{border-bottom:1.5px solid color-mix(in srgb, var(--merah) 70%, transparent);margin-bottom:14px;padding-bottom:8px}.judul-sketsa{max-width:100%;display:block}dialog .slogan{color:var(--tinta-lembut);margin:8px 0 0}dialog p{margin:0 0 12px}mark{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--kuning) 70%, transparent) 58% 88%, transparent 88%);color:inherit;padding:0 1px}.langkah{counter-reset:langkah;margin:0 0 16px;padding:0;list-style:none}.langkah li{counter-increment:langkah;margin-bottom:10px;padding-left:40px;position:relative}.langkah li:before{content:counter(langkah);border:1.5px solid var(--merah);width:26px;height:26px;color:var(--merah-teks);border-radius:50% 46% 52% 48%;place-items:center;font-size:14px;display:grid;position:absolute;top:-2px;left:0}.aksi{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.aksi form{margin:0}.btn{font:inherit;color:var(--tinta);background:var(--kartu);border:1.5px solid var(--tinta);cursor:pointer;box-shadow:2px 2px 0 color-mix(in srgb, var(--tinta) 25%, transparent);border-radius:3px 4px 3px 5px;padding:6px 12px;font-size:14px;text-decoration:none;transition:translate .15s,box-shadow .15s;display:inline-block}.btn:hover{box-shadow:3px 3px 0 color-mix(in srgb, var(--tinta) 30%, transparent);translate:-1px -1px}.btn.utama{color:var(--merah-teks);border-color:var(--merah);box-shadow:2px 2px 0 color-mix(in srgb, var(--merah) 30%, transparent)}.btn.kecil{padding:2px 8px;font-size:12px}.btn:disabled{opacity:.6;cursor:progress}dialog :focus-visible{outline:2px dashed var(--fokus);outline-offset:3px}.figur-panggung{height:clamp(330px,50vh,430px);position:relative}.figur-panggung img,.figur-panggung iframe{border:0;width:100%;height:100%;transition:opacity .25s;display:block;position:absolute;inset:0}.figur-panggung img{object-fit:contain;padding:28px}.figur-panggung iframe,.figur-panggung.siap img{opacity:0}.figur-panggung.siap iframe{opacity:1}:root[data-tema=matrix] .figur-panggung>*{filter:var(--figur-matrix)}.petunjuk-figur{text-align:center;color:var(--tinta-lembut);margin:4px 0 14px;font-size:13px}.fitur{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px;padding:0;list-style:none;display:grid}.fitur h3{-webkit-text-decoration:underline wavy color-mix(in srgb, var(--merah) 60%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--merah) 60%, transparent);text-underline-offset:5px;margin:0 0 2px;font-size:15px;font-weight:400}.fitur p{color:var(--tinta-lembut);margin:0;font-size:13px}.peran{color:var(--tinta-lembut);font-size:14px}.tumpukan{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.tumpukan li{border:1px dashed color-mix(in srgb, var(--tinta) 55%, transparent);border-radius:999px;padding:1px 8px;font-size:12px}.statistik{color:var(--tinta-lembut);font-size:13px}.statistik[data-status=online]{color:var(--hijau-teks)}@media (max-width:560px){dialog{padding:32px 16px 18px;font-size:14px}.fitur{grid-template-columns:1fr}}@media (min-width:1040px){#dlg-proyek{--lebar:980px}.proyek-isi{grid-template-columns:582px minmax(0,1fr);gap:26px;display:grid}.figur-panggung{height:clamp(380px,62vh,444px)}.fitur{grid-template-columns:1fr;gap:8px}}.lanyard{--kartu:#f1e9d6;--tali:#22252f;--cetak:#efb21a;-webkit-user-select:none;user-select:none;height:clamp(330px,52vh,470px);margin:0 0 4px;position:relative;overflow:hidden}.lanyard .tali{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.selotip-tali{z-index:1;background:#ecdeaad9;height:24px;position:absolute;top:-7px;box-shadow:0 1px 2px #0000001a}.badge{z-index:2;width:var(--kw);height:calc(var(--kt) + var(--cincin) + var(--jepit));transform-origin:50% 0;cursor:grab;touch-action:none;will-change:transform;font-family:Special Elite,Courier New,ui-monospace,monospace;position:absolute;top:0;left:0}.lanyard:not(.siap) .badge{visibility:hidden}.badge.ditarik{z-index:3;cursor:grabbing}.badge .balik{top:calc(var(--cincin) + var(--jepit) * .6);z-index:3;height:var(--kt);border-radius:calc(var(--kw) * .06);cursor:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;left:0;right:0}.badge .jepit{z-index:2;width:calc(var(--kw) * .075);height:calc(var(--jepit) + var(--kw) * .05);border-radius:calc(var(--kw) * .02);background:linear-gradient(90deg,#f4efe4,#a8a090 50%,#ece6da);position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 1px 3px #00000059}.badge .isi{top:calc(var(--cincin) + var(--jepit) * .6);height:var(--kt);transform-style:preserve-3d;position:absolute;left:0;right:0}.badge .muka{border-radius:calc(var(--kw) * .06);backface-visibility:hidden;background:var(--kartu);color:var(--tali);font-size:calc(var(--kw) * .062);text-align:center;line-height:1.3;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 24px -10px #00000073,0 2px 6px #0003}.badge .belakang{padding:calc(var(--kw) * .17) calc(var(--kw) * .1) 0;text-align:left;transform:rotateY(180deg)}.badge .lubang{top:calc(var(--kw) * .05);width:calc(var(--kw) * .2);height:calc(var(--kw) * .035);background:#00000047;border-radius:999px;position:absolute;left:50%;translate:-50%;box-shadow:inset 0 1px 2px #00000080}.badge .kilap{pointer-events:none;background:linear-gradient(105deg, transparent 35%, #ffffff47 50%, transparent 65%) var(--kilap,50%) 0 / 250% 100% no-repeat, rgba(0, 0, 0, var(--redup,0));position:absolute;inset:0}.badge svg{fill:currentColor;position:absolute}.badge .pita{height:calc(var(--kw) * .34);padding-bottom:calc(var(--kw) * .055);background:var(--tali);color:var(--cetak);justify-content:center;align-items:flex-end;display:flex;position:relative}.badge .pita svg{width:calc(var(--kw) * .72);height:auto;position:static}.badge .foto{width:calc(var(--kw) * .64);height:auto;margin:calc(var(--kw) * .07) auto 0;background:#f7f3ea;border:1px solid #22252f4d;display:block}.badge canvas.nama{width:auto;height:calc(var(--kw) * .15);max-width:calc(var(--kw) * .84);margin:calc(var(--kw) * .06) auto 0;display:block}.badge .jabatan{margin-top:calc(var(--kw) * .03);padding:0 calc(var(--kw) * .08);color:#4b5060;display:block}.badge .belakang>svg{width:calc(var(--kw) * .5);height:auto;color:var(--tali);display:block;position:static}.badge .lengkap{margin-top:calc(var(--kw) * .07);font-size:calc(var(--kw) * .088);font-weight:400;line-height:1.15;display:block}.badge .belakang .jabatan{padding:0}.badge .akun{margin-top:calc(var(--kw) * .05);font-size:calc(var(--kw) * .05);color:#4b5060;overflow-wrap:anywhere;display:block}.badge .pita-bawah{border-top-left-radius:calc(var(--kw) * .2);background:var(--tali);height:38%;color:var(--cetak);position:absolute;bottom:0;left:0;right:0}.badge .pita-bawah svg{right:calc(var(--kw) * -.14);bottom:calc(var(--kw) * -.1);width:calc(var(--kw) * .8);opacity:.4;height:auto}.badge .semboyan{top:calc(var(--kw) * .1);left:calc(var(--kw) * .12);font-family:Segoe Script,Snell Roundhand,Brush Script MT,cursive;font-size:calc(var(--kw) * .078);position:absolute}.tm-bawah{text-align:center;color:var(--tinta-lembut);flex-direction:column;gap:2px;margin:0 0 16px;font-size:13px;display:flex}.tm-bawah a{color:inherit}#form-kontak label{margin-bottom:12px;display:block}#form-kontak label>span{color:var(--tinta-lembut);font-size:13px;display:block}#form-kontak input,#form-kontak textarea{width:100%;font:inherit;color:var(--tinta);border:0;border-bottom:1.5px dashed color-mix(in srgb, var(--tinta) 55%, transparent);background:0 0;outline:none;padding:4px 2px}#form-kontak textarea{border:1.5px dashed color-mix(in srgb, var(--tinta) 55%, transparent);resize:vertical;border-radius:4px;padding:6px 8px}#form-kontak input:focus,#form-kontak textarea:focus{border-color:var(--biru)}#form-kontak [aria-invalid=true]{border-color:var(--merah)}#form-kontak .madu{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.galat{color:var(--merah-teks);font-size:14px}.sukses{color:var(--hijau-teks);font-size:16px}.email{margin-top:16px}.email a,.sosial a{color:var(--biru-teks)}.sosial{gap:8px;font-size:14px;display:flex}