.site{--site-card:#fff}.site[data-palette=navy]{--site-bg:#f9f6f0;--site-soft:#f1ebdf;--site-ink:#1c1a17;--site-muted:#6b6358;--site-line:#e6e0d4;--site-accent:#8a6a20;--site-band:#0f1729;--site-band-text:#f1ebdf;--site-band-muted:#b8bdd0;--site-band-line:#3b4560;--site-pop:#d9b36e}.site[data-palette=janur]{--site-bg:#fbfbf7;--site-soft:#eeefc6;--site-ink:#22152b;--site-muted:#4a3a52;--site-line:#e6e4ea;--site-accent:#6b6f1c;--site-band:#22152b;--site-band-text:#fbfbf7;--site-band-muted:#c4b8cc;--site-band-line:#45334f;--site-pop:#d9db7e}.site[data-palette=pandan]{--site-bg:#fff;--site-soft:#eef3e6;--site-ink:#16231b;--site-muted:#4b5a50;--site-line:#e2e8e0;--site-accent:#1f6b45;--site-band:#14352a;--site-band-text:#f4f8f1;--site-band-muted:#b5ccbf;--site-band-line:#2e5246;--site-pop:#8fd9ae}.site[data-palette=nila]{--site-bg:#fff;--site-soft:#eeeff8;--site-ink:#15172b;--site-muted:#4a4d66;--site-line:#e2e3ee;--site-accent:#33378f;--site-band:#1d1f5a;--site-band-text:#f3f3fa;--site-band-muted:#bdbfe6;--site-band-line:#393b7a;--site-pop:#a9acf5}.site[data-palette=delima]{--site-bg:#fff;--site-soft:#f8eef1;--site-ink:#26151a;--site-muted:#5a464c;--site-line:#ece2e5;--site-accent:#9e1b3a;--site-band:#40101e;--site-band-text:#fbf1f3;--site-band-muted:#e3bfc9;--site-band-line:#5e2636;--site-pop:#f29bb3}.site[data-palette=kunyit]{--site-bg:#fff;--site-soft:#fbf3e2;--site-ink:#1f1a10;--site-muted:#5a5240;--site-line:#ece7db;--site-accent:#92650e;--site-band:#2a2008;--site-band-text:#fbf3e2;--site-band-muted:#d9cdae;--site-band-line:#4a3d1e;--site-pop:#f0c462}.site[data-palette=sogan]{--site-bg:#fbf7f1;--site-soft:#f0e6d8;--site-ink:#2b1d14;--site-muted:#5e4b3e;--site-line:#e8dfd3;--site-accent:#8c4a1f;--site-band:#2b1d14;--site-band-text:#fbf7f1;--site-band-muted:#d9c6b5;--site-band-line:#4a3628;--site-pop:#e3a878}.site [data-muncul]{transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)}.site [data-muncul=tunggu]{opacity:0;transform:translateY(28px)}.site .kursor{vertical-align:-.15em;background:currentColor;width:1.5px;height:1.05em;margin-left:1px;animation:.9s step-end infinite kursor-kedip;display:inline-block}@keyframes kursor-kedip{50%{opacity:0}}.site .kerangka{background:linear-gradient(100deg, var(--site-soft) 30%, color-mix(in srgb, var(--site-soft) 40%, white) 50%, var(--site-soft) 70%) 0 0 / 300% 100%;animation:1.6s linear infinite kerangka-sapu}@keyframes kerangka-sapu{to{background-position:-150% 0}}.site .pita-jalan{width:max-content;animation:80s linear infinite pita-jalan;display:flex}.site .pita-jalan-wadah:hover .pita-jalan,.site .pita-jalan-wadah:focus-within .pita-jalan{animation-play-state:paused}@keyframes pita-jalan{to{transform:translate(-50%)}}.site .teks-kilau{background:linear-gradient(100deg, var(--site-band-text) 35%, var(--site-pop) 50%, var(--site-band-text) 65%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.6s linear infinite teks-kilau}@keyframes teks-kilau{0%{background-position:125% 0}to{background-position:-125% 0}}.site .garis-pindai{inset-inline:6px;background:var(--site-accent);height:2px;box-shadow:0 0 12px 2px color-mix(in srgb, var(--site-accent) 45%, transparent);border-radius:2px;animation:1.6s ease-in-out infinite alternate garis-pindai;position:absolute;top:6px}@keyframes garis-pindai{to{top:calc(100% - 8px)}}.site .titik-ketik i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-inline:2px;animation:1s ease-in-out infinite titik-ketik;display:inline-block}.site .titik-ketik i:nth-child(2){animation-delay:.15s}.site .titik-ketik i:nth-child(3){animation-delay:.3s}@keyframes titik-ketik{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.site .kursor,.site .kerangka,.site .pita-jalan,.site .teks-kilau,.site .garis-pindai,.site .titik-ketik i{animation:none}.site .teks-kilau{color:var(--site-band-text);background:0 0}.site .pita-jalan-wadah{overflow-x:auto}}.site .kerangka-pita{background:linear-gradient(100deg, var(--site-band-line) 30%, color-mix(in srgb, var(--site-band-line) 60%, var(--site-band-text)) 50%, var(--site-band-line) 70%) 0 0 / 300% 100%}.site .kartu-tema{animation:.5s cubic-bezier(.2,.7,.2,1) both kartu-tema}@keyframes kartu-tema{0%{opacity:0;transform:translateY(14px)}}.site .pratinjau-latar{animation:.22s both pratinjau-latar}.site .pratinjau-masuk{animation:.38s cubic-bezier(.2,.8,.2,1) both pratinjau-masuk}@keyframes pratinjau-latar{0%{opacity:0}}@keyframes pratinjau-masuk{0%{opacity:0;transform:translateY(24px)scale(.98)}}@media (prefers-reduced-motion:reduce){.site .kartu-tema,.site .pratinjau-latar,.site .pratinjau-masuk{animation:none}}.site .menu-latar{animation:.2s both pratinjau-latar}.site .menu-panel{animation:.32s cubic-bezier(.2,.8,.2,1) both menu-panel}.site .menu-tautan{animation:.38s cubic-bezier(.2,.8,.2,1) both menu-tautan}@keyframes menu-panel{0%{transform:translate(100%)}}@keyframes menu-tautan{0%{opacity:0;transform:translate(18px)}}@media (prefers-reduced-motion:reduce){.site .menu-latar,.site .menu-panel,.site .menu-tautan{animation:none}}.site .penakar{appearance:none;cursor:pointer;background:0 0;height:28px}.site .penakar::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--site-accent) var(--isi), var(--site-line) var(--isi));border-radius:999px;height:6px}.site .penakar::-moz-range-track{background:linear-gradient(to right, var(--site-accent) var(--isi), var(--site-line) var(--isi));border-radius:999px;height:6px}.site .penakar::-webkit-slider-thumb{appearance:none;background:var(--site-card);border:2px solid var(--site-accent);border-radius:999px;width:26px;height:26px;margin-top:-10px;transition:transform .15s;box-shadow:0 2px 6px #26151a40}.site .penakar::-moz-range-thumb{background:var(--site-card);border:2px solid var(--site-accent);border-radius:999px;width:22px;height:22px;box-shadow:0 2px 6px #26151a40}.site .penakar:active::-webkit-slider-thumb{transform:scale(1.12)}.site .penakar:focus-visible{outline:2px solid var(--site-ink);outline-offset:4px;border-radius:999px}.site .pita-pas{transform-origin:0;animation:.42s cubic-bezier(.2,.8,.3,1.2) both pita-pas}@keyframes pita-pas{0%{opacity:0;transform:scaleX(.4)translate(-8px)}}.site details.tanya::details-content{opacity:0;block-size:0;transition:block-size .32s cubic-bezier(.2, .7, .2, 1), opacity .32s ease, content-visibility .32s allow-discrete;overflow:hidden}.site details.tanya[open]::details-content{opacity:1;block-size:auto}.site{interpolate-size:allow-keywords}@media (prefers-reduced-motion:reduce){.site .pita-pas{animation:none}.site details.tanya::details-content{transition:none}}.site .kipas-kartu{transform:rotate(var(--putar)) translateY(var(--turun));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.site .kipas-kartu:hover,.site .kipas-kartu:focus-within{z-index:20;transform:rotate(0)translateY(-14px)scale(1.04)}.site .kipas-isi{zoom:.3}@media (min-width:640px){.site .kipas-isi{zoom:.46}}.kartu-dialog[open]{animation:.32s cubic-bezier(.2,.8,.2,1) both pratinjau-masuk}.kartu-dialog[open]::backdrop{animation:.22s both pratinjau-latar}.kartu-panggung{perspective:1800px;zoom:.62}@media (min-width:640px) and (min-height:760px){.kartu-panggung{zoom:.92}}.kartu-balik{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,.7,.2,1);position:relative}.kartu-balik[data-belakang]{transform:rotateY(180deg)}.kartu-sisi{backface-visibility:hidden}.kartu-sisi-belakang{position:absolute;inset:0;transform:rotateY(180deg)}.site .langkah-isi{animation:2.6s linear both langkah-isi}@keyframes langkah-isi{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.site .kipas-kartu,.kartu-balik{transition:none}.kartu-dialog[open],.kartu-dialog[open]::backdrop,.site .langkah-isi{animation:none}}::view-transition{pointer-events:none}::view-transition-old(.halaman-keluar){animation:.15s ease-in reverse both halaman-pudar}::view-transition-new(.halaman-masuk){animation:.32s cubic-bezier(.2,.7,.2,1) .11s both halaman-naik}@keyframes halaman-pudar{0%{opacity:0}}@keyframes halaman-naik{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}