.wa-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:25;display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 18px 0 14px;border-radius:var(--radius-md);background:var(--sawah);color:var(--on-sawah);font-weight:800;text-decoration:none;box-shadow:var(--shadow-kartu);transition:transform .15s ease}.wa-fab:hover{transform:translateY(-2px)}.wa-fab:focus-visible{outline:3px solid var(--kunyit);outline-offset:3px}body:has(.wa-fab) .shell-main,body:has(.wa-fab) .auth-main{padding-bottom:88px}@media(max-width:480px){.wa-fab{min-height:52px;padding:0 14px}.wa-fab-text{display:none}}@media(prefers-reduced-motion:reduce){.wa-fab{transition:none}}.play-toast-zone{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:24;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.play-toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1px solid var(--garis);border-radius:18px;background:var(--kertas);color:var(--malam);box-shadow:var(--shadow-kartu);animation:play-toast-in .35s ease-out}.play-toast-text{margin:0;display:grid;gap:2px;min-width:0;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}.play-toast-text small{color:var(--malam-muted);font-weight:700}.play-toast-cta{justify-self:start;margin-top:4px;padding:4px 12px;border-radius:var(--radius-sm);background:var(--gonjong);color:var(--on-gonjong);font-weight:800;font-size:.9rem;text-decoration:none}.play-toast-cta:focus-visible,.play-toast-close:focus-visible{outline:3px solid var(--kunyit);outline-offset:2px}.play-toast-close{align-self:start;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--awan-2);color:var(--malam);cursor:pointer}@keyframes play-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:640px){.play-toast-zone{top:calc(76px + env(safe-area-inset-top));bottom:auto;left:12px;right:12px;max-width:none}.play-toast{padding:8px 8px 8px 10px;animation-name:play-toast-down}.play-toast-text{font-size:.88rem}}@keyframes play-toast-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.play-toast{animation:none}}.bnr{--bnr-radius: 24px;--bnr-ink: var(--malam);--bnr-on: var(--on-gonjong);position:relative;margin:16px 0 24px;font-family:inherit}.bnr-at-landing{max-width:1200px;margin:8px auto 0;padding:0 clamp(16px,4vw,48px)}.bnr-track{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--bnr-radius);overscroll-behavior-x:contain}.bnr-track::-webkit-scrollbar{display:none}.bnr-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.bnr-card{position:relative;display:flex;align-items:center;min-height:clamp(200px,26vw,300px);height:100%;padding:clamp(20px,4vw,44px);border-radius:var(--bnr-radius);overflow:hidden;color:var(--bnr-on);background:var(--bnr-bg);isolation:isolate}.bnr-at-landing .bnr-card{box-shadow:var(--shadow-kartu)}.bnr-tone-grape{--bnr-bg: var(--gonjong)}.bnr-tone-sky{--bnr-bg: var(--langit)}.bnr-tone-coral{--bnr-bg: var(--jeruk)}.bnr-tone-leaf{--bnr-bg: var(--sawah);--bnr-on: var(--on-sawah)}.bnr-tone-teal{--bnr-bg: var(--toska)}.bnr-tone-sun{--bnr-bg: var(--kunyit);--bnr-on: var(--on-kunyit)}.bnr-card.is-image{display:block;min-height:0;padding:0;background:var(--kertas);color:inherit}.bnr-img-full{display:block;width:100%;height:auto}.bnr-img-link{display:block;border-radius:inherit}.bnr-img-link:focus-visible{outline:4px solid var(--kunyit);outline-offset:-4px}.bnr-text{position:relative;max-width:min(620px,64%);display:grid;gap:10px;justify-items:start}.bnr-title{margin:0;font-size:clamp(1.35rem,3.2vw,2.2rem);line-height:1.15;font-weight:900;color:inherit;overflow-wrap:anywhere}.bnr-sub{margin:0;font-size:clamp(.98rem,1.6vw,1.15rem);line-height:1.45;color:inherit;opacity:.95;overflow-wrap:anywhere}.bnr-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:6px;padding:0 22px;border-radius:var(--radius-md);background:var(--kertas);color:var(--bnr-ink);font-weight:800;text-decoration:none;border:0;box-shadow:var(--shadow-tekan) var(--bnr-bg);box-shadow:var(--shadow-tekan) color-mix(in srgb,var(--bnr-bg) 60%,black);transition:transform .12s,box-shadow .12s}.bnr-cta:hover{transform:translateY(-2px)}.bnr-cta:focus-visible,.bnr-btn:focus-visible,.bnr-dot:focus-visible{outline:4px solid var(--kunyit);outline-offset:3px}.bnr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bnr-deco{position:absolute;right:clamp(12px,5vw,64px);top:50%;width:clamp(110px,20vw,220px);height:auto;transform:translateY(-50%);fill:currentColor;opacity:.16;z-index:-1}.bnr-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.bnr-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;border:2px solid var(--garis-tegas);background:var(--kertas);color:var(--malam);cursor:pointer}.bnr-btn:hover{background:var(--gonjong-soft)}.bnr-dots{display:flex;align-items:center;gap:2px}.bnr-dot{position:relative;width:32px;height:32px;border:0;background:transparent;cursor:pointer;padding:0}.bnr-dot:after{content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:12px;border-radius:999px;border:2px solid var(--garis-tegas);background:var(--kertas);transform:translate(-50%,-50%);transition:width .2s}.bnr-dot.is-on:after{width:26px;border-color:var(--gonjong);background:var(--gonjong)}.bnr-at-parent .bnr-card:not(.is-image),.bnr-at-admin .bnr-card:not(.is-image){min-height:176px;padding:clamp(18px,3vw,32px)}.bnr-at-parent .bnr-title,.bnr-at-admin .bnr-title{font-size:clamp(1.2rem,2.2vw,1.7rem)}.bnr-at-parent .bnr-sub,.bnr-at-admin .bnr-sub{font-size:1rem}.bnr-at-parent .bnr-controls,.bnr-at-admin .bnr-controls{margin-top:8px}@media(max-width:640px){.bnr-card:not(.is-image){min-height:180px;align-items:flex-end}.bnr-text{max-width:100%}.bnr-deco{top:18px;transform:none;width:90px}}@media(prefers-reduced-motion:reduce){.bnr-track{scroll-behavior:auto}.bnr-cta,.bnr-dot:after{transition:none}}.gal-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px}.gal-item{display:flex;flex-direction:column;background:var(--kertas);border:2px solid var(--s-line);border-radius:22px;overflow:hidden;box-shadow:0 5px 0 var(--s-line)}.gal-thumb{display:block;width:100%;aspect-ratio:4 / 3;padding:0;border:0;background:var(--s-grape-soft);cursor:zoom-in;overflow:hidden}.gal-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.gal-thumb:hover img{transform:scale(1.04)}.gal-thumb:focus-visible{outline:4px solid var(--s-sun);outline-offset:-4px}.gal-meta{display:grid;gap:2px;padding:12px 16px 14px}.gal-meta strong{font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.gal-meta time{color:var(--s-muted);font-size:.92rem}.gal-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}.gal-count{color:var(--s-muted)}.gal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:var(--awan);background:color-mix(in srgb,var(--awan) 96%,transparent);font-family:var(--s-font)}.gal-dialog{position:relative;width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column}.gal-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}.gal-figure img{display:block;max-width:100%;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);object-fit:contain;border-radius:16px;background:var(--awan-2)}.gal-figure figcaption{display:grid;justify-items:center;gap:4px;text-align:center;color:var(--malam);max-width:48em}.gal-figure figcaption strong{font-size:1.2rem}.gal-figure figcaption time,.gal-pos{color:var(--malam-muted);font-size:.95rem}.gal-close,.gal-nav{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;border:2px solid var(--garis-tegas);background:var(--kertas);color:var(--malam);box-shadow:var(--shadow-kartu);cursor:pointer}.gal-close:focus-visible,.gal-nav:focus-visible{outline:4px solid var(--s-sun);outline-offset:3px}.gal-close{position:absolute;top:-6px;right:-6px;z-index:2}.gal-nav{position:absolute;top:calc(50% - 60px)}.gal-prev{left:-6px}.gal-next{right:-6px}@media(max-width:640px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gal-meta{padding:8px 10px 10px}.gal-meta strong{font-size:.95rem}.gal-nav{position:static}.gal-dialog{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gal-figure{grid-column:1 / -1}.gal-prev{justify-self:end}.gal-close{top:-10px;right:-4px}}@media(prefers-reduced-motion:reduce){.gal-thumb img{transition:none}.gal-thumb:hover img{transform:none}}.board-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px;margin:0 0 12px;padding:6px;border:2px solid var(--garis);border-radius:var(--radius-lg);background:var(--kertas-2)}.board-tab{--tab: var(--langit);--tab-soft: var(--langit-soft);--tab-teks: var(--langit-teks);position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 12px 10px;border:2px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--malam);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:center;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.board-tab.is-total{--tab: var(--jeruk);--tab-soft: var(--jeruk-soft);--tab-teks: var(--jeruk-teks)}.board-tab.is-active{--tab: var(--toska);--tab-soft: var(--toska-soft);--tab-teks: var(--toska-teks)}.board-tab.is-adventure{--tab: var(--sawah);--tab-soft: var(--sawah-soft);--tab-teks: var(--sawah-teks)}.board-tab.is-mock,.board-tab.is-medal{--tab: var(--kunyit);--tab-soft: var(--kunyit-soft);--tab-teks: var(--kunyit-teks)}.board-tab.is-flag{--tab: var(--jeruk);--tab-soft: var(--jeruk-soft);--tab-teks: var(--jeruk-teks)}.board-tab.is-science{--tab: var(--sawah);--tab-soft: var(--sawah-soft);--tab-teks: var(--sawah-teks)}.board-tab.is-english{--tab: var(--toska);--tab-soft: var(--toska-soft);--tab-teks: var(--toska-teks)}.board-tab:hover{background:var(--kertas);border-color:var(--garis)}.board-tab:focus-visible{outline:3px solid var(--tab);outline-offset:2px}.board-tab-icon{display:inline-grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--tab-soft);color:var(--tab-teks)}.board-icon-hole{fill:var(--tab-soft)}.board-tab-text{display:grid;min-width:0;line-height:1.15}.board-tab-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-tab-text strong{font-weight:800;font-size:.98rem}.board-tab-text small{margin-top:2px;color:var(--malam-muted);font-size:.78rem;font-weight:600}.board-tab.is-on{background:var(--kertas);border-color:var(--tab);box-shadow:var(--shadow-kartu)}.board-tab.is-on .board-tab-icon{background:var(--tab);color:var(--kertas)}.board-tab.is-on .board-icon-hole{fill:var(--tab)}.board-tab.is-on:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:4px;border-radius:var(--radius-pill);background:var(--tab)}.board-tab.is-on .board-tab-text small{color:var(--tab-teks)}.board-tabs.is-kid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.board-tabs.is-kid .board-tab{min-height:72px;padding:10px 14px 12px}.board-tabs.is-kid .board-tab-icon{width:44px;height:44px}.board-tabs.is-kid .board-tab-icon svg{width:28px;height:28px}.board-tabs.is-kid .board-tab-text strong{font-size:1.05rem}@media(max-width:760px){.board-tabs,.board-tabs.is-kid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.board-tabs::-webkit-scrollbar{display:none}.board-tab{min-width:150px}}@media(prefers-reduced-motion:reduce){.board-tab{transition:none}}.crowned-momo{position:relative;display:inline-flex;flex-shrink:0;line-height:0}.crowned-momo-crown{position:absolute;left:50%;top:-30%;transform:translate(-50%) rotate(-6deg);filter:drop-shadow(0 2px 0 rgba(28,36,48,.25));pointer-events:none}.crowned-momo>.momo-brand~.crowned-momo-crown{top:-16%}.crowned-momo.is-t3 .crowned-momo-crown{animation:crowned-glow 2.4s ease-in-out infinite}@keyframes crowned-glow{50%{filter:drop-shadow(0 0 6px var(--kunyit)) drop-shadow(0 2px 0 rgba(28,36,48,.25))}}.crowned-momo-shine{transform-box:fill-box;transform-origin:center;animation:crowned-twinkle 1.8s ease-in-out infinite}@keyframes crowned-twinkle{50%{transform:scale(.4) rotate(45deg);opacity:.5}}.crowned-momo-badge{position:absolute;right:-6px;bottom:-4px;display:inline-flex;align-items:center;gap:2px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--kunyit);color:var(--on-kunyit);border:2px solid var(--kertas);font-family:var(--font-display);font-size:13px;line-height:1}@media(prefers-reduced-motion:reduce){.crowned-momo.is-t3 .crowned-momo-crown,.crowned-momo-shine{animation:none}}.rank-medal{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:6px;border-radius:999px;vertical-align:-3px;background:var(--kunyit);color:var(--on-kunyit);border:2px solid var(--kunyit-tekan);font-family:var(--font-display);font-size:13px;line-height:1}.rank-name-row{display:inline-flex;align-items:center;max-width:100%;min-width:0}.rank-name-row>strong{min-width:0}.podium:has(.crowned-momo),.topten-podium:has(.crowned-momo){padding-top:38px}.kingdom-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px 2px 4px;border-radius:999px;background:var(--kunyit-soft);color:var(--kunyit-teks);font-size:13px;line-height:1}.kingdom-badge b{font-weight:800}.kingdom-badge.is-big{font-size:15px;padding:3px 10px 3px 5px}.ui-shell{--ui-bg: var(--awan);--ui-surface: var(--kertas);--ui-ink: var(--malam);--ui-muted: var(--malam-muted);--ui-line: var(--garis);--ui-primary: var(--gonjong);--ui-primary-ink: var(--on-gonjong);--ui-success: var(--sawah);--ui-warning: var(--kunyit-teks);--ui-danger: var(--gonjong-teks);--ui-info: var(--langit-teks);min-height:100vh;background:var(--ui-bg);color:var(--ui-ink);font-size:15px;font-family:var(--font-body)}:where(.ui-shell) a:where(:link,:visited){color:var(--langit-teks)}.ui-btn{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn:focus-visible,.ui-field input:focus-visible,.ui-field select:focus-visible,.ui-field textarea:focus-visible{outline:3px solid var(--kunyit);outline-offset:2px}.ui-btn-primary{background:var(--ui-primary);color:var(--ui-primary-ink)}.ui-btn-secondary{background:var(--ui-surface);color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-ghost{background:transparent;color:var(--ui-ink);border-color:var(--ui-line)}.ui-btn-danger{background:var(--ui-surface);color:var(--ui-danger);border-color:var(--ui-danger)}.ui-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ui-field label{font-weight:600}.ui-field input,.ui-field select,.ui-field textarea{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}:where(.ui-shell) input[type=file]{max-width:100%;font:inherit;font-size:14px;color:var(--ui-muted)}:where(.ui-shell) input[type=file]::file-selector-button{min-height:38px;margin-right:12px;padding:0 14px;border:1px solid var(--ui-primary);border-radius:10px;background:var(--ui-surface);color:var(--ui-primary);font:inherit;font-weight:700;cursor:pointer}:where(.ui-shell) input[type=file]::file-selector-button:hover{background:var(--gonjong-soft)}.ui-select-inline{min-height:36px;padding:0 8px 0 10px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-ink);font:inherit;font-size:14px}.ui-select-inline:focus-visible{outline:3px solid var(--kunyit);outline-offset:2px}.ui-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;min-height:160px}.ui-field [aria-invalid=true]{border-color:var(--ui-danger)}.ui-hint{color:var(--ui-muted)}.ui-error{color:var(--ui-danger)}.ui-check{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.ui-check input{width:20px;height:20px;margin-top:2px}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;padding:20px;margin-bottom:20px}.ui-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.ui-card-head>.ui-row{min-width:0}.ui-card-head h2{font-size:17px;margin:0}.ui-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ui-page-head h1{font-size:24px;margin:0 0 4px}.ui-muted{color:var(--ui-muted);margin:0}.pa-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ui-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ui-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ui-notice{padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid}.ui-notice-info{background:var(--langit-soft);border-color:var(--kertas);border-color:color-mix(in srgb,var(--langit) 35%,var(--kertas));color:var(--ui-info)}.ui-notice-success{background:var(--sawah-soft);border-color:var(--kertas);border-color:color-mix(in srgb,var(--sawah) 35%,var(--kertas));color:var(--ui-success)}.ui-notice-warning{background:var(--kunyit-soft);border-color:var(--kunyit);border-color:color-mix(in srgb,var(--kunyit) 50%,var(--kertas));color:var(--ui-warning)}.ui-notice-error{background:var(--gonjong-soft);border-color:var(--kertas);border-color:color-mix(in srgb,var(--gonjong) 35%,var(--kertas));color:var(--ui-danger)}.ui-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--awan-2);color:var(--ui-ink)}.ui-badge-success{background:var(--sawah-soft);color:var(--ui-success)}.ui-badge-warning{background:var(--kunyit-soft);color:var(--ui-warning)}.ui-badge-info{background:var(--langit-soft);color:var(--ui-info)}.ui-badge-muted{background:var(--awan-2);color:var(--ui-muted)}.ui-table-wrap{position:relative;overflow-x:auto}@media(max-width:640px){.ui-table:has(th:nth-child(4)){min-width:600px}.ui-table:has(th:nth-child(6)){min-width:760px}}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ui-line);vertical-align:top}.ui-table th{font-size:13px;color:var(--ui-muted);font-weight:700}.ui-empty{color:var(--ui-muted);padding:16px 0}.ui-spinner{display:flex;gap:10px;align-items:center;color:var(--ui-muted);padding:16px 0}.ui-spinner-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--ui-line);border-top-color:var(--ui-primary);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-spinner-dot{animation:none}}.ui-stat{display:flex;flex-direction:column;gap:2px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;padding:16px}.ui-stat-value{font-size:28px;font-weight:800}.ui-stat-label{color:var(--ui-muted);font-weight:600}.ui-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.ui-sidebar{--ui-sidebar-bg: var(--malam);--ui-sidebar-ink: var(--kertas);background:var(--ui-sidebar-bg);color:var(--ui-sidebar-ink);padding:20px 14px;display:flex;flex-direction:column;gap:4px}:root[data-theme=dark] .ui-sidebar{--ui-sidebar-bg: var(--awan-2);--ui-sidebar-ink: var(--malam);border-right:1px solid var(--garis)}.ui-sidebar a{color:inherit;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:600}.ui-sidebar a.active,.ui-sidebar a:hover{background:transparent;background:color-mix(in srgb,var(--ui-sidebar-ink) 12%,transparent)}.ui-sidebar .ui-brand{font-size:18px;font-weight:800;padding:0 12px 16px}.ui-main{padding:28px;max-width:1200px;width:100%;box-sizing:border-box}.ui-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}.ui-narrow{max-width:440px;margin:48px auto;padding:0 16px}@media(max-width:800px){.ui-layout{grid-template-columns:1fr}.ui-sidebar{flex-direction:row;flex-wrap:wrap}.ui-main{padding:16px}}.ui-label-row{display:flex;align-items:baseline;gap:4px}.ui-req{color:var(--ui-danger, var(--gonjong-teks));font-weight:800}.ui-req-note{margin:0 0 12px;font-size:.9em;color:var(--ui-muted, var(--malam-muted))}.ui-check-row{display:flex;align-items:flex-start;gap:4px}.ui-input-wrap{position:relative;display:flex}.ui-input-wrap input{flex:1;min-width:0;padding-right:104px}.ui-eye{position:absolute;right:4px;top:50%;translate:0 -50%;display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ui-primary, var(--gonjong));font:inherit;font-weight:700;font-size:.9em;cursor:pointer}.ui-eye:hover{background:var(--ui-bg, var(--awan))}.ui-eye:focus-visible{outline:3px solid var(--kunyit)}@media(max-width:380px){.ui-eye-text{display:none}.ui-input-wrap input{padding-right:48px}}.ui-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--ui-line, var(--garis));border-radius:16px;background:var(--ui-surface, var(--kertas));color:var(--ui-ink, var(--malam));box-shadow:0 20px 60px var(--bayangan)}.ui-dialog-wide{width:min(960px,calc(100vw - 32px))}.ui-dialog:not([open]){display:none}.ui-dialog.is-fallback[open]{position:fixed;inset:0;z-index:1000;height:-webkit-fit-content;height:fit-content;margin:auto;overflow:auto;box-shadow:0 0 0 100vmax var(--overlay),0 20px 60px var(--bayangan)}.ui-dialog::backdrop{background:var(--overlay)}.ui-dialog-warning{border-top:6px solid var(--ui-warning, var(--kunyit-teks))}.ui-dialog-box{display:grid;gap:12px;padding:20px}.ui-dialog-box h2{margin:0;font-size:1.2rem}.ui-dialog-body p{margin:0 0 8px;line-height:1.5}.ui-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media(max-width:420px){.ui-dialog-actions>*{flex:1 1 100%}}.topten-panel.is-adventure .tp-metric,.topten-panel.is-adventure .tl-metric{color:var(--sawah-teks)}@media(max-width:480px){body:has(.wa-fab) #peringkat .topten-list li{padding-right:40px}}@media(min-width:481px){body:has(.wa-fab) #peringkat .topten-list li{padding-right:calc(12px + max(0px,min(185px - 4vw,737px - 50vw)))}}@media(max-width:480px){body:has(.wa-fab) .topten .topten-note{padding-right:48px}}@media(min-width:481px){body:has(.wa-fab) .topten .topten-note{padding-right:calc(12px + max(0px,min(185px - 4vw,737px - 50vw)))}}.tl-name strong .kingdom-badge{margin-left:6px;vertical-align:middle}.tp-spot .kingdom-badge{margin:2px 0}.mt-panel{--mt: var(--langit);--mt-soft: var(--langit-soft);--mt-teks: var(--langit-teks);--mt-on: var(--on-langit)}.mt-panel.is-medal{--mt: var(--kunyit);--mt-soft: var(--kunyit-soft);--mt-teks: var(--kunyit-teks);--mt-on: var(--on-kunyit)}.mt-panel.is-flag{--mt: var(--jeruk);--mt-soft: var(--jeruk-soft);--mt-teks: var(--jeruk-teks);--mt-on: var(--on-jeruk)}.mt-panel.is-science{--mt: var(--sawah);--mt-soft: var(--sawah-soft);--mt-teks: var(--sawah-teks);--mt-on: var(--on-sawah)}.mt-panel.is-english{--mt: var(--toska);--mt-soft: var(--toska-soft);--mt-teks: var(--toska-teks);--mt-on: var(--on-toska)}.mt-about{margin:0 0 14px;color:var(--malam-muted);font-size:.92rem;font-weight:600;line-height:1.45}.mt-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:0 0 14px}.mt-field{display:grid;gap:4px;min-width:0;max-width:100%}.mt-label{color:var(--malam-muted);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mt-select{position:relative;display:block}.mt-select select{width:100%;min-width:200px;min-height:54px;padding:8px 40px 8px 14px;border:2px solid var(--garis-tegas);border-radius:var(--radius-md);background:var(--kertas);color:var(--malam);font:inherit;font-weight:800;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mt-select select:hover{border-color:var(--mt)}.mt-select select:focus-visible,.mt-seg-btn:focus-visible{outline:3px solid var(--mt);outline-offset:2px}.mt-chevron{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--mt-teks);pointer-events:none}.mt-static{display:inline-flex;align-items:center;min-height:54px;padding:0 14px;border:2px dashed var(--garis);border-radius:var(--radius-md);color:var(--malam);font-weight:800;white-space:nowrap}.mt-seg{display:flex;gap:4px;max-width:100%;padding:3px;border:2px solid var(--garis);border-radius:var(--radius-md);background:var(--kertas-2);overflow-x:auto;scrollbar-width:none}.mt-seg::-webkit-scrollbar{display:none}.mt-seg-btn{flex:none;min-height:44px;min-width:44px;padding:0 14px;border:2px solid transparent;border-radius:calc(var(--radius-md) - 5px);background:transparent;color:var(--malam);font:inherit;font-weight:800;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.mt-seg-btn:hover{background:var(--kertas);border-color:var(--garis)}.mt-seg-btn.is-on{background:var(--mt);border-color:var(--mt);color:var(--mt-on)}.mt-field.is-compact .mt-seg-btn{padding:0;font-family:var(--font-display);font-weight:400;font-size:1.05rem}.mt-summary{display:grid;gap:10px;margin:0 0 6px;padding:12px;border:2px solid var(--garis);border-radius:var(--radius-lg);background:var(--kertas-2)}.mt-rules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}.mt-rule-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;padding:8px 10px;border-radius:var(--radius-md);background:var(--kertas);border:1px solid var(--garis)}.mt-rule-icon{grid-row:span 2;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--langit-soft);color:var(--langit-teks)}.mt-rule-tile.is-right .mt-rule-icon{background:var(--sawah-soft);color:var(--sawah-teks)}.mt-rule-tile.is-notyet .mt-rule-icon{background:var(--kunyit-soft);color:var(--kunyit-teks)}.mt-rule-tile.is-blank .mt-rule-icon{background:var(--awan);color:var(--malam-muted)}.mt-rule-tile.is-max .mt-rule-icon,.mt-rule-tile.is-kkm .mt-rule-icon,.mt-rule-tile.is-time .mt-rule-icon{background:var(--mt-soft);color:var(--mt-teks)}.mt-rule-tile dt{color:var(--malam-muted);font-size:.74rem;font-weight:700;line-height:1.2}.mt-rule-tile dd{margin:0;min-width:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.15;color:var(--malam);font-variant-numeric:tabular-nums}.mt-rule-tile dd.is-small{font-family:inherit;font-size:.86rem;font-weight:800}.mt-rule-tile dd small{display:block;font-family:var(--font-body);color:var(--malam-muted);font-size:.7rem;font-weight:700}.mt-rule-tile.is-accent{border-color:var(--mt);box-shadow:inset 0 0 0 1px var(--mt)}.mt-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:8px;border-top:2px dashed var(--garis)}.mt-stat{display:inline-flex;align-items:baseline;gap:6px}.mt-stat strong{font-family:var(--font-display);font-weight:400;font-size:1.15rem;color:var(--malam);font-variant-numeric:tabular-nums}.mt-stat small{color:var(--malam-muted);font-weight:700}.mt-stat.is-pass strong{color:var(--sawah-teks)}.mt-updated{margin-left:auto;color:var(--malam-muted);font-weight:600}.mt-panel .tp-metric,.mt-panel .tl-metric{color:var(--mt-teks)}.mt-panel .tp-spot .mt-kkm,.mt-panel .tl-metric .mt-kkm{margin-top:2px}@media(max-width:560px){.mt-panel .topten-list li{row-gap:2px;padding-top:6px;padding-bottom:6px}.mt-panel .tl-metric{display:flex;flex-wrap:nowrap;align-items:center;gap:2px 8px}.mt-panel .tl-metric .mt-kkm{margin-top:0}}.mt-empty{display:flex;align-items:center;gap:16px;margin:14px 0 4px;padding:16px 18px;border:2px dashed var(--garis-tegas);border-radius:var(--radius-lg);background:var(--kertas)}.mt-empty svg{flex:none}.mt-empty strong{display:block;font-family:var(--font-display);font-weight:400;font-size:1.15rem;color:var(--malam)}.mt-empty p{margin:4px 0 10px;color:var(--malam-muted);font-weight:600}.mt-empty-cta.site-btn{min-height:48px;padding:0 18px;font-size:1rem}@media(min-width:481px){body:has(.wa-fab) #peringkat-mock .topten-list li{padding-right:calc(12px + max(0px,min(185px - 4vw,737px - 50vw)))}}@media(max-width:1000px){.mocktop .board-tabs{grid-auto-columns:max-content;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none}.mocktop .board-tabs::-webkit-scrollbar{display:none}.mocktop .board-tab{min-width:150px}.mt-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}.mocktop .board-tab-text strong,.mocktop .board-tab-text small{white-space:nowrap}@media(max-width:640px){.mt-about{font-size:.86rem;margin-bottom:10px}.mt-filters{gap:8px 10px}.mt-filters>.mt-field:first-child{flex:1 1 100%}.mt-select select{min-width:0}.mt-seg-btn{padding:0 10px}.mt-summary{padding:8px;gap:8px}.mt-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mt-rule-tile{padding:6px 8px;column-gap:6px}.mt-rule-icon{width:28px;height:28px}.mt-rule-icon svg{width:16px;height:16px}.mt-rule-tile dd{font-size:1.05rem}.mt-updated{margin-left:0;flex-basis:100%;font-size:.78rem}.mt-empty{flex-direction:column;gap:8px;padding:14px;text-align:center}.mt-empty>svg{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.mt-seg-btn{transition:none}}.ka-tile{fill:var(--sawah);opacity:.85}.ka-tile-side{fill:var(--sawah-tekan)}.ka-wall{fill:var(--kertas);stroke:var(--malam);stroke-width:2}.ka-wood{fill:var(--jeruk-tekan)}.ka-roof,.ka-awning{fill:var(--gonjong)}.ka-door{fill:var(--malam)}.ka-window{fill:var(--langit)}.ka-pillar{fill:var(--kunyit-tekan)}.ka-leaf{fill:var(--sawah)}.ka-leaf-2{fill:var(--toska)}.ka-flower,.ka-fruit,.ka-spice,.ka-gem{fill:var(--gonjong)}.ka-flower-2,.ka-fruit-2{fill:var(--kunyit)}.ka-water{fill:var(--langit);opacity:.85}.ka-hull{fill:var(--jeruk-tekan)}.ka-sail{fill:var(--kertas);stroke:var(--malam);stroke-width:1.5}.ka-sail-2{fill:var(--gonjong-soft);stroke:var(--malam);stroke-width:1.5}.ka-book{fill:var(--langit)}.ka-book-2{fill:var(--sawah)}.ka-flag-red{fill:var(--gonjong)}.ka-flag-white{fill:var(--kertas);stroke:var(--garis-tegas);stroke-width:1}.ka-crown,.ka-crown-band{fill:var(--kunyit);stroke:var(--kunyit-tekan);stroke-width:2}.ka-firework line{stroke:var(--gonjong);stroke-width:2.5;stroke-linecap:round}.ka-q{font:40px var(--font-display);fill:var(--kertas)}.ka-sparkle path{fill:var(--kunyit)}.ka-gold .ka-roof,.ka-gold .ka-awning,.ka-gold .ka-pillar,.ka-gold .ka-sail-2,.ka-gold .ka-tile{fill:var(--kunyit)}.ka-gold .ka-tile-side{fill:var(--kunyit-tekan)}.ka-missed>g:not(:first-child),.ka-open>g:not(:first-child){filter:grayscale(1);opacity:.35}.ka-none .ka-tile,.ka-future .ka-tile{fill:var(--garis-tegas);opacity:.5}.ka-none .ka-tile-side,.ka-future .ka-tile-side{fill:var(--garis-tegas)}.ka-open .ka-tile{fill:var(--sawah);opacity:.5}.origin-chips{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px}.origin-chips.is-center{justify-content:center}.origin-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 8px;border-radius:999px;background:var(--toska-soft);color:var(--toska-teks);font-size:.78rem;font-weight:700;line-height:1.4}.origin-chip svg{flex:none}.ch-landing{--c: var(--gonjong);--c-soft: var(--gonjong-soft);--c-teks: var(--gonjong-teks)}.ch-landing.ch-theme-kunyit{--c: var(--kunyit);--c-soft: var(--kunyit-soft);--c-teks: var(--kunyit-teks)}.ch-landing.ch-theme-sawah{--c: var(--sawah);--c-soft: var(--sawah-soft);--c-teks: var(--sawah-teks)}.ch-landing.ch-theme-laut{--c: var(--langit);--c-soft: var(--langit-soft);--c-teks: var(--langit-teks)}.ch-landing.ch-theme-bata{--c: var(--jeruk);--c-soft: var(--jeruk-soft);--c-teks: var(--jeruk-teks)}.chl-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin:12px 0;padding:16px;border-radius:var(--radius-lg);background:var(--c-soft)}.chl-hero-body{display:grid;gap:4px;min-width:0}.chl-status{font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--c-teks)}.chl-title{font-family:var(--font-display);font-size:clamp(1.2rem,3.6vw,1.6rem);line-height:1.15}.chl-dates{color:var(--malam-muted)}.chl-stats{display:flex;gap:12px;margin:0}.chl-stats div{display:grid;justify-items:center;min-width:84px;padding:8px 12px;border-radius:var(--radius-md);background:var(--kertas)}.chl-stats dt{font-size:.85rem;color:var(--malam-muted)}.chl-stats dd{margin:0;font-family:var(--font-display);font-size:1.5rem;color:var(--c-teks)}.ch-landing .tp-metric,.ch-landing .tl-metric{color:var(--c-teks)}.chl-cta{display:flex;justify-content:center;margin-top:12px}@media(max-width:640px){.chl-hero{grid-template-columns:auto 1fr}.chl-stats{grid-column:1 / -1;justify-content:center}}@media(max-width:480px){body:has(.wa-fab) #challenge-bulanan .topten-list li{padding-right:40px}}@media(min-width:481px){body:has(.wa-fab) #challenge-bulanan .topten-list li{padding-right:calc(12px + max(0px,min(185px - 4vw,737px - 50vw)))}}.ch-landing .chl-origin{display:block;color:var(--toska-teks);font-weight:600}.chl-prizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.chl-prize{min-width:0;padding:12px 16px;border-radius:var(--radius-md);background:var(--sawah-soft);border:2px solid var(--sawah)}.chl-prize.is-champion{background:var(--kunyit-soft);border-color:var(--kunyit)}.chl-prize strong{display:block;font-family:var(--font-display);font-weight:400;font-size:1.05rem}.chl-prize ul{margin:6px 0 0;padding-left:1.2em;overflow-wrap:anywhere}.chl-rules{margin-top:12px;padding:12px 16px;border-radius:var(--radius-md);background:var(--c-soft)}.chl-rules summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.chl-rules ol{margin:8px 0 0;padding-left:1.2em;display:grid;gap:6px}.ch-landing .chl-formula{display:block;color:var(--malam-muted);font-weight:600}.topten-live.is-soon{color:var(--malam-muted)}.vid-grid,.art-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.vid-item,.art-card{display:flex;flex-direction:column;min-width:0;background:var(--kertas);border:2px solid var(--s-line);border-radius:22px;overflow:hidden;box-shadow:0 5px 0 var(--s-line)}.vid-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;background:var(--s-sky-soft);cursor:pointer;overflow:hidden}.vid-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.vid-thumb:hover img{transform:scale(1.04)}.vid-thumb:focus-visible{outline:4px solid var(--s-sun);outline-offset:-4px}.vid-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:68px;height:68px;border-radius:999px;border:2px solid var(--s-line);background:var(--s-coral);color:var(--s-on-strong);box-shadow:0 4px 0 var(--s-line)}.vid-meta{display:grid;gap:4px;padding:12px 16px 16px}.vid-meta strong{font-size:1.08rem;line-height:1.3;overflow-wrap:anywhere}.vid-meta span{color:var(--s-muted);font-size:.95rem;line-height:1.45}.vid-dialog{position:relative;width:min(1000px,100%);display:grid;gap:12px}.vid-frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);border-radius:16px;overflow:hidden;background:var(--awan-2)}.vid-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vid-caption{margin:0;display:grid;gap:4px;text-align:center;color:var(--malam)}.vid-caption span{color:var(--malam-muted)}.art-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.art-card-link:focus-visible{outline:4px solid var(--s-sun);outline-offset:-4px}.art-cover{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--s-grape-soft),var(--s-sky-soft));overflow:hidden}.art-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.art-card-link:hover .art-cover img{transform:scale(1.04)}.art-card-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 18px 18px}.art-card-body time{color:var(--s-muted);font-size:.9rem}.site-section .art-card-body h3,.art-card-body h2,.art-card-body h3{margin:0;font-size:1.2rem;line-height:1.3;text-align:left;overflow-wrap:anywhere}.art-card-body p{margin:0;color:var(--s-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.art-more{margin-top:auto;padding-top:6px;color:var(--s-grape);font-weight:800}.art-foot{display:flex;justify-content:center;margin-top:28px}.art-page{max-width:1200px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,48px) clamp(40px,6vw,72px)}.art-page>h1{text-align:center;font-size:clamp(1.9rem,4.5vw,2.8rem);margin:8px 0}.art-crumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--s-muted);font-weight:700}.art-crumbs a{color:var(--s-grape)}.art-status{text-align:center;color:var(--s-muted);font-size:1.1rem}.art-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:32px}.art-pager .site-btn:disabled{opacity:.45;cursor:default;transform:none}.art-detail{--art-col: 720px;display:grid;gap:20px}.art-crumbs .art-crumb-here{max-width:min(46ch,60vw);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--s-ink)}.art-full{display:grid;gap:clamp(20px,3vw,32px);min-width:0}.art-full>*{width:100%;max-width:var(--art-col);margin-inline:auto}.art-head{display:grid;gap:12px;padding-top:clamp(4px,2vw,16px)}.art-kicker{justify-self:start;padding:4px 12px;border-radius:999px;background:var(--s-grape-soft);color:var(--s-grape);font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.art-full h1{margin:0;font-size:clamp(1.75rem,4.2vw,2.7rem);line-height:1.15;letter-spacing:-.01em;overflow-wrap:anywhere}.art-lead{margin:0;font-size:clamp(1.05rem,2.2vw,1.2rem);color:var(--s-muted);line-height:1.6}.art-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:14px 0;border-block:1px solid transparent;border-block:1px solid color-mix(in srgb,var(--s-line) 14%,transparent)}.art-meta-info{display:inline-flex;flex-wrap:wrap;gap:8px;color:var(--s-muted);font-weight:700;font-size:.95rem}.art-share{display:inline-flex;align-items:center;gap:8px}.art-share-label{color:var(--s-muted);font-weight:700;font-size:.9rem}.art-share-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid transparent;border:2px solid color-mix(in srgb,var(--s-line) 18%,transparent);border-radius:999px;background:var(--kertas);color:var(--s-ink);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.art-share-btn:hover{background:var(--s-grape);border-color:var(--s-grape);color:var(--on-gonjong)}.art-share-btn:focus-visible{outline:3px solid var(--s-sun);outline-offset:2px}.art-share-note{min-width:0;color:var(--s-leaf);font-weight:700;font-size:.9rem}.art-full>.art-gallery{max-width:960px;margin:0 auto}.art-gallery{display:grid;gap:12px}.art-gallery-stage{position:relative;overflow:hidden;border-radius:24px;background:var(--s-grape-soft);box-shadow:0 18px 40px -24px var(--bayangan);touch-action:pan-y}.art-gallery-stage:focus-visible{outline:4px solid var(--s-sun);outline-offset:3px}.art-gallery-track{display:flex;transition:transform .45s cubic-bezier(.22,1,.36,1)}.art-gallery-slide{position:relative;flex:0 0 100%;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate}.art-gallery-slide:before{content:"";position:absolute;inset:-24px;z-index:-1;background:var(--bg) center / cover no-repeat;filter:blur(22px) saturate(1.2);opacity:.55}.art-gallery-slide img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.art-gallery-nav{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:999px;background:var(--kertas);background:color-mix(in srgb,var(--kertas) 92%,transparent);color:var(--s-ink);box-shadow:var(--shadow-kartu);cursor:pointer;transition:transform .15s,background .15s}.art-gallery-nav:hover{background:var(--kertas);transform:scale(1.06)}.art-gallery-nav:focus-visible{outline:3px solid var(--s-sun);outline-offset:2px}.art-gallery-nav.is-prev{left:14px}.art-gallery-nav.is-next{right:14px}.art-gallery-count{position:absolute;right:14px;bottom:14px;padding:4px 12px;border-radius:999px;background:var(--kertas);background:color-mix(in srgb,var(--kertas) 88%,transparent);color:var(--malam);font-size:.85rem;font-weight:800;font-variant-numeric:tabular-nums}.art-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}.art-gallery-thumb{flex:0 0 auto;width:88px;aspect-ratio:4 / 3;padding:0;border:3px solid transparent;border-radius:12px;overflow:hidden;background:var(--s-grape-soft);opacity:.6;cursor:pointer;transition:opacity .15s,border-color .15s}.art-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}.art-gallery-thumb:hover,.art-gallery-thumb.is-on{opacity:1}.art-gallery-thumb.is-on{border-color:var(--s-grape)}.art-gallery-thumb:focus-visible{outline:3px solid var(--s-sun);outline-offset:2px}.art-body{font-size:clamp(1.02rem,1.6vw,1.12rem);line-height:1.8;overflow-wrap:anywhere}.art-body h2{font-size:clamp(1.25rem,2.6vw,1.5rem);line-height:1.3;margin:32px 0 10px;text-align:left}.art-body p{margin:0 0 18px}.art-body ul{margin:0 0 18px;padding-left:1.4em}.art-body li::marker{color:var(--s-grape)}.art-body li+li{margin-top:8px}.art-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:clamp(18px,3vw,28px);border-radius:24px;background:linear-gradient(135deg,var(--s-grape-soft),var(--s-sky-soft))}.art-cta strong{display:block;font-size:1.2rem}.art-cta p{margin:4px 0 0;color:var(--s-muted);line-height:1.5}.art-cta>div:first-child{flex:1 1 260px}.art-cta-actions{display:flex;flex-wrap:wrap;gap:10px}.art-more-sec{margin-top:clamp(24px,5vw,48px);padding-top:clamp(24px,4vw,40px);border-top:1px solid transparent;border-top:1px solid color-mix(in srgb,var(--s-line) 14%,transparent)}.art-more-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:18px}.art-more-head h2{margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.art-more-all{color:var(--s-grape);font-weight:800}.art-missing{justify-items:center;text-align:center}.art-missing .art-crumbs{justify-self:start}.art-skeleton{display:grid;gap:14px;width:100%;max-width:720px;margin:12px auto 0}.sk-line,.sk-block{display:block;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--awan-2) 25%,var(--kertas-2) 50%,var(--awan-2) 75%);background-size:200% 100%;animation:sk-shine 1.2s linear infinite}.sk-line.tall{height:36px}.sk-line.w40{width:40%}.sk-line.w70{width:70%}.sk-line.w90{width:90%}.sk-block{height:auto;aspect-ratio:16 / 9;border-radius:24px;margin-top:8px}@keyframes sk-shine{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.art-gallery-track{transition:none}.sk-line,.sk-block{animation:none}}@media(max-width:640px){.vid-grid,.art-grid{gap:16px}.vid-play{width:56px;height:56px}.art-gallery-stage{border-radius:18px}.art-gallery-slide{aspect-ratio:4 / 3}.art-gallery-nav{width:40px;height:40px}.art-gallery-nav.is-prev{left:8px}.art-gallery-nav.is-next{right:8px}.art-gallery-thumb{width:68px}.art-cta-actions,.art-cta-actions .site-btn{width:100%}.art-cta-actions .site-btn{justify-content:center;text-align:center}}.art-detail>.art-crumbs{width:100%;max-width:960px;margin-inline:auto}.site,.auth-page{--s-bg: var(--awan);--s-ink: var(--malam);--s-muted: var(--malam-muted);--s-grape: var(--gonjong);--s-grape-soft: var(--gonjong-soft);--s-sun: var(--kunyit);--s-sun-soft: var(--kunyit-soft);--s-coral: var(--jeruk);--s-coral-soft: var(--jeruk-soft);--s-sky: var(--langit);--s-sky-soft: var(--langit-soft);--s-leaf: var(--sawah);--s-leaf-soft: var(--sawah-soft);--s-teal: var(--toska);--s-teal-soft: var(--toska-soft);--s-line: var(--garis-tegas);--s-radius: var(--radius-lg);--s-font: var(--font-body);--s-on-strong: var(--on-gonjong)}.site{min-height:100vh;background:var(--s-bg);color:var(--s-ink);font-family:var(--s-font);overflow-x:hidden}.site *,.auth-page *{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.decor{display:block}.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:var(--radius-md);background:var(--gonjong);color:var(--on-gonjong);font-family:var(--font-display);font-weight:400;font-size:1.05rem;letter-spacing:.01em;text-decoration:none;border:0;box-shadow:var(--shadow-tekan) var(--gonjong-tekan);transition:transform .08s,box-shadow .08s;white-space:nowrap}.site-btn:hover{transform:translateY(-2px)}.site-btn:active{transform:translateY(5px);box-shadow:none}.site-btn:focus-visible,.site a:focus-visible,.site-burger:focus-visible{outline:3px solid var(--kunyit);outline-offset:3px}.site-btn.big{min-height:64px;padding:0 30px;font-size:1.15rem}.site-btn.alt{background:var(--kunyit);color:var(--on-kunyit);box-shadow:var(--shadow-tekan) var(--kunyit-tekan)}.site-btn.ghost{background:var(--kertas);color:var(--malam);box-shadow:inset 0 0 0 2px var(--garis-tegas),var(--shadow-tekan) var(--garis-tegas)}.site-btn.ghost.light{background:transparent;color:var(--on-gonjong);box-shadow:inset 0 0 0 2px currentColor,var(--shadow-tekan) var(--gonjong-tekan)}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,4vw,48px);background:var(--awan);background:color-mix(in srgb,var(--awan) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--garis)}.site-brand{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:1.35rem;color:var(--s-ink);text-decoration:none}.site-brand.on-dark{color:inherit}.site-menu{display:flex;align-items:center;gap:6px}.site-menu>a:not(.site-btn){color:var(--s-ink);font-weight:800;text-decoration:none;padding:10px 12px;border-radius:12px}.site-menu>a:not(.site-btn):hover{background:var(--s-grape-soft)}.site-menu .site-btn{margin-left:6px}.site-burger{display:none;width:48px;height:48px;border-radius:14px;border:2px solid var(--s-line);background:var(--kertas);color:var(--s-ink);cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,48px);max-width:1200px;margin:0 auto;padding:clamp(24px,6vw,72px) clamp(16px,4vw,48px)}.hero-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 14px;border-radius:999px;background:var(--kertas);border:2px solid var(--s-line);font-weight:800}.hero h1{margin:0;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.05;letter-spacing:-.02em}.hero h1 .hl{display:inline;background:linear-gradient(transparent 58%,var(--s-sun) 58%);background:linear-gradient(transparent 58%,color-mix(in srgb,var(--s-sun) 55%,transparent) 58%);padding:0 4px}.hero-lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55;color:var(--s-muted);max-width:34em;margin:18px 0 24px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;margin:28px 0 0;font-weight:700;color:var(--s-muted)}.hero-facts strong{font-size:1.6rem;color:var(--s-ink);margin-right:4px}.hero-art{position:relative;aspect-ratio:1 / .92;min-height:300px}.hero-blob{position:absolute;inset:8% 6% 4%;background:radial-gradient(circle at 35% 35%,var(--kertas),var(--kunyit-soft) 70%);border-radius:46% 54% 58% 42%/48% 42% 58% 52%;box-shadow:var(--shadow-kartu)}.hero-momo{position:absolute;left:50%;top:50%;translate:-50% -50%}.hero-momo svg{width:clamp(150px,26vw,230px);height:auto}.hero-cloud-1{position:absolute;top:2%;left:-2%}.hero-cloud-2{position:absolute;bottom:12%;right:-4%}.hero-star-1{position:absolute;top:10%;right:12%}.hero-star-2{position:absolute;bottom:22%;left:8%}.hero-cards{position:absolute;bottom:2%;left:50%;translate:-50% 0;display:flex;gap:8px}.hero-blocks{position:absolute;top:16%;left:4%}.hero-bubble{position:absolute;top:22%;right:0;display:flex;flex-direction:column;background:var(--kertas);border:2px solid var(--s-line);border-radius:20px 20px 20px 4px;padding:8px 14px;box-shadow:0 4px 0 var(--s-line);font-size:.95rem}.hero-bubble strong{color:var(--s-leaf)}.site-section{max-width:1200px;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(16px,4vw,48px)}.site-section h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 8px;text-align:center}.section-lead{text-align:center;color:var(--s-muted);font-size:1.1rem;margin:0 auto 28px;max-width:40em}.tone-grape{--tone: var(--s-grape);--tone-soft: var(--s-grape-soft);--tone-text: var(--gonjong-teks);--tone-on: var(--on-gonjong)}.tone-sun{--tone: var(--kunyit-tekan);--tone-soft: var(--s-sun-soft);--tone-text: var(--kunyit-teks);--tone-on: var(--on-kunyit)}.tone-coral{--tone: var(--s-coral);--tone-soft: var(--s-coral-soft);--tone-text: var(--jeruk-teks);--tone-on: var(--s-on-strong)}.tone-sky{--tone: var(--s-sky);--tone-soft: var(--s-sky-soft);--tone-text: var(--langit-teks);--tone-on: var(--s-on-strong)}.tone-leaf{--tone: var(--s-leaf);--tone-soft: var(--s-leaf-soft);--tone-text: var(--sawah-teks);--tone-on: var(--on-sawah)}.tone-teal{--tone: var(--s-teal);--tone-soft: var(--s-teal-soft);--tone-text: var(--toska-teks);--tone-on: var(--s-on-strong)}.tone-jepang{--tone: var(--dunia-jepang);--tone-soft: var(--dunia-jepang-soft);--tone-text: var(--dunia-jepang);--tone-on: var(--on-langit)}.door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.door{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--tone-soft);border:2px solid var(--s-line);border-radius:var(--s-radius);box-shadow:0 8px 0 var(--tone)}.door h3{margin:4px 0 0;font-size:1.5rem}.door p{margin:0;line-height:1.5;flex:1}.door-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.door .site-btn:not(.ghost){background:var(--tone);color:var(--tone-on);box-shadow:var(--shadow-tekan) var(--tone);box-shadow:var(--shadow-tekan) color-mix(in srgb,var(--tone) 68%,black)}.news-kicker{margin:0 auto 6px;width:fit-content;padding:4px 14px;border:2px solid var(--s-line);border-radius:999px;background:var(--s-sun);color:var(--on-kunyit);font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.news-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.news-grid.is-single{grid-template-columns:minmax(0,640px);justify-content:center}.news-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;border:2px solid var(--s-line);border-radius:var(--s-radius);min-width:0}.news-card h3{margin:0;font-size:1.5rem}.news-card p{margin:0;line-height:1.55}.news-aff{background:linear-gradient(140deg,var(--gonjong) 0%,var(--gonjong) 100%);background:linear-gradient(140deg,var(--gonjong) 0%,color-mix(in srgb,var(--gonjong) 70%,var(--jeruk)) 100%);color:var(--on-gonjong);box-shadow:0 8px 0 var(--gonjong-tekan)}.news-kids{background:var(--s-leaf-soft);box-shadow:0 8px 0 var(--s-leaf)}.news-jp{grid-column:1 / -1;flex-direction:row;align-items:flex-start;gap:20px;background:var(--dunia-jepang-soft);box-shadow:0 8px 0 var(--dunia-jepang)}.news-jp-body{display:flex;flex-direction:column;gap:12px;min-width:0}.news-jp .news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}.news-jp .news-actions .site-btn{background:var(--dunia-jepang);color:var(--on-langit);box-shadow:var(--shadow-tekan) var(--dunia-jepang);box-shadow:var(--shadow-tekan) color-mix(in srgb,var(--dunia-jepang) 60%,var(--malam))}@media(max-width:700px){.news-jp{flex-direction:column}.news-jp .news-list{grid-template-columns:minmax(0,1fr)}}.news-badge{align-self:flex-start;padding:3px 12px;border:2px solid var(--s-line);border-radius:999px;background:var(--s-sun);color:var(--on-kunyit);font-weight:900;font-size:.85rem}.news-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 0;padding:0;list-style:none}.news-steps li{display:grid;align-content:start;gap:4px;padding:14px;border-radius:18px;background:transparent;background:color-mix(in srgb,var(--on-gonjong) 14%,transparent);border:2px solid var(--on-gonjong);border:2px solid color-mix(in srgb,var(--on-gonjong) 35%,transparent)}.news-steps strong{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.news-steps span{font-size:.95rem;line-height:1.4}.news-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.news-actions .site-btn{max-width:100%;white-space:normal;text-align:center}.news-aff .site-btn{background:var(--kertas);color:var(--malam);box-shadow:var(--shadow-tekan) var(--gonjong-tekan)}.news-aff .site-btn.ghost{background:transparent;color:var(--on-gonjong);box-shadow:inset 0 0 0 2px currentColor,var(--shadow-tekan) var(--gonjong-tekan)}.news-note{opacity:.9;line-height:1.45}.news-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.news-list li{position:relative;padding-left:26px;font-weight:700;line-height:1.45}.news-list li:before{content:"";position:absolute;left:4px;top:.4em;width:12px;height:12px;border-radius:50%;background:var(--s-leaf)}@media(max-width:860px){.news-grid,.news-steps{grid-template-columns:minmax(0,1fr)}.news-actions .site-btn{width:100%;justify-content:center}.news-card{padding:20px}}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.book-card{position:relative;padding:22px 22px 22px 34px;background:var(--kertas);border:2px solid var(--s-line);border-radius:10px 24px 24px 10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.book-spine{position:absolute;inset:0 auto 0 0;width:16px;background:var(--tone);border-right:2px solid var(--s-line)}.book-card h3{margin:4px 0 0;font-size:1.3rem}.book-card p{margin:0;color:var(--s-muted)}.book-age{font-weight:800;color:var(--tone-text)!important}.book-levels{align-self:flex-start;margin-top:8px;padding:4px 12px;border-radius:999px;background:var(--tone-soft);font-weight:800}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.subject-card{display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--kertas);border:2px solid var(--s-line);border-top:12px solid var(--tone);border-radius:24px}.subject-head{display:flex;align-items:center;gap:14px}.subject-head h4{margin:0;font-size:1.4rem}.subject-group+.subject-group{margin-top:36px}.subject-group-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:1.25rem;color:var(--s-muted)}.subject-group-title:after{content:"";flex:1;height:2px;background:var(--s-line)}.subject-note a{color:inherit;font-weight:800;overflow-wrap:anywhere}.subject-meta{margin:2px 0 0;color:var(--s-muted);font-weight:700}.subject-books,.subject-refs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.subject-books li{padding:4px 12px;border-radius:999px;background:var(--tone-soft);font-weight:800;font-size:.9rem}.subject-refs-title{margin:4px 0 0;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--s-muted)}.subject-refs{flex-direction:column;gap:6px}.subject-refs li{position:relative;padding-left:22px;font-weight:700;line-height:1.4}.subject-refs li:before{content:"";position:absolute;left:4px;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--tone)}.subject-note{margin:0;padding:10px 12px;border-radius:14px;background:var(--tone-soft);font-weight:700;font-size:.95rem}.subjects-disclaimer{max-width:52em;margin:20px auto 0;text-align:center;color:var(--s-muted);font-size:.85rem}.how-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:none}.how-step{position:relative;padding:44px 20px 20px;background:var(--kertas);border:2px solid var(--s-line);border-radius:var(--s-radius);text-align:center}.how-step h3{margin:0 0 6px}.how-step p{margin:0;color:var(--s-muted)}.how-num{position:absolute;top:-26px;left:50%;translate:-50% 0;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--s-line);font-size:1.6rem;font-weight:900;color:var(--s-on-strong)}.step-1 .how-num{background:var(--s-grape);color:var(--on-gonjong)}.step-2 .how-num{background:var(--s-coral)}.step-3 .how-num{background:var(--s-sky)}.step-4 .how-num{background:var(--s-leaf);color:var(--on-sawah)}.champions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;background:var(--s-sun-soft);border:2px solid var(--s-line);border-radius:40px;margin-top:24px;margin-bottom:24px;width:calc(100% - (2*clamp(16px,4vw,48px)))}.champions h2{text-align:left}.champ-text p{font-size:1.1rem;line-height:1.55;color:var(--s-muted)}.check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-weight:800}.check-list li{display:flex;align-items:center;gap:10px}.mini-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px}.mp{display:flex;flex-direction:column;align-items:center}.mp span{display:grid;place-items:center;width:96px;border:2px solid var(--s-line);border-bottom:0;border-radius:16px 16px 0 0;font-size:2rem;font-weight:900}.mp-1 span{height:130px;background:var(--s-sun);color:var(--on-kunyit)}.mp-2 span{height:90px;background:var(--garis);color:var(--malam)}.mp-3 span{height:66px;background:var(--jeruk);color:var(--s-on-strong)}.safe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.safe-item{padding:20px;border-radius:var(--s-radius);background:var(--kertas);border:3px solid var(--garis)}.safe-item h3{margin:10px 0 4px}.safe-item p{margin:0;color:var(--s-muted);line-height:1.5}.cta-band{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center;max-width:1104px;margin:24px auto 48px;padding:28px clamp(20px,4vw,40px);width:calc(100% - (2*clamp(16px,4vw,48px)));background:var(--s-grape);color:var(--on-gonjong);border:0;border-radius:40px;box-shadow:0 10px 0 var(--gonjong-tekan)}.cta-band>div:not(.hero-cta){flex:1;min-width:220px}.cta-band h2{margin:0 0 4px;font-size:clamp(1.5rem,3.5vw,2.2rem)}.cta-band p{margin:0;opacity:.9}.cta-band .site-btn:not(.ghost){background:var(--s-sun);color:var(--on-kunyit);box-shadow:var(--shadow-tekan) var(--kunyit-tekan)}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px clamp(16px,4vw,48px);border-top:1px solid var(--garis);color:var(--s-muted);font-weight:700}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{color:var(--s-ink)}.site-credit{flex-basis:100%;margin:0;font-size:.85rem;font-weight:600}.float-a{animation:floatA 5s ease-in-out infinite}.float-b{animation:floatB 6s ease-in-out infinite}.spin{animation:spin 14s linear infinite}@keyframes floatA{50%{transform:translateY(-10px)}}@keyframes floatB{50%{transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.float-a,.float-b,.spin{animation:none}.site-btn{transition:none}}.auth-page{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:100vh;background:var(--s-bg)}.auth-art{position:relative;overflow:hidden;padding:24px clamp(20px,4vw,48px);color:var(--on-gonjong);display:flex;flex-direction:column;background:var(--s-grape);font-family:var(--s-font)}.auth-parent .auth-art{background:linear-gradient(160deg,var(--sawah),var(--sawah));background:linear-gradient(160deg,color-mix(in srgb,var(--sawah) 82%,var(--malam)),var(--sawah));color:var(--on-sawah)}.auth-staff .auth-art{background:linear-gradient(160deg,var(--langit),var(--langit));background:linear-gradient(160deg,color-mix(in srgb,var(--langit) 82%,var(--malam)),var(--langit));color:var(--s-on-strong)}.auth-art:after{content:"";position:absolute;width:420px;height:420px;right:-160px;bottom:-160px;border-radius:50%;background:transparent;background:color-mix(in srgb,var(--kertas) 12%,transparent)}.auth-hero{position:relative;z-index:1;margin:auto 0;padding:32px 0;max-width:440px}.auth-momo{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:var(--kertas);box-shadow:var(--shadow-kartu);margin-bottom:20px}.auth-cloud{position:absolute;top:0;right:6%;opacity:.9}.auth-star{position:absolute;top:140px;left:200px}.auth-card-1{position:absolute;top:40px;left:210px}.auth-card-2{position:absolute;top:170px;left:150px}.auth-hero h2{font-size:clamp(1.8rem,3.5vw,2.5rem);margin:0 0 8px;line-height:1.1}.auth-hero>p{font-size:1.15rem;margin:0 0 18px;opacity:.95}.auth-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.auth-points li{display:flex;align-items:center;gap:12px;font-weight:700;background:transparent;background:color-mix(in srgb,var(--kertas) 16%,transparent);border-radius:16px;padding:8px 12px}.auth-points .site-icon{flex:none;background:var(--kertas);border-radius:12px;padding:3px}.auth-main{display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}.auth-wrap{width:min(100%,520px);display:flex;flex-direction:column;gap:16px}.auth-wrap .ui-card{border-radius:var(--radius-lg);border:1px solid var(--garis);box-shadow:var(--shadow-kartu);padding:clamp(18px,3vw,28px)}.auth-wrap .ui-btn-primary{min-height:48px;border-radius:var(--radius-md);border:0;box-shadow:var(--shadow-tekan) var(--gonjong-tekan)}.auth-wrap .ui-btn-primary:not(:disabled):active{transform:translateY(5px);box-shadow:none}.auth-parent .ui-btn-primary{background:var(--s-leaf);color:var(--on-sawah);box-shadow:var(--shadow-tekan) var(--sawah);box-shadow:var(--shadow-tekan) color-mix(in srgb,var(--sawah) 68%,black)}.auth-staff .ui-btn-primary{background:var(--langit);color:var(--s-on-strong);box-shadow:var(--shadow-tekan) var(--langit);box-shadow:var(--shadow-tekan) color-mix(in srgb,var(--langit) 68%,black)}.auth-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-weight:700}.auth-note{margin:14px 0 0}.stepper{list-style:none;display:flex;align-items:center;gap:0;padding:0;margin:0 0 12px;font-family:var(--s-font, system-ui)}.stepper li{display:flex;align-items:center;gap:8px;flex:1;font-weight:700;color:var(--malam-muted);min-width:0}.stepper li:not(:last-child):after{content:"";flex:1;height:4px;min-width:12px;border-radius:999px;background:var(--garis);margin-right:8px}.stepper li.is-done:after{background:var(--sawah)}.stepper-dot{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--garis-tegas);background:var(--kertas);font-weight:900}.stepper li.is-current{color:var(--malam)}.stepper li.is-current .stepper-dot{border-color:var(--gonjong);background:var(--gonjong);color:var(--on-gonjong)}.stepper li.is-done .stepper-dot{border-color:var(--sawah);background:var(--sawah);color:var(--on-sawah)}.stepper-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1020px){.how-steps,.safe-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.site-burger{display:inline-grid;place-items:center}.site-menu{display:none;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:var(--kertas);border:1px solid var(--garis);border-radius:20px;box-shadow:var(--shadow-kartu)}.site-menu.is-open{display:flex}.site-menu .site-btn{margin:4px 0 0}.hero{grid-template-columns:1fr;text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-cta,.hero-facts{justify-content:center}.hero-art{max-width:460px;width:100%;margin:0 auto;order:-1;min-height:260px}.door-grid{grid-template-columns:1fr}.champions{grid-template-columns:1fr;text-align:center}.champions h2{text-align:center}.check-list li{justify-content:center}.auth-page{grid-template-columns:1fr}.auth-art{padding-bottom:8px}.auth-hero{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;padding:16px 0 12px;max-width:none}.auth-momo{width:110px;height:110px;margin:0;grid-row:span 2}.auth-momo svg{width:90px;height:auto}.auth-hero h2{font-size:1.6rem}.auth-hero>p{margin:0}.auth-points,.auth-cloud,.auth-star,.auth-card-1,.auth-card-2{display:none}}@media(max-width:600px){.book-grid,.how-steps,.safe-grid{grid-template-columns:1fr}.hero-cta .site-btn{flex:1 1 100%}.hero-bubble,.hero-blocks,.stepper-label{display:none}.stepper li.is-current .stepper-label{display:inline}.cta-band{text-align:center}.mp span{width:72px}}@media(max-width:600px){.stepper li.is-current{flex:2.2}}.book-card.is-skeleton{min-height:170px;background:linear-gradient(90deg,var(--kertas) 0%,var(--awan-2) 50%,var(--kertas) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.book-card.is-skeleton{animation:none}}.book-slider{position:relative}.book-slider-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.book-slider-count{font-weight:800;color:var(--s-muted)}.book-slider-nav{display:flex;gap:8px}.slider-btn{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--s-line);background:var(--kertas);color:var(--s-ink);box-shadow:0 4px 0 var(--s-line);cursor:pointer}.slider-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.slider-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--s-line)}.slider-btn:focus-visible,.book-dot:focus-visible{outline:4px solid var(--s-sun);outline-offset:2px}.book-pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 2px 12px}.book-pages::-webkit-scrollbar{display:none}.book-page{flex:0 0 100%;scroll-snap-align:start;min-width:0;padding:0 2px;box-sizing:border-box}.book-page .book-grid{align-content:start}.book-dots{display:flex;justify-content:center;gap:10px;margin-top:12px}.book-dot{width:14px;height:14px;padding:0;border-radius:999px;border:2px solid var(--s-line);background:var(--kertas);cursor:pointer;transition:width .2s}.book-dot.is-on{width:36px;background:var(--s-grape)}.book-dot{position:relative}.book-dot:after{content:"";position:absolute;inset:-15px -6px}.live-chip{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:6px 14px;border-radius:999px;background:var(--kertas);border:2px solid var(--garis);font-weight:700;color:var(--s-muted)}.live-chip strong{color:var(--s-ink)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--garis-tegas);flex:none}.live-chip.is-live .live-dot{background:var(--sawah);box-shadow:0 0 0 0 var(--sawah);box-shadow:0 0 color-mix(in srgb,var(--sawah) 60%,transparent);animation:live-pulse 1.8s infinite}@keyframes live-pulse{70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.book-pages{scroll-behavior:auto}.live-chip.is-live .live-dot{animation:none}.book-dot{transition:none}}@media(max-width:900px){.live-chip{justify-content:center;flex-wrap:wrap;text-align:center}}.book-pages{padding:6px 0 14px;scroll-padding:0}.book-page{padding:0 6px;overflow:hidden}.book-pages{align-items:flex-start;transition:height .25s ease}@media(prefers-reduced-motion:reduce){.book-pages{transition:none}}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}@media(max-width:960px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.price-grid{grid-template-columns:minmax(0,1fr)}}.price-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--kertas);border:2px solid var(--s-line);border-radius:var(--s-radius);box-shadow:0 8px 0 var(--s-grape)}.price-card.is-free{background:var(--s-leaf-soft);box-shadow:0 8px 0 var(--s-leaf)}.price-card h3{margin:0;font-size:1.4rem}.price-card ul{margin:0;padding-left:20px;line-height:1.6;flex:1}.price-card p{margin:0}.price-amount{font-size:2rem;font-weight:800}.price-amount s{font-size:1.1rem;font-weight:600;color:var(--s-muted)}.price-term{color:var(--s-muted);font-weight:600}.price-badge{position:absolute;top:-14px;right:18px;padding:4px 12px;border:2px solid var(--s-line);border-radius:999px;background:var(--s-sun);color:var(--on-kunyit);font-weight:800}.price-card .site-btn{align-self:flex-start}.price-note{margin:20px auto 0;max-width:70ch;text-align:center;color:var(--s-muted)}.topten-card{background:var(--kertas);border:2px solid var(--s-line);border-radius:var(--s-radius);padding:clamp(14px,3vw,24px);box-shadow:0 8px 0 var(--s-line)}.topten-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:var(--s-muted)}.topten-live{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--s-leaf)}.topten-dot{width:12px;height:12px;border-radius:50%;background:var(--s-leaf);box-shadow:0 0 0 0 var(--sawah);box-shadow:0 0 color-mix(in srgb,var(--sawah) 50%,transparent);animation:topten-pulse 1.8s ease-out infinite}@keyframes topten-pulse{to{box-shadow:0 0 0 10px transparent}}@media(prefers-reduced-motion:reduce){.topten-dot{animation:none}}.topten-scroll{overflow-x:auto}.topten-table{width:100%;border-collapse:collapse;font-size:1.02rem;font-variant-numeric:tabular-nums}.topten-table th,.topten-table td{padding:8px 10px;text-align:right;white-space:nowrap}.topten-table thead th{font-size:.85rem;color:var(--s-muted);border-bottom:2px solid var(--s-line)}.topten-table th:nth-child(1),.topten-table td:nth-child(1),.topten-table th:nth-child(2),.topten-table tbody th{text-align:left}.topten-table tbody tr+tr{border-top:2px dashed var(--garis)}.topten-name{display:inline-flex;align-items:center;gap:10px;font-weight:800}.topten-pos{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--s-line);font-weight:900;background:var(--s-grape-soft)}.topten-table tr.is-1 .topten-pos{background:var(--s-sun);color:var(--on-kunyit)}.topten-table tr.is-2 .topten-pos{background:var(--garis)}.topten-table tr.is-3 .topten-pos{background:var(--jeruk-soft);color:var(--jeruk-teks)}.topten-points{font-weight:900;color:var(--gonjong-teks)}.topten-empty,.topten-note{color:var(--s-muted);text-align:center}.topten-note{font-size:.9rem;margin:12px 0 0}.topten-tabs,.topten-periods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.topten-tab,.topten-period{min-height:44px;padding:8px 16px;border:2px solid var(--garis-tegas);border-radius:var(--radius-md);background:var(--kertas);color:var(--malam);font:inherit;font-weight:800;cursor:pointer}.topten-period{min-height:44px;padding:6px 14px;font-weight:700;border-color:var(--garis)}.topten-tab.is-on{background:var(--gonjong);border-color:var(--gonjong);color:var(--on-gonjong)}.topten-period.is-on{background:var(--kunyit);border-color:var(--kunyit-tekan);color:var(--on-kunyit)}.mt-kkm{display:inline-block;margin-top:2px;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:800;color:var(--sawah-teks);background:var(--sawah-soft);border:1px solid var(--sawah);border:1px solid color-mix(in srgb,var(--sawah) 40%,transparent);vertical-align:middle}.topten-podium{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px}.tp-spot{display:grid;justify-items:center;gap:2px;text-align:center;min-width:0}.tp-spot.is-empty{visibility:hidden}.tp-crown{font-size:1.6rem;line-height:1;color:var(--kunyit-tekan)}.tp-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.tp-metric{font-weight:900;color:var(--langit-teks)}.tp-detail{color:var(--malam-muted);font-weight:600;font-size:.8rem}.tp-block{width:100%;margin-top:6px;display:grid;place-items:center;border:2px solid var(--garis-tegas);border-bottom:0;border-radius:14px 14px 0 0;font-size:1.8rem;font-weight:900}.tp-spot.place-1 .tp-block{height:96px;background:linear-gradient(var(--kunyit),var(--kunyit-tekan));color:var(--on-kunyit)}.tp-spot.place-2 .tp-block{height:70px;background:linear-gradient(var(--kertas-2),var(--garis));color:var(--malam)}.tp-spot.place-3 .tp-block{height:54px;background:linear-gradient(var(--jeruk),var(--jeruk));background:linear-gradient(var(--jeruk),color-mix(in srgb,var(--jeruk) 82%,var(--malam)));color:var(--s-on-strong)}.topten-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.topten-list li{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--garis);border-radius:14px;background:var(--kertas)}.tl-name{display:grid;min-width:0}.tl-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-name small{color:var(--malam-muted);font-weight:600}.tp-last,.tl-last{display:inline-flex;align-items:center;gap:4px;color:var(--sawah-teks);font-weight:700;font-size:.8rem}.tl-name .tl-last{color:var(--sawah-teks);font-weight:700}.tl-metric{display:grid;justify-items:end;font-weight:900;color:var(--langit-teks);white-space:nowrap}.tp-metric-label,.tl-metric small{color:var(--malam-muted);font-weight:700;font-size:.72rem;letter-spacing:.02em}.tp-metric-label{margin-top:-4px}@media(max-width:560px){.topten-podium{gap:6px}.tp-name{font-size:.9rem}.tp-detail{display:none}.tp-spot.place-1 .tp-block{height:72px}.tp-spot.place-2 .tp-block{height:54px}.tp-spot.place-3 .tp-block{height:42px}.topten-list li{grid-template-columns:auto auto 1fr}.tl-metric{grid-column:3}}.site :is(h1,h2,h3),.auth-page :is(h1,h2){font-family:var(--font-display);font-weight:400;letter-spacing:.01em}.about-name .uk-rebung{max-width:480px;margin:0 auto 20px;border-radius:var(--radius-sm)}.about-name-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin:var(--space-8) 0 0;padding:0;list-style:none}.about-name-card{display:grid;justify-items:center;align-content:start;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--kertas);box-shadow:var(--shadow-kartu);text-align:center}.about-name-icon{display:grid;place-items:center;min-height:72px}.about-name-card h3{margin:0;font-size:22px;line-height:28px;color:var(--malam)}.about-name-card p{margin:0;color:var(--malam-muted);font-size:17px;line-height:26px}.story-offer{display:flex;justify-content:center;margin:-8px auto 8px;padding:0 16px}.story-offer .site-btn{min-height:48px;font-size:.95rem;cursor:pointer}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-in{opacity:1;transform:none}.reveal :is(.door,.how-step,.safe-item,.price-card,.about-name-card,.subject-card,.news-card){opacity:0;translate:0 16px;transition:opacity .5s ease,translate .5s ease}.reveal.is-in :is(.door,.how-step,.safe-item,.price-card,.about-name-card,.subject-card,.news-card){opacity:1;translate:0 0}.reveal.is-in :is(.door,.how-step,.safe-item,.price-card,.about-name-card,.subject-card,.news-card):nth-child(2){transition-delay:.08s}.reveal.is-in :is(.door,.how-step,.safe-item,.price-card,.about-name-card,.subject-card,.news-card):nth-child(3){transition-delay:.16s}.reveal.is-in :is(.door,.how-step,.safe-item,.price-card,.about-name-card,.subject-card,.news-card):nth-child(n+4){transition-delay:.24s}.rebung-divider{max-width:1104px;margin:8px auto;padding:0 clamp(16px,4vw,48px);opacity:.9}.rebung-divider svg{display:block}.rebung-divider .rb-g{fill:var(--gonjong)}.rebung-divider .rb-k{fill:var(--kunyit)}.rebung-divider .rb-line{fill:var(--ilustrasi-garis)}.reveal.is-in .topten-podium .tp-spot{animation:podiumRise .6s ease both}.reveal.is-in .topten-podium .tp-spot.slot-1{animation-delay:.15s}.reveal.is-in .topten-podium .tp-spot.slot-2{animation-delay:.3s}@keyframes podiumRise{0%{opacity:0;translate:0 24px}}.book-card{transition:transform .25s ease,box-shadow .25s ease}.book-card:not(.is-skeleton):hover,.book-card:not(.is-skeleton):focus-within{transform:perspective(700px) rotateY(-9deg) translateY(-4px);box-shadow:var(--shadow-kartu)}.how-trail{position:relative;height:64px;margin:8px auto 24px;max-width:900px}.how-trail svg{position:absolute;inset:8px 0 0;width:100%;height:48px}.how-trail path{fill:none;stroke:var(--garis-tegas);stroke-width:3;stroke-dasharray:2 10;stroke-linecap:round}.how-walker{position:absolute;top:0;left:0;translate:-50% -10%}.how.is-in .how-walker{animation:howWalk 7s ease-in-out .3s both}@keyframes howWalk{0%{left:2%;top:14px}25%{left:26%;top:0}50%{left:50%;top:10px}75%{left:72%;top:0}to{left:96%;top:4px}}.price-card{transition:transform .2s ease,box-shadow .2s ease}.price-card:hover,.price-card:focus-within{transform:translateY(-4px)}.reveal.is-in .safe-item .site-icon{animation:safeNod 1.1s ease-in-out .4s 1}.safe-item:hover .site-icon{animation:safeNod 1.1s ease-in-out 1}@keyframes safeNod{30%{transform:rotate(-8deg) scale(1.06)}60%{transform:rotate(6deg)}}@media(prefers-reduced-motion:reduce){.reveal,.reveal :is(.door,.how-step,.safe-item,.price-card,.about-name-card,.subject-card,.news-card){opacity:1;transform:none;translate:none;transition:none}.reveal.is-in .topten-podium .tp-spot,.how.is-in .how-walker,.reveal.is-in .safe-item .site-icon,.safe-item:hover .site-icon{animation:none}.book-card,.price-card{transition:none}.book-card:hover,.book-card:focus-within,.price-card:hover,.price-card:focus-within{transform:none}}.books-explore{display:flex;justify-content:center;margin:24px 0 0}.books-explore .site-btn{white-space:normal;text-align:center}.site-menu>a:not(.site-btn){white-space:nowrap}@media(min-width:1180px)and (max-width:1600px){.site-menu{gap:0}.site-menu>a:not(.site-btn){padding:10px 7px}}@media(min-width:1180px)and (max-width:1339px){.site-menu>a:not(.site-btn){padding:10px 5px;font-size:.95rem}.site-menu .site-btn{padding:0 16px}}@media(min-width:901px)and (max-width:1179px){.site-burger{display:inline-grid;place-items:center}.site-menu{display:none;position:absolute;top:100%;right:clamp(16px,4vw,48px);width:min(360px,calc(100% - 32px));flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:var(--kertas);border:1px solid var(--garis);border-radius:20px;box-shadow:var(--shadow-kartu)}.site-menu.is-open{display:flex}.site-menu .site-btn{margin:4px 0 0}}.news-ielts{background:var(--sawah-soft);box-shadow:0 8px 0 var(--sawah)}.news-ielts .news-actions .site-btn{background:var(--sawah);color:var(--on-gonjong);box-shadow:var(--shadow-tekan) var(--sawah);box-shadow:var(--shadow-tekan) color-mix(in srgb,var(--sawah) 60%,var(--malam))}.news-tka{background:var(--toska-soft);box-shadow:0 8px 0 var(--toska)}.news-tka .news-actions .site-btn{background:var(--toska);color:var(--on-toska);box-shadow:var(--shadow-tekan) var(--toska-tekan)}.news-cpns{background:var(--langit-soft);box-shadow:0 8px 0 var(--langit)}.news-cpns .news-actions .site-btn{background:var(--langit);color:var(--on-langit);box-shadow:var(--shadow-tekan) var(--langit-tekan)}.news-calistung{background:var(--sawah-soft);box-shadow:0 8px 0 var(--sawah)}.news-calistung .news-actions .site-btn{background:var(--sawah);color:var(--on-sawah);box-shadow:var(--shadow-tekan) var(--sawah-tekan)}.news-kata{background:var(--jeruk-soft);box-shadow:0 8px 0 var(--jeruk)}.news-kata .news-actions .site-btn{background:var(--jeruk);color:var(--on-jeruk);box-shadow:var(--shadow-tekan) var(--jeruk-tekan)}.books-worlds{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:4px auto 10px}.books-world{--w: var(--gonjong);--w-soft: var(--gonjong-soft);display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:132px;min-height:56px;padding:8px 18px;border:2px solid var(--garis);border-radius:var(--radius-md);background:var(--kertas);color:var(--malam);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.books-world.is-olimpiade{--w: var(--kunyit);--w-soft: var(--kunyit-soft)}.books-world.is-jepang{--w: var(--dunia-jepang);--w-soft: var(--dunia-jepang-soft)}.books-world.is-ielts{--w: var(--sawah);--w-soft: var(--sawah-soft)}.books-world.is-tka{--w: var(--toska);--w-soft: var(--toska-soft)}.books-world.is-cpns{--w: var(--langit);--w-soft: var(--langit-soft)}.books-world.is-calistung{--w: var(--sawah);--w-soft: var(--sawah-soft)}.books-world.is-kata{--w: var(--jeruk);--w-soft: var(--jeruk-soft)}.books-world strong{font-family:var(--font-display);font-weight:400;font-size:1.05rem}.books-world span{font-size:.85rem;color:var(--malam-muted)}.books-world:hover{border-color:var(--w)}.books-world.is-on{border-color:var(--w);background:var(--w-soft);box-shadow:inset 0 -4px 0 var(--w)}.books-world:focus-visible{outline:3px solid var(--kunyit);outline-offset:3px}.books-world-note{max-width:720px;margin:0 auto 14px;text-align:center;color:var(--malam-muted)}@media(max-width:560px){.books-worlds{display:grid;grid-template-columns:1fr 1fr}.books-world{min-width:0}}.hero-start{display:grid;gap:10px}.hero-more{margin:0;font-size:.95rem}.hero-more a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}.hero-more.light{color:var(--on-gonjong)}@media(max-width:720px){.hero-more{text-align:center}}.how-guide{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding:18px 20px;border:2px solid var(--kunyit);border-radius:var(--radius-lg);background:var(--kunyit-soft)}.how-guide>div{flex:1 1 240px}.how-guide h3{margin:0 0 4px}.how-guide p{margin:0}.guide-prompt{position:fixed;z-index:60;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:flex-start;gap:12px;width:min(440px,calc(100vw - 32px));padding:16px 44px 16px 16px;border:2px solid var(--kunyit);border-radius:var(--radius-lg);background:var(--kertas);box-shadow:var(--shadow-kartu);animation:guide-prompt-in .35s ease-out}.guide-prompt-text{display:grid;gap:6px}.guide-prompt-text p{margin:0}.guide-prompt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.guide-prompt-x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}@keyframes guide-prompt-in{0%{opacity:0;transform:translate(-50%,16px)}}@media(prefers-reduced-motion:reduce){.guide-prompt{animation:none}}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2) format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff) format("woff")}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}:root{--awan: #f6f7f8;--kertas: #ffffff;--garis: #dde1e6;--garis-tegas: #7c8696;--malam: #1c2430;--malam-muted: #5a6677;--gonjong: #c8321f;--gonjong-tekan: #8f2214;--gonjong-soft: #feedea;--on-gonjong: #ffffff;--kunyit: #f5b301;--kunyit-tekan: #b88500;--kunyit-soft: #fff2c7;--kunyit-teks: #7a5600;--on-kunyit: #1c2430;--sawah: #167a48;--sawah-soft: #e3f5ea;--dunia-jepang: #1f5fa8;--dunia-jepang-soft: #e6effa;--on-sawah: #ffffff;--awan-2: #eef0f3;--kertas-2: #fafbfc;--bayangan: rgba(28, 36, 48, .12);--overlay: rgba(28, 36, 48, .55);--langit: #1f6fc5;--langit-soft: #e4f0fd;--langit-teks: #17589e;--jeruk: #a94c09;--jeruk-soft: #fff1e5;--jeruk-teks: #8f3f06;--toska: #0e7480;--toska-soft: #e0f3f4;--toska-teks: #0b5f69;--sawah-teks: #136b3f;--gonjong-teks: #b02a19;--sawah-tekan: #0e5232;--on-jeruk: #ffffff;--on-langit: #ffffff;--on-toska: #ffffff;--langit-tekan: #134f8f;--jeruk-tekan: #6e3106;--toska-tekan: #09525b;--ilustrasi-garis: #1c2430;--isi-0: #5a6677;--isi-1: #c8321f;--isi-2: #b04f0c;--isi-3: #8a6400;--isi-4: #167a48;--isi-5: #1f6fc5;--isi-6: #0e7480;--isi-7: #b5179e;--isi-8: #a3324a;--isi-9: #2b7a3d;--isi-10: #6b4f2a;--isi-konsonan: #34495e;--on-isi: #ffffff;--font-display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-body: "Andika", "Segoe UI", system-ui, -apple-system, sans-serif;--font-jp: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans JP", "Noto Sans CJK JP", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-tekan: 0 5px 0 0;--shadow-kartu: 0 6px 20px rgba(28, 36, 48, .1);--touch-anak: 64px}:root[data-theme=dark]{--awan: #151a1f;--kertas: #1e252c;--garis: #2e3740;--garis-tegas: #6a7682;--malam: #eef1f4;--malam-muted: #a9b2bc;--gonjong: #ff6a55;--gonjong-tekan: #b8402f;--gonjong-soft: #3f1a15;--on-gonjong: #1c1210;--kunyit: #ffc93c;--kunyit-tekan: #b88a12;--kunyit-soft: #3d2e08;--kunyit-teks: #ffd36b;--on-kunyit: #1c2430;--sawah: #43c482;--sawah-soft: #123222;--dunia-jepang: #7fb0ec;--dunia-jepang-soft: #142a44;--on-sawah: #0f2418;--awan-2: #10151a;--kertas-2: #252d35;--bayangan: rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .65);--langit: #5aa9ff;--langit-soft: #102638;--langit-teks: #8cc4ff;--jeruk: #ff9b4d;--jeruk-soft: #3d2410;--jeruk-teks: #ffb27a;--toska: #3fc3cf;--toska-soft: #0f2e31;--toska-teks: #6fd6df;--sawah-teks: #6fd9a0;--gonjong-teks: #ff8a78;--sawah-tekan: #2a8a58;--on-jeruk: #1c1210;--on-langit: #0e1a26;--on-toska: #0e1a1b;--langit-tekan: #2f78c9;--jeruk-tekan: #b56220;--toska-tekan: #1f8a94;--isi-0: #a9b2bc;--isi-1: #ff6a55;--isi-2: #ff9b4d;--isi-3: #ffc93c;--isi-4: #43c482;--isi-5: #5aa9ff;--isi-6: #3fc3cf;--isi-7: #f07bd8;--isi-8: #ff8fa3;--isi-9: #8fd694;--isi-10: #d9a86c;--isi-konsonan: #c9d3dd;--on-isi: #151a1f;--shadow-kartu: 0 6px 20px rgba(0, 0, 0, .45);color-scheme:dark}:root,[data-mapel=sains]{--m: #2b7a3d;--m-soft: #e8f5ea;--m-text: #2b7a3d;--on-m: #ffffff;--m-tekan: #1d5a2b}[data-mapel=matematika]{--m: #c8321f;--m-soft: #fdecea;--m-text: #c8321f;--on-m: #ffffff;--m-tekan: #8f2214}[data-mapel=english]{--m: #a94c09;--m-soft: #fff1e5;--m-text: #a94c09;--on-m: #ffffff;--m-tekan: #783505}[data-mapel=bindo]{--m: #0e7480;--m-soft: #e0f3f4;--m-text: #0e7480;--on-m: #ffffff;--m-tekan: #09525b}[data-mapel=olimpiade]{--m: #f5b301;--m-soft: #fff2c7;--m-text: #7a5600;--on-m: #1c2430;--m-tekan: #b88500}[data-mapel=informatika]{--m: var(--langit);--m-soft: var(--langit-soft);--m-text: var(--langit-teks);--on-m: var(--on-langit);--m-tekan: var(--langit-tekan)}[data-mapel=ipas]{--m: var(--toska);--m-soft: var(--toska-soft);--m-text: var(--toska-teks);--on-m: var(--on-toska);--m-tekan: var(--toska-tekan)}[data-mapel=cpns]{--m: var(--langit);--m-soft: var(--langit-soft);--m-text: var(--langit-teks);--on-m: var(--on-langit);--m-tekan: var(--langit-tekan)}:root[data-theme=dark],:root[data-theme=dark] [data-mapel=sains]{--m: #5fcb76;--m-soft: #16301d;--m-text: #5fcb76;--on-m: #151a1f;--m-tekan: #2f7a40}:root[data-theme=dark] [data-mapel=matematika]{--m: #ff6a55;--m-soft: #3f1a15;--m-text: #ff6a55;--on-m: #151a1f;--m-tekan: #b8402f}:root[data-theme=dark] [data-mapel=english]{--m: #ff9b4d;--m-soft: #3d2410;--m-text: #ff9b4d;--on-m: #151a1f;--m-tekan: #b56220}:root[data-theme=dark] [data-mapel=bindo]{--m: #3fc3cf;--m-soft: #0f2e31;--m-text: #3fc3cf;--on-m: #151a1f;--m-tekan: #1f8a94}:root[data-theme=dark] [data-mapel=olimpiade]{--m: #ffc93c;--m-soft: #3d2e08;--m-text: #ffc93c;--on-m: #151a1f;--m-tekan: #b88a12}html{background:var(--awan);color:var(--malam)}@media print{:root[data-theme=dark]{--awan: #f6f7f8;--kertas: #ffffff;--garis: #dde1e6;--garis-tegas: #7c8696;--malam: #1c2430;--malam-muted: #5a6677;--gonjong: #c8321f;--gonjong-tekan: #8f2214;--gonjong-soft: #feedea;--on-gonjong: #ffffff;--kunyit: #f5b301;--kunyit-tekan: #b88500;--kunyit-soft: #fff2c7;--kunyit-teks: #7a5600;--on-kunyit: #1c2430;--sawah: #167a48;--sawah-soft: #e3f5ea;--on-sawah: #ffffff;--awan-2: #eef0f3;--kertas-2: #fafbfc;--bayangan: rgba(28, 36, 48, .12);--overlay: rgba(28, 36, 48, .55);--langit: #1f6fc5;--langit-soft: #e4f0fd;--langit-teks: #17589e;--jeruk: #a94c09;--jeruk-soft: #fff1e5;--jeruk-teks: #8f3f06;--toska: #0e7480;--toska-soft: #e0f3f4;--toska-teks: #0b5f69;--sawah-teks: #136b3f;--gonjong-teks: #b02a19;--sawah-tekan: #0e5232;--on-jeruk: #ffffff;--isi-0: #5a6677;--isi-1: #c8321f;--isi-2: #b04f0c;--isi-3: #8a6400;--isi-4: #167a48;--isi-5: #1f6fc5;--isi-6: #0e7480;--isi-7: #b5179e;--isi-8: #a3324a;--isi-9: #2b7a3d;--isi-10: #6b4f2a;--isi-konsonan: #34495e;--on-isi: #ffffff;--shadow-kartu: none;color-scheme:light}}:lang(ja){font-family:var(--font-jp)}ruby rt{font-size:.55em;font-weight:600}:root{--stadion-malam: #0b1222;--stadion-malam-2: #1c2a4a;--stadion-rumput: #1f7a35;--stadion-rumput-2: #2fa04a;--stadion-rumput-3: #238c3d;--stadion-toska: #12909e;--stadion-putih: #ffffff;--stadion-garis: #1c2430;--stadion-es: #8ee6f2}.uk-btn{font-family:var(--font-display);font-size:20px;line-height:24px;letter-spacing:.01em;min-height:var(--touch-anak);padding:12px 24px;border:0;border-radius:var(--radius-md);background:var(--kertas);color:var(--malam);box-shadow:var(--shadow-tekan) var(--garis);cursor:pointer;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.uk-btn:active{transform:translateY(5px);box-shadow:0 0 0 0 transparent}.uk-btn:focus-visible{outline:3px solid var(--kunyit);outline-offset:3px}.uk-btn--utama{background:var(--gonjong);color:var(--on-gonjong);box-shadow:var(--shadow-tekan) var(--gonjong-tekan)}.uk-btn--hadiah{background:var(--kunyit);color:var(--on-kunyit);box-shadow:var(--shadow-tekan) var(--kunyit-tekan)}.uk-rebung{display:block;width:100%;height:24px}.uk-rebung .a{fill:var(--gonjong)}.uk-rebung .b{fill:var(--kunyit)}.uk-gonjong path{fill:none;stroke:var(--gonjong);stroke-width:8;stroke-linecap:round}.uk-gonjong circle{fill:var(--kunyit)}@media(prefers-reduced-motion:reduce){.uk-btn{transition:none}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:48px;padding:0 14px;border:0;border-radius:var(--radius-md);background:var(--kertas);color:var(--malam);font:inherit;font-weight:700;box-shadow:inset 0 0 0 2px var(--garis-tegas);cursor:pointer}.theme-toggle.is-compact{padding:0}.theme-toggle:focus-visible{outline:3px solid var(--kunyit);outline-offset:3px}:root{--bg: var(--awan);--ink: var(--malam);--primary: var(--gonjong);--secondary: var(--sawah);--touch-min: var(--touch-anak);font-family:var(--font-body);color:var(--ink);background:var(--bg)}body{margin:0}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px;font-size:1.5rem}.home-nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.big-button{min-width:var(--touch-min);min-height:var(--touch-min);display:inline-flex;align-items:center;padding:0 32px;border-radius:20px;background:var(--primary);color:var(--on-gonjong);text-decoration:none;font-weight:700}.big-button.secondary{background:var(--secondary);color:var(--on-sawah)}.big-button.tertiary{background:var(--kertas);color:var(--primary);border:3px solid var(--primary)}.math.is-wide{display:inline-block;max-width:100%;overflow-x:auto;overflow-y:hidden;vertical-align:middle;padding-block:2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.math.is-wide .katex{white-space:nowrap}.route-fallback{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;color:var(--ink)}.route-fallback-momo{display:inline-flex;animation:route-fallback-float 1.6s ease-in-out infinite}.route-fallback-text{font-size:1.125rem;opacity:.8}@keyframes route-fallback-float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.route-fallback-momo{animation:none}}