@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-ext-400-normal-p18AlW_x.woff2)format("woff2"),url(/assets/dm-serif-display-latin-ext-400-normal-B1toqZab.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:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kertas:#f6f1e7;--kertas-2:#eee6d6;--kertas-3:#e3d8c3;--tinta:#2a1d14;--tinta-2:#5a4a3c;--samar:#6e5f52;--garis:#dcd0bb;--garis-kuat:#bba98c;--aksen:#8a5a12;--aksen-lembut:#f1dfb8;--kayu-1:#5a3420;--kayu-2:#3b2216;--perunggu-1:#e9c27a;--perunggu-2:#b98a3e;--perunggu-3:#7d5a24;--sorot:#2f4fa3;--gong:#a8321c;--kenong:#b98a12;--kempul:#00846a;--kethuk:#6a4fc0;--serif:"DM Serif Display", Georgia, serif;--huruf:"Plus Jakarta Sans Variable", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kertas:#15100c;--kertas-2:#1e1712;--kertas-3:#2a2019;--tinta:#f1e7d6;--tinta-2:#cdbfa9;--samar:#a39482;--garis:#33281f;--garis-kuat:#4d3f31;--aksen:#e0b062;--aksen-lembut:#3f2f14;--kayu-1:#3a2416;--kayu-2:#24160e;--sorot:#8fb0ff;--gong:#c8402a;--kenong:#b38c16;--kempul:#2fa585;--kethuk:#8c7ef0}}*,:before,:after{box-sizing:border-box}body{background:var(--kertas);color:var(--tinta);font:400 16px/1.6 var(--huruf);margin:0}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--aksen)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sorot);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--samar);margin:0}.redup{color:var(--samar);text-transform:none;letter-spacing:0}h1,h2{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}h1{max-width:19ch;margin:14px 0 0;font-size:clamp(44px,7.4vw,92px);line-height:1}h1 em,h2 em{color:var(--aksen)}h2{margin:8px 0 0;font-size:clamp(34px,4.8vw,56px);line-height:1.04}.kepala,main,.kaki{width:min(1120px,100% - 32px);margin-inline:auto}.kepala{border-bottom:1px solid var(--garis-kuat);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.merek{font:400 28px/1 var(--serif);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.merek svg{width:28px;height:28px}.merek-gong{fill:var(--perunggu-2)}.merek-pencu{fill:var(--perunggu-3)}.kepala nav{gap:20px;font-size:15px;display:flex}.kepala nav a{color:var(--tinta-2);text-decoration:none}.pembuka{padding:clamp(36px,6vw,72px) 0 0}.lead{max-width:60ch;color:var(--tinta-2);margin:20px 0 0;font-size:19px}.panggung{background:radial-gradient(120% 90% at 50% 0%, var(--kertas-2), var(--kertas-3));border-radius:22px;margin-top:34px;padding:clamp(18px,3vw,30px)}.saron{background:repeating-linear-gradient(90deg, #ffffff08 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--kayu-1), var(--kayu-2));touch-action:manipulation;border-radius:18px;justify-content:center;align-items:center;gap:clamp(6px,1.2vw,14px);height:clamp(170px,26vw,250px);margin-top:20px;padding:18px clamp(14px,3vw,30px);display:flex;box-shadow:inset 0 3px #ffffff14,0 14px 30px #00000040}.bilah{width:clamp(36px,8vw,92px);height:var(--tinggi);background:linear-gradient(90deg, var(--perunggu-3), var(--perunggu-1) 35%, var(--perunggu-2) 70%, var(--perunggu-3));color:#3a250e;cursor:pointer;border:0;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 0;transition:transform 80ms;display:flex;position:relative;box-shadow:inset 0 2px #ffffff59,0 6px 10px #00000059}.bilah:active,.bilah.kena{animation:.35s ease-out ketuk}@keyframes ketuk{0%{filter:brightness(1.25);transform:translateY(3px)scale(.98)}to{filter:none;transform:none}}.paku{background:#2b1a0c;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #ffffff4d}.bilah .angka{font:600 clamp(20px, 3vw, 30px) var(--mono)}.ricikan-kecil{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.pencon{border:1px solid var(--garis-kuat);background:var(--kertas);cursor:pointer;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 14px 0 8px;font-weight:600;display:inline-flex}.pencon i{background:radial-gradient(circle at 50% 50%, var(--perunggu-3) 0 26%, var(--perunggu-1) 30%, var(--perunggu-2) 70%, var(--perunggu-3));border-radius:50%;width:26px;height:26px}.pencon.gong i{width:32px;height:32px}.pencon.kena{animation:.5s ease-out getar}@keyframes getar{0%,to{transform:none}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}}.petunjuk{text-align:center;color:var(--samar);margin:14px 0 0;font-size:14px}kbd{border:1px solid var(--garis-kuat);font:500 12px var(--mono);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.angka{line-height:1;display:inline-block;position:relative}.angka.atas:before,.angka.bawah:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;left:50%}.angka.atas:before{top:-6px}.angka.bawah:after{bottom:-6px}.angka.pin{color:var(--samar)}.pilihan{border:1px solid var(--garis-kuat);background:var(--kertas);border-radius:12px;flex-wrap:wrap;padding:3px;display:inline-flex}.pilihan button{cursor:pointer;background:0 0;border:0;border-radius:9px;height:36px;padding:0 14px;font-size:14px;font-weight:600}.pilihan button[aria-pressed=true]{background:var(--tinta);color:var(--kertas)}.panggung>.pilihan{width:fit-content;margin-inline:auto;display:flex}.bagian{margin-top:clamp(72px,10vw,120px)}.pengantar{max-width:66ch;color:var(--tinta-2);margin:16px 0 0}.alat{flex-wrap:wrap;align-items:end;gap:16px 24px;margin-top:28px;display:flex}.kontrol{gap:6px;display:grid}.kontrol select{border:1px solid var(--garis-kuat);background:var(--kertas);border-radius:12px;height:42px;padding:0 12px;font-weight:600}.kontrol.tempo{min-width:220px}.kontrol.tempo output{color:var(--tinta);text-transform:none;margin-left:6px}.kontrol input[type=range]{accent-color:var(--aksen)}.tulis{margin-top:22px}.tulis textarea{border:1.5px solid var(--tinta);background:var(--kertas);width:100%;font:500 20px/1.6 var(--mono);letter-spacing:.08em;resize:vertical;border-radius:14px;margin-top:8px;padding:14px 16px;display:block}.galat{min-height:1.5em;color:var(--gong);margin:6px 0 0;font-size:14px}.putar-baris{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:8px;display:flex}.tombol{border:1.5px solid var(--tinta);cursor:pointer;background:0 0;border-radius:12px;height:44px;padding:0 18px;font-weight:700}.tombol.utama{background:var(--tinta);min-width:140px;color:var(--kertas)}.tombol.utama[aria-pressed=true]{background:var(--gong);border-color:var(--gong)}.lapisan{border:0;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:14px;display:flex}.lapisan input{accent-color:var(--aksen)}.tampil{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start;gap:36px;margin-top:30px;display:grid}.lingkar svg{max-width:100%;height:auto;display:block}.cincin{fill:none;stroke:var(--garis-kuat);stroke-width:1.5px}.kosong{fill:var(--garis-kuat)}.t-gong{fill:var(--gong)}.t-kenong{fill:var(--kenong);stroke:var(--kertas);stroke-width:1.5px}.t-kempul{fill:var(--kempul)}.t-kethuk{fill:var(--kethuk)}.digit{font:600 16px var(--mono);fill:var(--tinta)}.digit.pin{fill:var(--samar)}.titik-oktaf{fill:var(--tinta)}.jarum{stroke:var(--tinta);stroke-opacity:.25;stroke-width:2px;stroke-linecap:round}.sorot-pos{fill:none;stroke:var(--tinta);stroke-width:2px}.sorot-pos.denyut{animation:.45s ease-out denyut}@keyframes denyut{0%{stroke-width:5px;r:14px}to{stroke-width:2px;r:20px}}.tengah-besar,.tengah-kecil{paint-order:stroke;stroke:var(--kertas);stroke-width:6px;stroke-linejoin:round}.tengah-besar{font:400 26px var(--serif);fill:var(--tinta)}.tengah-kecil{font:500 12px var(--mono);fill:var(--samar)}.legenda{color:var(--tinta-2);flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;padding:0;font-size:14px;list-style:none;display:flex}.legenda li{align-items:center;gap:7px;display:inline-flex}.legenda i{border-radius:50%}.legenda .t-gong{background:var(--gong);width:16px;height:16px}.legenda .t-kenong{background:var(--kenong);width:12px;height:12px}.legenda .t-kempul{background:var(--kempul);width:10px;height:10px}.legenda .t-kethuk{background:var(--kethuk);width:6px;height:6px}.gongan+.gongan{margin-top:14px}.baris-gatra{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.gatra{border:1px solid var(--garis);border-radius:10px;padding:4px;display:inline-flex}.sel{width:30px;font:600 18px var(--mono);border-radius:7px;justify-items:center;gap:8px;padding:10px 0 4px;display:grid}.sel.kini{background:var(--aksen-lembut)}.tanda{font:700 10px var(--mono);gap:1px;line-height:1;display:flex}.h-gong{color:var(--gong)}.h-kenong{color:var(--kenong)}.h-kempul{color:var(--kempul)}.h-kethuk{color:var(--kethuk)}.tiga-bentuk{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.tiga-bentuk figure{text-align:center;margin:0}.tiga-bentuk svg{max-width:100%;height:auto}.tiga-bentuk figcaption{color:var(--tinta-2);margin-top:6px;font-size:14px}.tiga-bentuk figcaption strong{font:400 22px var(--serif);color:var(--tinta);display:block}.grafik-laras{margin-top:26px}.grafik-laras svg{max-width:100%;height:auto;display:block}.kisi{stroke:var(--garis);stroke-dasharray:2 4}.sumbu{font:400 11px var(--mono);fill:var(--samar)}.nama-baris{font:700 14px var(--huruf);fill:var(--tinta)}.garis-baris{stroke:var(--garis-kuat)}.titik-nada{cursor:pointer}.titik-nada circle{fill:var(--kertas);stroke:var(--tinta-2);stroke-width:1.5px}.titik-nada.slendro circle,.titik-nada.pelog circle{fill:var(--perunggu-2);stroke:var(--perunggu-3)}.titik-nada text{font:600 12px var(--mono);fill:var(--tinta);pointer-events:none}.titik-nada.slendro text,.titik-nada.pelog text{fill:#2a1a08}.titik-nada .oktaf-atas{fill:#2a1a08;stroke:none}.titik-nada.kecil circle{fill:var(--tinta-2)}.titik-nada.kecil text{fill:var(--samar);font-size:10px}.titik-nada:hover circle,.titik-nada:focus-visible circle{stroke:var(--sorot);stroke-width:2.5px}.titik-nada.denyut circle{animation:.4s ease-out nada}@keyframes nada{0%{stroke-width:6px}}.catatan{max-width:72ch;color:var(--samar);margin:12px 0 0;font-size:14px}.tentang ul{max-width:72ch;padding-left:18px}.tentang li{color:var(--tinta-2);margin-bottom:12px}.kaki{border-top:1px solid var(--garis-kuat);color:var(--samar);margin-top:80px;padding:22px 0 40px;font-size:14px}@media (width<=860px){.tampil{grid-template-columns:minmax(0,1fr)}.lingkar{max-width:460px;margin-inline:auto}}@media (width<=640px){.tiga-bentuk{grid-template-columns:minmax(0,1fr)}.kepala nav{gap:14px;font-size:14px}.kepala nav a[href=\#siklus]{display:none}.sel{width:24px;font-size:16px}}@media (width<=420px){.kepala nav a[href=\#tentang]{display:none}}@media (prefers-reduced-motion:reduce){.bilah.kena,.bilah:active,.pencon.kena,.sorot-pos.denyut,.titik-nada.denyut circle{animation:none}}