.cermin-scope{--cd-bg:#fefcf7;--cd-kartu:#ffffff;--cd-garis:#efe8d9;--cd-tinta:#2e1d14;--cd-tinta-lembut:#8a7663;--cd-merah:#a41e34;--cd-merah-tua:#741122;--cd-merah-muda:#fdeef0;--cd-hijau:#1d8a4b;--cd-hijau-tua:#14683a;--cd-hijau-muda:#e7f5ec;--cd-emas:#c9922a;font-family:var(--font-sans);background:var(--cd-bg);border:1px solid var(--cd-garis);border-radius:20px;padding:clamp(16px,3vw,28px);color:var(--cd-tinta)}.cd-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cd-merah)}.cd-sub{margin-top:10px;max-width:60ch;font-size:13.5px;line-height:1.6;color:var(--cd-tinta-lembut)}.cd-seksi{margin-top:30px}.cd-seksi-judul{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--cd-tinta)}.cd-pil-baru{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--cd-merah);color:#ffffff;font-size:9.5px;font-weight:800;letter-spacing:.08em}.cd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;margin-top:14px}.cd-runner .cd-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.cd-kartu{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 13px 13px;border-radius:13px;background:var(--cd-kartu);border:1px solid var(--cd-garis);text-decoration:none;color:inherit;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}.cd-kartu:focus-visible,.cd-kartu:hover{transform:translateY(-3px);border-color:#ecc9cf;box-shadow:0 14px 26px -14px rgba(164,30,52,.35)}.cd-kartu-badge{position:absolute;top:-8px;left:10px;padding:2px 8px;border-radius:6px;background:var(--cd-merah-tua);color:#ffffff;font-size:9px;font-weight:800;letter-spacing:.08em}.cd-kartu-emoji{font-size:27px;line-height:1;transition:transform .2s cubic-bezier(.22,1,.36,1)}.cd-kartu:hover .cd-kartu-emoji{transform:scale(1.12) rotate(-6deg)}.cd-kartu-nama{font-family:var(--font-display);font-size:14.5px;font-weight:800;line-height:1.25;color:var(--cd-tinta)}.cd-kartu-meta{font-size:11px;font-weight:600;line-height:1.45;color:var(--cd-tinta-lembut)}.cd-gratis{margin-top:auto;display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:2px 8px;border-radius:6px;background:var(--cd-hijau-muda);color:var(--cd-hijau-tua);font-size:10px;font-weight:800;letter-spacing:.04em}.cd-gratis--pro{background:#fdf3dc;color:#8a5f14;border:1px solid rgba(201,146,42,.45)}.cd-buram{display:inline-block;filter:blur(7px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;letter-spacing:.08em}.cd-kunci-list{margin:14px auto 0;max-width:46ch;padding:12px 14px;border-radius:12px;background:#fdf3dc;border:1px dashed rgba(201,146,42,.55);text-align:left;font-size:12.5px;font-weight:600;line-height:1.9;color:var(--cd-tinta)}.cd-btn.cd-btn--emas{background:linear-gradient(135deg,#e8b93f,#c9922a);border-color:#c9922a;color:#3a2604;box-shadow:0 10px 20px -10px rgba(201,146,42,.7)}.cd-btn.cd-btn--emas:focus-visible,.cd-btn.cd-btn--emas:hover{box-shadow:0 14px 26px -10px rgba(201,146,42,.85)}.cd-kembali{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--cd-merah);text-decoration:none}.cd-kembali:hover{text-decoration:underline}.cd-runner{max-width:620px;margin:14px auto 0;padding:clamp(16px,3vw,26px);border-radius:16px;background:var(--cd-kartu);border:1px solid var(--cd-garis)}.cd-progress-teks{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--cd-tinta-lembut)}.cd-progress{height:8px;margin-top:6px;border-radius:999px;background:var(--cd-merah-muda);overflow:hidden}.cd-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cd-merah),#e0637b);transition:width .3s cubic-bezier(.22,1,.36,1)}.cd-soal{margin-top:18px;font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.4;color:var(--cd-tinta)}.cd-opsi-list{display:flex;flex-direction:column;gap:9px;margin-top:16px}.cd-opsi{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--cd-garis);background:var(--cd-bg);font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.4;text-align:left;color:var(--cd-tinta);cursor:pointer;transition:transform .15s cubic-bezier(.22,1,.36,1),border-color .15s,background .15s}.cd-opsi:focus-visible,.cd-opsi:hover{border-color:var(--cd-merah);background:var(--cd-merah-muda);transform:translateX(3px)}.cd-opsi-emoji{font-size:19px;flex:0 0 auto}.cd-hasil{text-align:center;padding:8px 4px;position:relative}@keyframes cdPop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.cd-hasil-emoji{font-size:54px;line-height:1;display:inline-block;animation:cdPop .5s cubic-bezier(.22,1,.36,1) both}.cd-hasil-label{margin-top:12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-tinta-lembut)}.cd-hasil-nama{margin-top:4px;font-family:var(--font-display);font-size:clamp(22px,4.5vw,30px);font-weight:800;color:var(--cd-merah)}.cd-hasil-tagline{margin-top:4px;font-size:13.5px;font-weight:700;color:var(--cd-tinta)}.cd-hasil-deskripsi{font-size:13.5px;line-height:1.65;color:var(--cd-tinta-lembut)}.cd-hasil-deskripsi,.cd-hasil-saran{margin:12px auto 0;max-width:46ch;text-align:left}.cd-hasil-saran{padding:12px 14px;border-radius:12px;background:var(--cd-merah-muda);font-size:12.5px;line-height:1.6;color:var(--cd-tinta)}.cd-hasil-saran li{margin-left:16px;list-style:disc}.cd-hasil-skor{margin-top:10px;display:inline-block;padding:4px 12px;border-radius:999px;background:var(--cd-hijau-muda);color:var(--cd-hijau-tua);font-size:12px;font-weight:800}.cd-kutipan{margin:14px auto 0;max-width:44ch;position:relative;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,var(--cd-merah-muda),#fff8f0);border:1px solid var(--cd-garis);font-family:var(--font-serif);font-style:italic;font-size:14.5px;line-height:1.55;color:var(--cd-merah-tua)}.cd-kutipan:before{content:"\201C";position:absolute;top:-6px;left:10px;font-size:42px;line-height:1;color:var(--cd-merah);opacity:.25}.cd-dna{margin:16px auto 0;max-width:46ch;padding:12px 14px 14px;border-radius:12px;background:var(--cd-kartu);border:1px solid var(--cd-garis);text-align:left}.cd-dna-judul{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-tinta-lembut);margin-bottom:8px}.cd-dna-baris{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 34px;align-items:center;gap:8px;font-size:12.5px;padding:3px 0}.cd-dna-nama{color:var(--cd-tinta);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-dna-bar{display:block;height:8px;border-radius:999px;background:var(--cd-merah-muda);overflow:hidden}.cd-dna-isi{display:block;height:100%;border-radius:inherit;background:var(--cd-tinta-lembut);opacity:.55;animation:cdDnaTumbuh .7s cubic-bezier(.22,1,.36,1) both}.cd-dna-isi--utama{background:var(--cd-merah);opacity:1}@keyframes cdDnaTumbuh{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.cd-dna-persen{font-weight:800;font-size:11.5px;color:var(--cd-tinta-lembut);text-align:right}.cd-dna-baris:first-of-type .cd-dna-persen{color:var(--cd-merah)}.cd-dna-sisa{margin-top:6px}.cd-catatan,.cd-dna-sisa{font-size:11px;color:var(--cd-tinta-lembut)}.cd-catatan{margin-top:14px;line-height:1.5}.cd-aksi{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.cd-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--cd-merah);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s;background:var(--cd-merah);color:#ffffff}.cd-btn:focus-visible,.cd-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px -10px rgba(164,30,52,.6)}.cd-btn--sekunder{background:transparent;color:var(--cd-merah)}.cd-btn--wa{background:#25d366;border-color:#25d366;color:#ffffff}.cd-btn--wa:focus-visible,.cd-btn--wa:hover{box-shadow:0 10px 18px -10px rgba(37,211,102,.7)}@keyframes cdJatuh{0%{transform:translateY(-30px) rotate(0deg);opacity:1}to{transform:translateY(240px) rotate(300deg);opacity:0}}.cd-confetti{position:absolute;top:0;font-size:18px;pointer-events:none;animation:cdJatuh 1.6s ease-in both}.cd-game-stat{display:flex;justify-content:center;gap:10px;margin-top:14px}.cd-stat{min-width:84px;padding:8px 12px;border-radius:12px;background:var(--cd-bg);border:1px solid var(--cd-garis);text-align:center}.cd-stat b{display:block;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--cd-merah)}.cd-stat span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cd-tinta-lembut)}.cd-game-soal{margin-top:18px;text-align:center;font-family:var(--font-display);font-size:clamp(30px,7vw,44px);font-weight:800;color:var(--cd-tinta)}.cd-game-opsi{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.cd-game-btn{padding:15px 8px;border-radius:12px;border:1.5px solid var(--cd-garis);background:var(--cd-bg);font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--cd-tinta);cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.cd-game-btn:focus-visible,.cd-game-btn:hover{border-color:var(--cd-merah);background:var(--cd-merah-muda);transform:translateY(-2px)}.cd-mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.cd-mem-card{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--cd-garis);background:var(--cd-merah-muda);font-size:clamp(22px,6vw,30px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s}.cd-mem-card:hover{transform:scale(1.05)}.cd-mem-card--buka{background:var(--cd-kartu)}.cd-mem-card--dapat{background:var(--cd-hijau-muda);border-color:var(--cd-hijau);transform:scale(.96);cursor:default}.cd-pauli-soal{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.1}.cd-game-opsi--keypad{grid-template-columns:repeat(5,1fr);gap:8px}.cd-game-opsi--keypad .cd-game-btn{padding:13px 4px}.cd-napas-arena{position:relative;height:300px;display:flex;align-items:center;justify-content:center;margin-top:8px}.cd-napas-lingkaran{width:150px;height:150px;border-radius:50%;background:radial-gradient(60% 60% at 38% 32%,rgba(255,255,255,.85) 0,transparent 60%),linear-gradient(150deg,#bfe8cd,#f8ccd6);border:1px solid rgba(29,138,75,.25);box-shadow:0 14px 34px -16px rgba(29,138,75,.5);transition-property:transform;transition-timing-function:ease-in-out}.cd-napas-teks{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.cd-napas-fase{font-size:15px;color:var(--cd-tinta)}.cd-napas-detik,.cd-napas-fase{font-family:var(--font-display);font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.7)}.cd-napas-detik{font-size:34px;color:var(--cd-merah)}.cd-stroop-kata{margin-top:20px;text-align:center;font-family:var(--font-display);font-size:clamp(38px,9vw,56px);font-weight:800;letter-spacing:.02em}@keyframes cdRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cd-rise{animation:cdRise .4s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 35ms)}@media (prefers-reduced-motion:reduce){.cd-rise{animation:none!important;opacity:1;transform:none}.cd-dna-isi,.cd-hasil-emoji{animation:none}.cd-confetti{display:none}.cd-btn,.cd-game-btn,.cd-kartu,.cd-kartu-emoji,.cd-mem-card,.cd-opsi,.cd-progress>span{transition:none}.cd-btn:hover,.cd-game-btn:hover,.cd-kartu:hover,.cd-kartu:hover .cd-kartu-emoji,.cd-mem-card:hover,.cd-opsi:hover{transform:none}}.rn-scope{--rn-accent:var(--color-primary);--rn-accent-soft:var(--color-primary-50);font-family:var(--font-sans);max-width:640px;margin:0 auto}.rn-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.rn-judul{margin-top:10px;font-family:var(--font-display);font-size:clamp(24px,5vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-heading,var(--color-ink))}.rn-sub{margin-top:10px;max-width:52ch;font-size:14px;line-height:1.65;color:var(--color-ink-soft)}.rn-pilih{display:flex;flex-direction:column;gap:12px;margin-top:22px}.rn-mode{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px 16px 15px;border-radius:18px;border:1px solid var(--color-line);background:radial-gradient(120% 150% at 92% 0,var(--rn-accent-soft) 0,transparent 58%),var(--color-surface);font-family:inherit;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.rn-mode:focus-visible,.rn-mode:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rn-accent) 45%,transparent);box-shadow:0 16px 32px -18px color-mix(in srgb,var(--rn-accent) 75%,transparent)}.rn-mode-ikon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;font-size:21px;background:color-mix(in srgb,var(--rn-accent) 14%,var(--color-bg));border:1px solid color-mix(in srgb,var(--rn-accent) 26%,transparent)}.rn-mode-isi{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.rn-mode-baris{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.rn-mode-nama{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--color-ink)}.rn-mode-irama{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;padding:1px 7px;border-radius:999px;color:var(--rn-accent);background:color-mix(in srgb,var(--rn-accent) 12%,transparent)}.rn-mode-kapan{font-size:12.5px;font-weight:700;color:var(--color-ink)}.rn-mode-alasan{margin-top:2px;font-size:12.5px;line-height:1.6;color:var(--color-ink-soft)}.rn-mode-meta{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--color-ink-soft)}.rn-mode-panah{flex:0 0 auto;align-self:center;font-size:17px;color:var(--rn-accent);transition:transform .25s cubic-bezier(.16,1,.3,1)}.rn-mode:focus-visible .rn-mode-panah,.rn-mode:hover .rn-mode-panah{transform:translateX(4px)}.rn-catatan{margin-top:20px;font-size:11.5px;line-height:1.6;color:var(--color-ink-soft)}.rn-scope--sesi{flex-direction:column;gap:18px;padding:clamp(18px,4vw,30px) 18px 26px;border-radius:24px;background:radial-gradient(85% 60% at 50% 0,var(--rn-accent-soft) 0,transparent 70%),var(--color-bg);border:1px solid var(--color-line)}.rn-atas,.rn-scope--sesi{display:flex;align-items:center}.rn-atas{justify-content:space-between;width:100%;font-size:12px;font-weight:700;color:var(--color-ink-soft)}.rn-atas-mode{color:var(--rn-accent)}.rn-arena{position:relative;width:min(300px,78vw);aspect-ratio:1;display:grid;place-items:center}.rn-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rn-ring-alas,.rn-ring-isi{fill:none;stroke-width:2.5;stroke-linecap:round}.rn-ring-alas{stroke:color-mix(in srgb,var(--rn-accent) 16%,transparent)}.rn-ring-isi{stroke:var(--rn-accent);transition:stroke-dashoffset 1s linear}.rn-bola,.rn-teks{grid-area:1/1}.rn-bola{width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(65% 65% at 35% 28%,color-mix(in srgb,#fff 70%,transparent) 0,transparent 62%),linear-gradient(150deg,color-mix(in srgb,var(--rn-accent) 55%,var(--color-bg)) 0,color-mix(in srgb,var(--rn-accent) 22%,var(--color-bg)) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--rn-accent) 22%,transparent),0 22px 60px -26px color-mix(in srgb,var(--rn-accent) 85%,transparent);transition-property:transform;transition-timing-function:cubic-bezier(.37,0,.63,1)}.rn-teks{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.rn-fase{font-size:15px;letter-spacing:.01em}.rn-fase,.rn-hitung{font-family:var(--font-display);font-weight:800;color:var(--color-ink);text-shadow:0 1px 2px color-mix(in srgb,var(--color-bg) 80%,transparent)}.rn-hitung{font-size:46px;line-height:1;font-variant-numeric:tabular-nums}.rn-panduan{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rn-selesai{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 6px 8px}@keyframes rnMuncul{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rn-selesai-ikon{font-size:46px;line-height:1;animation:rnMuncul .5s cubic-bezier(.22,1,.36,1) both}.rn-selesai-judul{margin-top:6px;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--rn-accent)}.rn-selesai-teks{max-width:40ch;font-size:14px;line-height:1.65;color:var(--color-ink-soft)}.rn-aksi{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.rn-aksi,.rn-btn{justify-content:center}.rn-btn{display:inline-flex;align-items:center;padding:11px 22px;border-radius:999px;border:1.5px solid var(--rn-accent);background:var(--rn-accent);color:var(--color-bg);font-family:inherit;font-size:13.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}.rn-btn:focus-visible,.rn-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px color-mix(in srgb,var(--rn-accent) 85%,transparent)}.rn-btn--halus{background:transparent;color:var(--rn-accent)}@media (prefers-reduced-motion:reduce){.rn-bola,.rn-btn,.rn-mode,.rn-mode-panah,.rn-ring-isi{transition:none}.rn-btn:focus-visible,.rn-btn:hover,.rn-mode:focus-visible,.rn-mode:hover{transform:none}.rn-mode:hover .rn-mode-panah{transform:none}.rn-selesai-ikon{animation:none}}.zvis-scope{--color-primary:#0b6d78}.zvis-progress-notice{margin:0 0 12px;color:#7a1f2b;font-size:12.5px;font-weight:800;line-height:1.5;letter-spacing:.01em}.zvis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.zvis-kartu{display:flex;flex-direction:column;border:1px solid var(--color-line,#e7e2d7);border-radius:12px;overflow:hidden;background:var(--color-surface-1,rgba(0,0,0,.02))}.zvis-poster{position:relative;display:block;width:100%;padding:0;border:none;background:#0a1519;cursor:pointer;line-height:0}.zvis-poster img{display:block;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.zvis-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff;transition:transform .18s cubic-bezier(.23,1,.32,1)}.zvis-play:before{content:"";position:absolute;width:46px;height:46px;border-radius:50%;background:rgba(10,21,25,.62);border:1.5px solid rgba(255,255,255,.75)}.zvis-play svg{position:relative}@media (hover:hover) and (pointer:fine){.zvis-poster:hover .zvis-play{transform:scale(1.08)}}.zvis-poster:focus-visible{outline:2px solid var(--color-primary,#0097a9);outline-offset:-2px}.zvis-durasi{position:absolute;right:7px;bottom:7px;padding:1px 7px;border-radius:999px;background:rgba(10,21,25,.78);color:#ffffff;font-size:10.5px;font-weight:700;line-height:1.7}.zvis-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0a1519}.zvis-teks{display:flex;flex-direction:column;gap:4px;padding:10px 11px 12px}.zvis-mapel{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft,#6b6660)}.zvis-judul{margin:0;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-ink,#0e1116)}.zvis-ringkasan{margin:0;font-size:11.5px;line-height:1.5;color:var(--color-ink-soft,#6b6660)}.zvis-tautan{margin-top:4px;align-self:flex-start;font-size:11.5px;font-weight:700;text-decoration:none;color:var(--color-primary,#0097a9)}.zvis-tautan:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.zvis-play{transition:none}.zvis-poster:hover .zvis-play{transform:none}}.zvis-tabs{display:flex;gap:4px;margin:0 0 14px;border-bottom:2px solid var(--color-line,#e7e2d7)}.zvis-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px 8px;border:1px solid var(--color-line,#e7e2d7);border-bottom:none;border-radius:10px 10px 0 0;background:var(--color-surface,#f1efe8);color:var(--color-ink-soft,#6b6660);font-size:13px;font-weight:700;cursor:pointer;transform:translateY(2px);transition:transform .15s var(--ease,ease),color .15s var(--ease,ease),background .15s var(--ease,ease)}.zvis-tab svg{flex-shrink:0}.zvis-tab:hover{color:var(--color-ink,#0e1116)}.zvis-tab.is-active{background:var(--color-surface-1,#ffffff);color:var(--color-primary,#0097a9);border-color:var(--color-line,#e7e2d7);border-bottom:2px solid var(--color-surface-1,#ffffff);transform:translateY(3px)}.zvis-tab:focus-visible{outline:2px solid var(--color-primary,#0097a9);outline-offset:2px}.zvis-tab-panel{min-width:0}.zvis-info-rumpun+.zvis-info-rumpun{margin-top:18px}.zvis-info-rumpun-judul{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft,#5c6470)}.zvis-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.zvis-info-seksi{grid-column:1/-1;margin:6px 0 0;font-size:11.5px;font-weight:800;color:var(--color-primary,#0b6d78)}.zvis-info-seksi:first-child{margin-top:0}.zvis-info-kartu{display:flex;flex-direction:column;gap:6px;padding:0;border:1px solid var(--color-line,#e7e2d7);border-radius:10px;overflow:hidden;background:var(--color-surface-1,rgba(0,0,0,.02));cursor:pointer;text-align:left}.zvis-info-kartu:focus-visible{outline:2px solid var(--color-primary,#0097a9);outline-offset:-2px}.zvis-info-poster{display:block;width:100%;line-height:0;background:var(--color-surface-2,#e9e6dd)}.zvis-info-poster img{display:block;width:100%;height:auto;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.zvis-info-judul{padding:0 9px 9px;font-size:11.5px;font-weight:700;line-height:1.35;color:var(--color-ink,#0e1116)}.zvis-lb-overlay{position:fixed;inset:0;z-index:1200;display:flex;background:rgba(10,14,17,.94)}.zvis-lb-body{position:relative;width:100%;height:100%;touch-action:none}.zvis-lb-panggung{position:absolute;inset:0;display:flex;overflow:auto;background:#0a1519;overscroll-behavior:contain;cursor:grab}.zvis-lb-panggung--seret{cursor:grabbing}.zvis-lb-kanvas{margin:auto;flex:0 0 auto;font-size:0}.zvis-lb-img{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.zvis-lb-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 14px calc(7px + env(safe-area-inset-bottom, 0px));background:linear-gradient(0deg,rgba(6,9,11,.82) 40%,rgba(6,9,11,0));pointer-events:none;transition:opacity .26s ease}.zvis-lb-bar--sembunyi,.zvis-lb-kendali--sembunyi{opacity:0;visibility:hidden}.zvis-lb-kendali--sembunyi{transition:opacity .26s ease}.zvis-lb-bar>*{pointer-events:auto}.zvis-lb-tip{margin:0;font-size:11px;color:rgba(255,255,255,.5);text-align:center}.zvis-lb-tip-desktop{display:none}@media (pointer:fine){.zvis-lb-tip-desktop{display:inline}.zvis-lb-tip-sentuh{display:none}}.zvis-lb-close{position:absolute;top:calc(10px + env(safe-area-inset-top, 0px));right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:rgba(10,14,17,.6);color:#ffffff;cursor:pointer;backdrop-filter:blur(6px)}.zvis-lb-close:hover{background:rgba(10,14,17,.85)}.zvis-lb-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#ffffff;cursor:pointer;z-index:2;background:rgba(6,9,11,.42);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 2px 10px rgba(0,0,0,.45);backdrop-filter:blur(3px);opacity:.82;transition:opacity .14s ease,background .14s ease}.zvis-lb-nav:focus-visible,.zvis-lb-nav:hover{opacity:1;background:rgba(6,9,11,.8)}.zvis-lb-nav-prev{left:12px}.zvis-lb-nav-next{right:12px}.zvis-lb-zoom{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.12);color:#ffffff}.zvis-lb-zoom-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:inherit;cursor:pointer}.zvis-lb-zoom-btn:hover:not(:disabled){background:rgba(255,255,255,.28)}.zvis-lb-zoom-btn:disabled{opacity:.35;cursor:default}.zvis-lb-zoom-nilai{min-width:52px;padding:0 4px;border:none;background:none;color:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.zvis-lb-zoom-tip{display:inline-flex;align-items:center;gap:5px;padding-left:4px;font-size:11.5px;color:rgba(255,255,255,.62);white-space:nowrap}.zvis-lb-caption{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:#ffffff}.zvis-lb-judul{font-size:13.5px;font-weight:700}.zvis-lb-counter{font-size:11px;color:rgba(255,255,255,.6)}.zvis-lb-animasi{margin-top:4px;font-size:12.5px;font-weight:700;color:#7fd8e0;text-decoration:none}.zvis-lb-animasi:hover{text-decoration:underline}.zona-navy .snav-snbt-kartu.zvis-kel--ganjil,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--ganjil{--color-ink:#12315f;--color-ink-2:#12315f;--color-ink-3:#1c3d6e;--color-ink-soft:#3c567f;--color-ink-muted:#4a6188;--color-heading:#0f2a55;--color-muted:#4a6188;--color-primary:#1d4ed8;--color-primary-700:#1a45bd;--color-line:rgba(18,49,95,0.16);--color-surface:rgba(255,255,255,0.6);--color-surface-1:rgba(255,255,255,0.72);--color-surface-2:rgba(255,255,255,0.55);background-image:linear-gradient(158deg,#eaf1fd,#dbe8fb 54%,#cddcfa);background-color:#dbe8fb;border:1px solid rgba(37,99,235,.28);box-shadow:0 6px 20px -12px rgba(37,99,235,.45)}.zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-title,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-title{color:#12315f}.zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-desc,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-desc{color:#3c567f}.zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-num,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-num{color:#1d4ed8;background:radial-gradient(circle at 32% 28%,rgba(29,78,216,.24),rgba(29,78,216,.08) 70%);border:1.5px solid rgba(29,78,216,.5)}.zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-hdr.is-open,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--ganjil .snav-snbt-kartu-hdr.is-open{border-bottom-color:rgba(37,99,235,.3)}.zona-navy .snav-snbt-kartu.zvis-kel--snbt,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--snbt{--color-ink:#3a2c04;--color-ink-2:#3a2c04;--color-ink-3:#4a3908;--color-ink-soft:#5a4510;--color-ink-muted:#6b5417;--color-heading:#322603;--color-muted:#6b5417;--color-primary:#6b4e00;--color-primary-700:#593f00;--color-line:rgba(58,44,4,0.22);--color-surface:rgba(255,255,255,0.5);--color-surface-1:rgba(255,255,255,0.62);--color-surface-2:rgba(255,255,255,0.46);background-image:linear-gradient(158deg,#f6d260,#ecc24a 54%,#dcab30);background-color:#ecc24a;border:1px solid rgba(122,85,10,.42);box-shadow:0 6px 20px -12px rgba(160,116,10,.5)}.zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-title,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-title{color:#322603}.zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-desc,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-desc{color:#5a4510}.zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-num,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-num{color:#3a2c04;background:radial-gradient(circle at 32% 28%,rgba(58,44,4,.2),rgba(58,44,4,.06) 70%);border:1.5px solid rgba(58,44,4,.5)}.zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-hdr.is-open,:root[data-theme=dark] .zona-navy .snav-snbt-kartu.zvis-kel--snbt .snav-snbt-kartu-hdr.is-open{border-bottom-color:rgba(122,85,10,.4)}:root{--kn-navy:#0d1b3e;--kn-navy-atas:#172c56;--kn-navy-bawah:#0a1530;--kn-emas:#e8b93f;--kn-emas-redup:#d4a129;--kn-garis:rgba(232,185,63,0.26)}.kartu-navy,.zona-navy .card,.zona-navy .card-featured,.zona-navy .card-flat,.zona-navy .card-outlined,.zona-navy .karz-card,.zona-navy .karz-tahap-card,.zona-navy .kdn-card,.zona-navy .krs-card,.zona-navy .sk-card,.zona-navy .snav-snbt-kartu,.zona-navy .snav-tryout-section,.zona-navy .snbt-subtest-card,.zona-navy .tka-card{--color-ink:#ffffff;--color-ink-2:#ffffff;--color-ink-3:rgba(255,255,255,0.88);--color-ink-soft:rgba(255,255,255,0.78);--color-ink-muted:rgba(255,255,255,0.7);--color-heading:#ffffff;--color-primary:var(--kn-emas);--color-primary-700:var(--kn-emas);--color-primary-soft:rgba(232,185,63,0.16);--color-line:rgba(255,255,255,0.16);--color-surface:rgba(255,255,255,0.1);--color-surface-1:rgba(255,255,255,0.07);--color-surface-2:rgba(255,255,255,0.14);--color-surface-muted:rgba(255,255,255,0.08);--color-surface-raised:rgba(255,255,255,0.12);--color-bg-soft:rgba(255,255,255,0.08);--color-paper-elevated:transparent;--color-muted:rgba(255,255,255,0.72);--color-text-soft:rgba(255,255,255,0.78);--color-paper:rgba(255,255,255,0.08);--color-paper-2:rgba(255,255,255,0.12);--color-border:rgba(255,255,255,0.18);--color-border-primary:rgba(255,255,255,0.18);--color-border-secondary:rgba(255,255,255,0.14);--color-border-tertiary:rgba(255,255,255,0.12);--color-divider:rgba(255,255,255,0.16);--color-rule:rgba(255,255,255,0.16);--color-accent:var(--kn-emas);--color-link-important:#ffffff;--k-ink:#ffffff;--k-muted:rgba(255,255,255,0.78);--k-hint:rgba(255,255,255,0.66);--k-surface:rgba(255,255,255,0.08);--k-surface-2:rgba(255,255,255,0.14);--k-border:rgba(255,255,255,0.18);--k-border-strong:rgba(232,185,63,0.62);--k-blue:var(--kn-emas);--k-blue-deep:var(--kn-emas);--k-blue-soft:rgba(232,185,63,0.18);--k-teal:var(--kn-emas);--k-teal-soft:rgba(232,185,63,0.18);--kdn-border:rgba(255,255,255,0.18);--kdn-meta:rgba(255,255,255,0.72);--kdn-hero-sub:rgba(255,255,255,0.78);background-image:linear-gradient(158deg,var(--kn-navy-atas) 0,var(--kn-navy) 54%,var(--kn-navy-bawah) 100%);background-color:var(--kn-navy);border:1px solid var(--kn-garis);color:#ffffff;box-shadow:0 6px 20px -10px rgba(6,12,26,.55)}.zona-navy .card .card,.zona-navy .card .card-flat,.zona-navy .card .card-outlined{background-image:none;background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}@media (hover:hover) and (pointer:fine){.zona-navy .card-interactive:hover{border-color:rgba(232,185,63,.62);box-shadow:0 12px 28px -12px rgba(6,12,26,.7)}}:root[data-theme=dark] .kartu-navy,:root[data-theme=dark] .zona-navy .card,:root[data-theme=dark] .zona-navy .card-featured,:root[data-theme=dark] .zona-navy .card-flat,:root[data-theme=dark] .zona-navy .card-outlined,:root[data-theme=dark] .zona-navy .karz-card,:root[data-theme=dark] .zona-navy .karz-tahap-card,:root[data-theme=dark] .zona-navy .kdn-card,:root[data-theme=dark] .zona-navy .krs-card,:root[data-theme=dark] .zona-navy .sk-card,:root[data-theme=dark] .zona-navy .snav-snbt-kartu,:root[data-theme=dark] .zona-navy .snav-tryout-section,:root[data-theme=dark] .zona-navy .snbt-subtest-card,:root[data-theme=dark] .zona-navy .tka-card{--kn-navy:#142b52;--kn-navy-atas:#1d3767;--kn-navy-bawah:#101f3e;border-color:rgba(232,185,63,.38);box-shadow:0 6px 22px -10px rgba(0,0,0,.9);background-image:linear-gradient(158deg,var(--kn-navy-atas) 0,var(--kn-navy) 54%,var(--kn-navy-bawah) 100%);background-color:var(--kn-navy)}.kartu-navy .kn-emas,.zona-navy .kn-emas{color:var(--kn-emas)}.kartu-navy .kn-ikon,.zona-navy .kn-ikon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(232,185,63,.55);background:radial-gradient(circle at 32% 28%,rgba(232,185,63,.26),rgba(232,185,63,.08) 70%);color:var(--kn-emas)}.kartu-navy .kn-ikon svg,.zona-navy .kn-ikon svg{color:var(--kn-emas)}.kartu-navy .kn-label,.zona-navy .kn-label{display:inline-block;padding:2px 9px;border-radius:6px;background:rgba(232,185,63,.16);border:1px solid rgba(232,185,63,.4);color:var(--kn-emas);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kartu-navy .kn-cta,.zona-navy .kn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;background:linear-gradient(180deg,var(--kn-emas),var(--kn-emas-redup));color:#14213d;font-weight:800;text-decoration:none;border:none}.zona-navy .brand-logo-chip{display:inline-block;background:#f4f1ea;border-radius:10px;padding:6px 10px;max-width:100%;line-height:0}@media (prefers-reduced-motion:reduce){.zona-navy .card-interactive:hover{transform:none}}.zona-navy .snav-snbt-kartu-num{width:42px;height:42px;font-size:1.02rem;font-weight:800;color:var(--kn-emas);background:radial-gradient(circle at 32% 28%,rgba(232,185,63,.26),rgba(232,185,63,.08) 70%);border:1.5px solid rgba(232,185,63,.55)}:root[data-theme=dark] .zona-navy .snav-snbt-kartu-num{color:var(--kn-emas)}.zona-navy .snav-snbt-kartu-title,:root[data-theme=dark] .zona-navy .snav-snbt-kartu-title{color:#ffffff}.zona-navy .snav-snbt-kartu-desc,:root[data-theme=dark] .zona-navy .snav-snbt-kartu-desc{color:rgba(255,255,255,.78)}.zona-navy .snav-snbt-kartu-hdr.is-open,:root[data-theme=dark] .zona-navy .snav-snbt-kartu-hdr.is-open{border-bottom-color:rgba(232,185,63,.32)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-snbt-uji-list,.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-soal-count,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-soal-count{background:rgba(126,226,168,.16);color:#7ee2a8}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-card--open,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-card--open{border-color:rgba(232,185,63,.55);background:rgba(255,255,255,.09)}@media (hover:hover) and (pointer:fine){.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-toggle:hover,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-toggle:hover{background:rgba(232,185,63,.08)}}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-detail,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-detail{border-top-color:rgba(255,255,255,.12)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-action-row,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-action-row{border-top-color:rgba(255,255,255,.12)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-materi,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-materi{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.16)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-youtube,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-youtube{background:rgba(255,106,96,.16);color:#ff9d94;border:1px solid rgba(255,106,96,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=mudah],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=mudah]{background:rgba(126,226,168,.13);color:#7ee2a8;border:1px solid rgba(126,226,168,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=biasa],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=biasa]{background:rgba(142,197,255,.13);color:#8ec5ff;border:1px solid rgba(142,197,255,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sulit],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sulit]{background:rgba(255,201,102,.13);color:#ffc966;border:1px solid rgba(255,201,102,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sangat_sulit],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sangat_sulit]{background:rgba(255,154,164,.13);color:#ff9aa4;border:1px solid rgba(255,154,164,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row{border-bottom-color:rgba(255,255,255,.14)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row:hover{background:rgba(232,185,63,.12)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row-label{color:#ffffff}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row-meta{color:rgba(255,255,255,.72)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row-arrow{color:var(--kn-emas)}.zona-navy .snav-gabungan-list,:root[data-theme=dark] .zona-navy .snav-gabungan-list{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}.zona-navy .snav-gabungan-item,:root[data-theme=dark] .zona-navy .snav-gabungan-item{border-bottom-color:rgba(255,255,255,.1)}@media (hover:hover) and (pointer:fine){.zona-navy .snav-gabungan-row:hover{background:rgba(232,185,63,.1)}}.zona-navy .snav-gabungan-row:active{background:rgba(232,185,63,.14)}.zona-navy .snav-gabungan-nomor,:root[data-theme=dark] .zona-navy .snav-gabungan-nomor{background:rgba(255,255,255,.1);color:#ffffff}.zona-navy .snav-gabungan-row.is-selesai .snav-gabungan-nomor,:root[data-theme=dark] .zona-navy .snav-gabungan-row.is-selesai .snav-gabungan-nomor{background:rgba(232,185,63,.16);color:var(--kn-emas)}.zona-navy .snav-gabungan-skor{color:var(--kn-emas)}.zona-navy .snav-gabungan-kategori{background:rgba(232,185,63,.16);color:var(--kn-emas)}.zona-navy .snav-gabungan-belum,.zona-navy .snav-gabungan-pro,.zona-navy .snav-gabungan-sub,.zona-navy .snav-gabungan-tanggal{color:rgba(255,255,255,.62)}.zona-navy .snav-gabungan-rincian-btn,:root[data-theme=dark] .zona-navy .snav-gabungan-rincian-btn{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.78)}.zona-navy .snav-gabungan-rincian-cell,:root[data-theme=dark] .zona-navy .snav-gabungan-rincian-cell{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.zona-navy .snav-gabungan-rincian-nama{color:rgba(255,255,255,.66)}.zona-navy .snav-gabungan-rincian-skor{color:#ffffff}.zona-navy .snav-gabungan-rincian-benar{color:rgba(255,255,255,.6)}.zona-navy .snav-gabungan-mulai,:root[data-theme=dark] .zona-navy .snav-gabungan-mulai{color:var(--kn-emas)}.zona-navy .snav-gabungan-clear,:root[data-theme=dark] .zona-navy .snav-gabungan-clear{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.72)}.zona-navy .snav-gabungan-ringkas-teks{color:rgba(255,255,255,.78)}.zona-navy .snav-gabungan-track{background:rgba(255,255,255,.12)}.zona-navy .snav-gabungan-track-fill{background:linear-gradient(90deg,var(--kn-emas-redup),var(--kn-emas))}.ztab [data-tone=biru]{--zt-bg:#e7f1fc;--zt-bg-2:#f5faff;--zt-line:#b6d3f0;--zt-accent:#1c4f87;--zt-ink:#0c2440;--zt-ink-soft:rgba(12,36,64,0.8);--zt-chip:#cfe4f9}.ztab [data-tone=hijau]{--zt-bg:#e6f5ea;--zt-bg-2:#f4fbf6;--zt-line:#b5ddc0;--zt-accent:#22694a;--zt-ink:#0e2a1c;--zt-ink-soft:rgba(14,42,28,0.8);--zt-chip:#cfeddb}.ztab [data-tone=krem]{--zt-bg:#faf1de;--zt-bg-2:#fdf9f0;--zt-line:#e8d2a6;--zt-accent:#8a5f12;--zt-ink:#3a2c10;--zt-ink-soft:rgba(58,44,16,0.8);--zt-chip:#f4e3bd}.ztab{margin:6px 0 4px}.ztab-bar{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--color-surface-2,#f1efe9);border:1px solid var(--color-line,#e7e2d7);box-shadow:inset 0 1px 2px rgba(14,17,22,.05);position:sticky;top:0;z-index:3;backdrop-filter:saturate(1.2) blur(6px)}[data-theme=dark] .ztab-bar{background:#14171c;border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.ztab-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;font:inherit;font-family:var(--font-display,inherit);font-size:.8rem;font-weight:700;letter-spacing:.005em;color:var(--color-ink-soft,#5f5e5a);transition:background .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.ztab-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztab-btn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--zt-chip,#d8d4cb);border:1px solid var(--zt-line,#cfcabd);transition:background .22s,border-color .22s}.ztab-btn[aria-selected=true]{background:var(--zt-bg,#fff);border-color:var(--zt-line,#e7e2d7);color:var(--zt-accent,#0e1116);box-shadow:0 2px 8px -4px rgba(14,17,22,.35)}.ztab-btn[aria-selected=true] .ztab-btn-dot{background:var(--zt-accent);border-color:var(--zt-accent)}.ztab-btn:focus-visible{outline:2px solid var(--zt-accent,#0097a9);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ztab-btn:hover{color:var(--zt-accent,#0e1116);background:color-mix(in srgb,var(--zt-bg,#fff) 55%,transparent)}}[data-theme=dark] .ztab-btn{color:rgba(255,255,255,.66)}@media (max-width:380px){.ztab-btn{padding:8px 4px;font-size:.73rem;gap:4px}.ztab-btn-dot{width:6px;height:6px}}.ztab-panel{margin-top:10px;padding:14px 12px 16px;border-radius:16px;border:1px solid var(--zt-line,#e7e2d7);background:linear-gradient(180deg,var(--zt-bg-2,#fff) 0,var(--zt-bg,#f6f4ef) 42%);box-shadow:0 10px 30px -22px rgba(14,17,22,.55);animation:ztabMasuk .34s cubic-bezier(.22,1,.36,1) backwards;--color-ink:var(--zt-ink);--color-ink-2:var(--zt-ink);--color-ink-3:var(--zt-ink-soft);--color-ink-soft:var(--zt-ink-soft);--color-ink-muted:var(--zt-ink-soft);--color-heading:var(--zt-ink);--color-muted:var(--zt-ink-soft);--color-text-soft:var(--zt-ink-soft);--color-line:var(--zt-line);--color-border:var(--zt-line);color:var(--zt-ink)}.ztab-panel[hidden]{display:none}@keyframes ztabMasuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ztab-panel{animation:none}.ztab-btn,.ztab-btn-dot{transition:none}}.ztab-hint{margin:0 0 12px;padding:0 0 10px;border-bottom:1px dashed var(--zt-line,#e7e2d7);font-size:.76rem;line-height:1.55;color:var(--zt-ink-soft)}.ztab-isi{display:block}.ztab-panel .mh-card,.ztab-panel .snav-mapel-card,.ztab-panel .snav-topik-card,.ztab-panel .snav-tryout-row{background-color:color-mix(in srgb,#fff 82%,var(--zt-bg-2));border-color:color-mix(in srgb,var(--zt-line) 70%,transparent)}.ztab-panel .snav-group-label{color:var(--zt-ink)}.ztab-panel .snav-group-desc,.ztab-panel .snav-zone-intro{color:var(--zt-ink-soft)}[data-theme=dark] .ztab [data-tone=biru]{--zt-bg:#0f1c2e;--zt-bg-2:#14243a;--zt-line:rgba(154,195,242,0.26);--zt-accent:#9ac3f2;--zt-ink:#eaf2fb;--zt-ink-soft:rgba(234,242,251,0.74);--zt-chip:#cfe4f9}[data-theme=dark] .ztab [data-tone=hijau]{--zt-bg:#101f18;--zt-bg-2:#15291f;--zt-line:rgba(147,214,173,0.26);--zt-accent:#93d6ad;--zt-ink:#e9f6ee;--zt-ink-soft:rgba(233,246,238,0.74);--zt-chip:#cfeddb}[data-theme=dark] .ztab [data-tone=krem]{--zt-bg:#221b0f;--zt-bg-2:#2c2415;--zt-line:rgba(232,202,137,0.26);--zt-accent:#e8ca89;--zt-ink:#f7efdf;--zt-ink-soft:rgba(247,239,223,0.74);--zt-chip:#f4e3bd}[data-theme=dark] .ztab-panel{box-shadow:0 12px 34px -22px rgba(0,0,0,.9)}[data-theme=dark] .ztab-panel .mh-card,[data-theme=dark] .ztab-panel .snav-mapel-card,[data-theme=dark] .ztab-panel .snav-topik-card,[data-theme=dark] .ztab-panel .snav-tryout-row{background-color:rgba(255,255,255,.05)}@media (min-width:1024px){.ztab-panel{padding:18px 18px 22px}.ztab-btn{font-size:.85rem;padding:10px 8px}}.aku-zona{--ak-paper:#fffdfa;--ak-paper-2:#fbf7f0;--ak-ink:#1b2028;--ak-ink-soft:rgba(27,32,40,0.68);--ak-ink-faint:rgba(27,32,40,0.5);--ak-line:rgba(27,32,40,0.1);--ak-emas:#b08b46;display:flex;flex-direction:column;gap:12px;color:var(--ak-ink)}[data-theme=dark] .aku-zona{--ak-paper:#191c22;--ak-paper-2:#14171c;--ak-ink:#f3f0ea;--ak-ink-soft:rgba(243,240,234,0.7);--ak-ink-faint:rgba(243,240,234,0.52);--ak-line:rgba(255,255,255,0.1);--ak-emas:#d8b46a}.aku-zona [data-aksen=sage]{--ak-accent:#5d8a6a;--ak-accent-deep:#3f6b4d}.aku-zona [data-aksen=pasir]{--ak-accent:#a8823f;--ak-accent-deep:#7d5f22}.aku-zona [data-aksen=laut]{--ak-accent:#4e8390;--ak-accent-deep:#33646d}.aku-zona [data-aksen=mawar]{--ak-accent:#b06f86;--ak-accent-deep:#94445c}.aku-zona [data-aksen=lavender]{--ak-accent:#7a74a8;--ak-accent-deep:#57508a}.aku-zona [data-aksen=biru]{--ak-accent:#5a7ea6;--ak-accent-deep:#3c6288}.aku-zona [data-aksen=batu]{--ak-accent:#5f6b7a;--ak-accent-deep:#414b58}.aku-zona [data-aksen=emas]{--ak-accent:#b08b46;--ak-accent-deep:#8a6a20}.aku-zona [data-aksen=teal]{--ak-accent:#4f8a86;--ak-accent-deep:#35706c}[data-theme=dark] .aku-zona [data-aksen=sage]{--ak-accent-deep:#9cc9a8}[data-theme=dark] .aku-zona [data-aksen=pasir]{--ak-accent-deep:#e0bd78}[data-theme=dark] .aku-zona [data-aksen=laut]{--ak-accent-deep:#8fc6d0}[data-theme=dark] .aku-zona [data-aksen=mawar]{--ak-accent-deep:#eaa6ba}[data-theme=dark] .aku-zona [data-aksen=lavender]{--ak-accent-deep:#b8b2e2}[data-theme=dark] .aku-zona [data-aksen=biru]{--ak-accent-deep:#9dc0e2}[data-theme=dark] .aku-zona [data-aksen=batu]{--ak-accent-deep:#b4bfcd}[data-theme=dark] .aku-zona [data-aksen=emas]{--ak-accent-deep:#e3c179}[data-theme=dark] .aku-zona [data-aksen=teal]{--ak-accent-deep:#8ecac5}.aku-hero{margin:0 0 6px;padding:22px 20px 20px;border-radius:22px;border:1px solid var(--ak-line);background:radial-gradient(130% 140% at 100% 0,rgba(176,139,70,.11) 0,transparent 55%),radial-gradient(90% 130% at 0 100%,rgba(90,126,166,.05) 0,transparent 52%),linear-gradient(180deg,var(--ak-paper) 0,var(--ak-paper-2) 100%);box-shadow:0 1px 2px rgba(20,25,33,.04),0 22px 48px -36px rgba(20,25,33,.6)}.aku-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ak-emas);margin:0 0 10px}.aku-hero-eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.65}.aku-hero-judul{font-family:var(--font-serif,Georgia,"Times New Roman",serif);font-size:1.9rem;font-weight:600;letter-spacing:-.02em;line-height:1.08;color:var(--ak-ink);margin:0}.aku-hero-lead{margin:9px 0 0;font-size:.85rem;line-height:1.65;color:var(--ak-ink-soft);max-width:48ch}.aku-kartu{position:relative;display:block;padding:18px;border-radius:20px;text-decoration:none;color:var(--ak-ink);overflow:hidden;border:1px solid var(--ak-line);background:var(--ak-paper);box-shadow:0 1px 2px rgba(20,25,33,.03),0 16px 36px -30px rgba(20,25,33,.75);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){a.aku-kartu:hover{transform:translateY(-3px);border-color:rgba(27,32,40,.2);box-shadow:0 2px 4px rgba(20,25,33,.04),0 26px 52px -30px rgba(20,25,33,.8)}[data-theme=dark] .aku-zona a.aku-kartu:hover{border-color:rgba(255,255,255,.22)}}a.aku-kartu:focus-visible{outline:2px solid var(--ak-accent-deep,#414b58);outline-offset:3px}@media (prefers-reduced-motion:reduce){.aku-kartu{transition:none}a.aku-kartu:hover{transform:none}}.aku-kartu--mati{opacity:.82;cursor:default}.aku-kartu--sorot{box-shadow:0 0 0 1px color-mix(in srgb,var(--ak-emas) 45%,transparent),0 1px 2px rgba(20,25,33,.03),0 20px 44px -30px rgba(20,25,33,.85)}.aku-kartu-head{display:flex;align-items:center;gap:11px}.aku-ikon{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--ak-accent-deep,#414b58);background:color-mix(in srgb,var(--ak-accent,#5f6b7a) 13%,transparent);border:1px solid color-mix(in srgb,var(--ak-accent,#5f6b7a) 25%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}[data-theme=dark] .aku-zona .aku-ikon{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.aku-ikon>svg{color:var(--ak-accent-deep,#414b58);stroke:var(--ak-accent-deep,#414b58)}.aku-judul{font-family:var(--font-display,inherit);font-size:.99rem;font-weight:700;letter-spacing:-.012em;line-height:1.3;color:var(--ak-ink)}.aku-desc{margin-top:9px;font-size:.82rem;line-height:1.62;color:var(--ak-ink-soft);max-width:56ch}.aku-kartu--logo .aku-desc{margin-top:10px}.aku-logo-baris{display:block;max-width:100%}.aku-badge{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;font-size:.58rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ak-accent-deep,#414b58);background:color-mix(in srgb,var(--ak-accent,#5f6b7a) 11%,transparent);border:1px solid color-mix(in srgb,var(--ak-accent,#5f6b7a) 28%,transparent)}.aku-badge--pro{color:var(--ak-emas);background:color-mix(in srgb,var(--ak-emas) 12%,transparent);border-color:color-mix(in srgb,var(--ak-emas) 38%,transparent)}.aku-badge--kerja{color:var(--ak-ink-faint);background:transparent;border-color:var(--ak-line)}.aku-daftar{display:flex;flex-direction:column;gap:12px}@media (min-width:900px){.aku-daftar{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.aku-kartu--sorot{grid-column:1/-1}.aku-hero{padding:30px 32px 28px;border-radius:24px}.aku-hero-judul{font-size:2.3rem}.aku-hero-lead{font-size:.9rem}}