.toast-masuk{animation:.24s cubic-bezier(.2,.7,.2,1) toast-masuk}@keyframes toast-masuk{0%{opacity:0;transform:translateY(8px)scale(.98)}}.panel-masuk{animation:.22s cubic-bezier(.2,.7,.2,1) panel-masuk}@keyframes panel-masuk{0%{opacity:0;transform:translate(24px)}}.modal-naik{animation:.28s cubic-bezier(.2,.7,.2,1) modal-naik}@keyframes modal-naik{0%{transform:translateY(100%)}}.popup-masuk{animation:.16s cubic-bezier(.2,.7,.2,1) popup-masuk}@keyframes popup-masuk{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.sheet-naik{animation:.24s cubic-bezier(.2,.7,.2,1) sheet-naik}@keyframes sheet-naik{0%{transform:translateY(100%)}}.lembar-kanvas{animation:.28s cubic-bezier(.2,.7,.2,1) sheet-naik}.lembar-transisi{transition:height .28s cubic-bezier(.2,.7,.2,1)}dialog[data-lembar]::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000003d;transition:background-color .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s}dialog[data-lembar][data-blur=tidak]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.sorot-kolom{border-radius:16px;animation:1.8s ease-out sorot-kolom}@keyframes sorot-kolom{0%,40%{box-shadow:0 0 0 4px color-mix(in oklab, var(--cta) 35%, transparent);background:color-mix(in oklab, var(--cta) 8%, transparent)}}.maskot-lompat{transform-origin:50% 100%;animation:1.1s cubic-bezier(.3,0,.3,1) .2s 3 both maskot-lompat}@keyframes maskot-lompat{0%{opacity:0;transform:translateY(24px)scale(.6)}18%{opacity:1;transform:translateY(0)scale(1.06,.94)}45%{transform:translateY(-40px)scale(.96,1.05)rotate(-4deg)}70%{transform:translateY(0)scale(1.05,.95)}85%{transform:translateY(-8px)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)}}.bayang-maskot{animation:1.1s cubic-bezier(.3,0,.3,1) .2s 3 both bayang-maskot}@keyframes bayang-maskot{0%,18%,70%,to{opacity:.18;transform:scaleX(1)}45%{opacity:.08;transform:scaleX(.6)}}.kilau{animation:1.6s ease-in-out infinite kilau}@keyframes kilau{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(20deg)}}.konfeti{animation:konfeti var(--durasi,2.4s) cubic-bezier(.2, .6, .4, 1) var(--jeda,0s) both}@keyframes konfeti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--x), var(--y)) rotate(var(--putar));opacity:0}}.muncul-naik{animation:muncul-naik .5s cubic-bezier(.2, .7, .2, 1) var(--jeda,0s) both}@keyframes muncul-naik{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.toast-masuk,.panel-masuk,.modal-naik,.popup-masuk,.sheet-naik,.lembar-kanvas,.sorot-kolom,.maskot-lompat,.bayang-maskot,.kilau,.muncul-naik{animation:none}.konfeti{display:none}}.sinar-publikasi{animation:2s ease-out infinite sinar-publikasi}@keyframes sinar-publikasi{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--cta) 55%, transparent)}70%,to{box-shadow:0 0 0 12px color-mix(in oklab, var(--cta) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.sinar-publikasi{box-shadow:0 0 0 4px color-mix(in oklab, var(--cta) 30%, transparent);animation:none}}.putar-tahap{animation:.9s linear infinite putar-tahap}@keyframes putar-tahap{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.putar-tahap{animation:none}.lembar-transisi,dialog[data-lembar]::backdrop{transition:none}}[data-tipografi=ringkas] .t-body{font-size:14px;line-height:20px}[data-tipografi=ringkas] .t-h3{font-size:16px;line-height:24px}