.materi-doc{--m-line:var(--color-line,#e7e0d4);--m-ink:var(--color-ink,#2a2622);color:var(--m-ink)}.materi-doc-head{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--m-line);display:flex;align-items:center;gap:12px}.materi-doc-ico{flex-shrink:0}.materi-doc-head-text{min-width:0}.materi-doc-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--m-ink);opacity:.55;margin-bottom:6px}.materi-doc-title{font-family:var(--font-figtree,inherit);font-size:23px;line-height:1.2;font-weight:600;margin:0;letter-spacing:-.01em}.materi-doc-body{display:flex;flex-direction:column;gap:18px}.materi-key{padding:.5px 5px;border-radius:6px;font-weight:700;color:inherit;background:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}.materi-key--utama{background:color-mix(in srgb,#f6c445 36%,transparent)}.dark .materi-key--utama,[data-theme=dark] .materi-key--utama{background:color-mix(in srgb,#f6c445 24%,transparent)}.materi-key--istilah{background:color-mix(in srgb,var(--color-primary,#0097a9) 12%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-primary,#0097a9) 45%,transparent);border-radius:6px 6px 2px 2px}.dark .materi-key--istilah,[data-theme=dark] .materi-key--istilah{background:color-mix(in srgb,var(--color-primary,#3fc4d4) 18%,transparent);border-bottom-color:color-mix(in srgb,var(--color-primary,#3fc4d4) 55%,transparent)}.materi-key--kalimat{font-weight:600;padding:1.5px 5px}.materi-key--k-pokok{background:color-mix(in srgb,#ffd43b 40%,transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb,#e8b304 55%,transparent)}.materi-key--k-simpul{background:color-mix(in srgb,#34d399 26%,transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb,#0e9f6e 45%,transparent)}.materi-key--k-penting{background:color-mix(in srgb,#fb923c 30%,transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb,#ea580c 45%,transparent)}.dark .materi-key--k-pokok,[data-theme=dark] .materi-key--k-pokok{background:color-mix(in srgb,#ffd43b 24%,transparent)}.dark .materi-key--k-simpul,[data-theme=dark] .materi-key--k-simpul{background:color-mix(in srgb,#34d399 18%,transparent)}.dark .materi-key--k-penting,[data-theme=dark] .materi-key--k-penting{background:color-mix(in srgb,#fb923c 20%,transparent)}.materi-key--kalimat .materi-key--utama{background:color-mix(in srgb,#f6c445 55%,transparent)}.materi-key--kalimat .materi-key--istilah{background:transparent}.tpk-ico{--tpk-c:var(--color-primary,#0097a9);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;position:relative;background:radial-gradient(130% 130% at 26% 14%,color-mix(in srgb,#fff 34%,transparent) 0,transparent 52%),linear-gradient(150deg,color-mix(in srgb,var(--tpk-c) 78%,#fff) 0,var(--tpk-c) 46%,color-mix(in srgb,var(--tpk-c) 76%,#000) 100%);border:1px solid color-mix(in srgb,var(--tpk-c) 62%,#000 12%);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 46%,transparent),inset 0 -8px 12px -8px color-mix(in srgb,#000 40%,transparent),0 4px 12px -4px color-mix(in srgb,var(--tpk-c) 55%,transparent);color:#ffffff}.tpk-ico svg{filter:drop-shadow(0 1px 1.5px color-mix(in srgb,#000 32%,transparent))}.dark .tpk-ico,[data-theme=dark] .tpk-ico{border-color:color-mix(in srgb,var(--tpk-c) 55%,#000 30%);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 26%,transparent),inset 0 -8px 12px -8px color-mix(in srgb,#000 55%,transparent),0 4px 14px -4px color-mix(in srgb,var(--tpk-c) 40%,#000)}.tpk-ico--ondark{--tpk-c:#ffffff;background:radial-gradient(125% 140% at 24% 16%,rgba(255,255,255,.38) 0,transparent 58%),rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);color:#ffffff}.tpk-ico-plain{display:inline-flex;color:var(--color-primary,#0097a9)}.materi-p{font-size:15.5px;line-height:1.78;margin:0;color:var(--m-ink);max-width:64ch}.materi-callout{position:relative;padding:2px 0 2px 16px;border-left:2.5px solid var(--m-accent,var(--color-primary));display:flex;flex-direction:column;gap:7px}.materi-callout--primary{--m-accent:var(--color-primary,#c0603a)}.materi-callout--amber{--m-accent:var(--color-amber,#c08a2e)}.materi-callout--coral{--m-accent:var(--color-coral,#cf5b4e)}.materi-callout--sage{--m-accent:var(--color-sage,#5f8a5a)}.materi-callout--ink{--m-accent:color-mix(in srgb,var(--m-ink) 45%,transparent)}.materi-callout-label{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--m-accent)}.materi-callout--ink .materi-callout-label{color:color-mix(in srgb,var(--m-ink) 72%,transparent)}.materi-callout-body{display:flex;flex-direction:column;gap:8px}.materi-callout-text{font-size:14.5px;line-height:1.7;margin:0;color:var(--m-ink)}.materi-def-term{font-weight:700;font-size:15px;color:var(--m-ink)}.materi-mnemonik{align-self:flex-start;font-family:var(--font-mono,monospace);font-size:12.5px;padding:6px 10px;border-radius:7px;background:color-mix(in srgb,var(--m-accent) 12%,var(--color-surface,#fff));color:var(--m-accent)}.materi-langkah{margin:2px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.materi-langkah li{font-size:14px;line-height:1.65}.materi-summary-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.materi-summary-list li{font-size:14px;line-height:1.6}.materi-formula{margin:0;text-align:center;padding:16px 14px;border:1px solid var(--m-line);border-radius:12px;background:color-mix(in srgb,var(--color-primary,#c0603a) 4%,var(--color-surface,#fff))}.materi-formula-eq{font-family:var(--font-mono,monospace);font-size:17px;color:var(--m-ink)}.materi-formula figcaption{font-size:12.5px;opacity:.7;margin-top:8px}.materi-figure{margin:0}.materi-figure figcaption{font-size:12.5px;opacity:.7;margin-top:8px;text-align:center}.materi-svg{border:1px solid var(--m-line);border-radius:12px;padding:14px;overflow:hidden;background:var(--color-surface,#fff)}.materi-svg--polos{border:0;border-radius:0;padding:0;background:transparent}.materi-media-ph{min-height:120px;border:1px dashed var(--m-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:color-mix(in srgb,var(--m-ink) 55%,transparent);font-size:13px;text-align:center;padding:16px}.materi-media-ph--video{aspect-ratio:16/9;min-height:0}.materi-dialog{padding-left:16px;border-left:2.5px solid color-mix(in srgb,var(--m-ink) 30%,transparent)}.materi-dialog-who{font-size:11px;font-weight:700;letter-spacing:.05em;opacity:.6;margin-bottom:4px}.materi-checkpoint{padding:16px}.materi-checkpoint-label{color:color-mix(in srgb,var(--m-ink) 72%,transparent);margin-bottom:10px}.materi-checkpoint-q{margin:0 0 12px;font-size:14.5px;line-height:1.6}.materi-checkpoint-opts{display:flex;flex-direction:column;gap:6px}.materi-checkpoint-opt{padding:11px 14px;background:var(--color-surface-2,#f5f0e6);border:1px solid transparent;border-radius:10px;text-align:left;font-size:13.5px;cursor:pointer;color:var(--m-ink);transition:background .12s,border-color .12s}.materi-checkpoint-opt:hover:not(:disabled){border-color:var(--m-line)}.materi-checkpoint-opt:disabled{cursor:default}.materi-checkpoint-opt.is-picked{background:color-mix(in srgb,var(--color-primary,#c0603a) 12%,var(--color-surface,#fff))}.materi-checkpoint-opt.is-correct{background:color-mix(in srgb,var(--color-sage,#5f8a5a) 16%,var(--color-surface,#fff));border-color:var(--color-sage,#5f8a5a)}.materi-checkpoint-opt.is-wrong{background:color-mix(in srgb,var(--color-coral,#cf5b4e) 14%,var(--color-surface,#fff));border-color:var(--color-coral,#cf5b4e)}.materi-checkpoint-fb{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.55}.materi-checkpoint-fb.is-correct{background:color-mix(in srgb,var(--color-sage,#5f8a5a) 12%,var(--color-surface,#fff))}.materi-checkpoint-fb.is-wrong{background:color-mix(in srgb,var(--color-coral,#cf5b4e) 10%,var(--color-surface,#fff))}.materi-table-wrap{overflow-x:auto;margin:0;border-radius:10px;border:1px solid var(--m-line)}.materi-table{border-collapse:collapse;width:100%}.materi-table td,.materi-table th{border-bottom:1px solid var(--m-line);padding:8px 12px;text-align:left;font-size:13.5px;line-height:1.55}.materi-table tr:last-child td{border-bottom:none}.materi-table thead th{background:color-mix(in srgb,var(--color-primary,#c0603a) 6%,var(--color-surface,#fff));font-weight:700;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--m-ink)}.materi-table-wrap figcaption{font-size:12.5px;opacity:.65;padding:6px 12px 10px;text-align:center}.materi-list{font-size:14.5px;line-height:1.75;margin:0;color:var(--m-ink)}@media (max-width:768px){.materi-doc-title{font-size:20px}.materi-p{font-size:15px;line-height:1.75}}.materi-anim--armed{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .45s var(--ease-out-strong,cubic-bezier(.23,1,.32,1))}.materi-anim--armed.is-in{opacity:1;transform:none}.materi-anim--armed .materi-callout-body,.materi-anim--armed .materi-callout-label{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}.materi-anim--armed.is-in .materi-callout-label{opacity:1;transform:none;transition-delay:.12s}.materi-anim--armed.is-in .materi-callout-body{opacity:1;transform:none;transition-delay:.22s}.materi-anim--armed .materi-callout{border-left-color:transparent;background-image:linear-gradient(to bottom,var(--m-accent,var(--color-primary)) 0,var(--m-accent,var(--color-primary)) 100%);background-repeat:no-repeat;background-size:2.5px 0;background-position:0 0;background-origin:border-box;background-clip:border-box;transition:background-size .6s cubic-bezier(.22,.9,.3,1) .1s}.materi-anim--armed.is-in .materi-callout{background-size:2.5px 100%}.materi-def-term{width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(to right,color-mix(in srgb,var(--m-accent,var(--color-primary)) 55%,transparent),color-mix(in srgb,var(--m-accent,var(--color-primary)) 55%,transparent));background-repeat:no-repeat;background-size:100% 2px;background-position:left calc(100% - 1px);padding-bottom:3px}.materi-anim--armed .materi-def-term{background-size:0 2px;transition:background-size .55s cubic-bezier(.22,.9,.3,1) .3s}.materi-anim--armed.is-in .materi-def-term{background-size:100% 2px}.materi-anim--armed .materi-summary-list li{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.materi-anim--armed.is-in .materi-summary-list li{opacity:1;transform:none}.materi-anim--armed.is-in .materi-summary-list li:first-child{transition-delay:.15s}.materi-anim--armed.is-in .materi-summary-list li:nth-child(2){transition-delay:.24s}.materi-anim--armed.is-in .materi-summary-list li:nth-child(3){transition-delay:.33s}.materi-anim--armed.is-in .materi-summary-list li:nth-child(4){transition-delay:.42s}.materi-anim--armed.is-in .materi-summary-list li:nth-child(5){transition-delay:.51s}.materi-anim--armed.is-in .materi-summary-list li:nth-child(6){transition-delay:.6s}.materi-anim--armed.is-in .materi-summary-list li:nth-child(n+7){transition-delay:.68s}.materi-anim--armed .materi-formula{transform:scale(.985);transition:transform .55s cubic-bezier(.22,.9,.3,1) .1s}.materi-anim--armed.is-in .materi-formula{transform:none}.materi-anim--armed.is-in .materi-formula-eq{animation:materi-formula-glow 1.4s ease .35s 1;border-radius:8px}@keyframes materi-formula-glow{0%{background:transparent}35%{background:color-mix(in srgb,var(--color-primary,#0097a9) 10%,transparent)}to{background:transparent}}.materi-anim--armed .materi-langkah li{opacity:0;transition:opacity .4s ease}.materi-anim--armed.is-in .materi-langkah li{opacity:1}.materi-anim--armed.is-in .materi-langkah li:first-child{transition-delay:.2s}.materi-anim--armed.is-in .materi-langkah li:nth-child(2){transition-delay:.34s}.materi-anim--armed.is-in .materi-langkah li:nth-child(3){transition-delay:.48s}.materi-anim--armed.is-in .materi-langkah li:nth-child(4){transition-delay:.62s}.materi-anim--armed.is-in .materi-langkah li:nth-child(n+5){transition-delay:.74s}.materi-anim--armed .materi-table tbody tr{opacity:0;transition:opacity .35s ease}.materi-anim--armed.is-in .materi-table tbody tr{opacity:1}.materi-anim--armed.is-in .materi-table tbody tr:first-child{transition-delay:.12s}.materi-anim--armed.is-in .materi-table tbody tr:nth-child(2){transition-delay:.2s}.materi-anim--armed.is-in .materi-table tbody tr:nth-child(3){transition-delay:.28s}.materi-anim--armed.is-in .materi-table tbody tr:nth-child(4){transition-delay:.36s}.materi-anim--armed.is-in .materi-table tbody tr:nth-child(5){transition-delay:.44s}.materi-anim--armed.is-in .materi-table tbody tr:nth-child(n+6){transition-delay:.5s}.materi-table tbody tr:hover td{background:color-mix(in srgb,var(--color-primary,#0097a9) 5%,transparent)}.materi-checkpoint-opt{transition:background .14s,border-color .14s,transform .12s ease}@media (hover:hover) and (pointer:fine){.materi-checkpoint-opt:hover:not(:disabled){transform:translateY(-1px)}}.materi-checkpoint-opt:active:not(:disabled){transform:scale(.985)}.materi-checkpoint-opt.is-correct{animation:materi-cp-pop .42s cubic-bezier(.34,1.56,.64,1) 1}.materi-checkpoint-opt.is-wrong{animation:materi-cp-shake .4s ease 1}@keyframes materi-cp-pop{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes materi-cp-shake{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(1.5px)}75%{transform:translateY(-1px)}}.materi-checkpoint-fb{animation:materi-fb-masuk .4s ease 1}@keyframes materi-fb-masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.materi-anim--armed .materi-svg{transition:border-color .6s ease .2s}.materi-anim--armed.is-in .materi-svg{border-color:color-mix(in srgb,var(--color-primary,#0097a9) 30%,var(--m-line))}@media (prefers-reduced-motion:reduce){.materi-anim--armed,.materi-anim--armed *{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.materi-anim--armed .materi-callout{background-size:2.5px 100%}.materi-anim--armed .materi-def-term{background-size:100% 2px}}.topik-tab-btn{white-space:nowrap}.topik-tab-label{overflow:hidden}@media (max-width:420px){.topik-tab-btn{padding:8px 4px!important;gap:0!important}.topik-tab-label{display:none}.topik-tab-label-active{display:inline}}:root{--k-surface:#ffffff;--k-surface-2:#f4f6f9;--k-border:#e5e7eb;--k-border-strong:#d5dae1;--k-ink:#111827;--k-muted:var(--k-ink);--k-hint:var(--k-ink);--k-blue:#185fa5;--k-blue-deep:#0c447c;--k-blue-soft:#eff6ff;--k-teal:#0d9488;--k-teal-soft:#f0fdf9;--k-green:#15803d;--k-green-soft:#e7f7ec;--k-r-card:16px;--k-r-lg:18px;--k-r-btn:10px;--k-r-tile:9px;--k-shadow-hover:0 8px 24px -14px rgba(16,24,39,0.28),0 2px 6px -4px rgba(16,24,39,0.12)}.dark,[data-theme=dark]{--k-surface:#12161d;--k-surface-2:#171c25;--k-border:#262d38;--k-border-strong:#3a424f;--k-ink:#f3f5f8;--k-muted:#a7b0bd;--k-hint:#7c8493;--k-blue:#5ea0e6;--k-blue-deep:#8fbdf0;--k-blue-soft:#16273d;--k-teal:#3fc4d4;--k-teal-soft:#10262b;--k-green:#4ec27f;--k-green-soft:#12291c;--k-shadow-hover:0 10px 28px -14px rgba(0,0,0,0.6),0 2px 6px -4px rgba(0,0,0,0.5)}.krs-scope{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--k-ink);-webkit-font-smoothing:antialiased;--color-surface-raised:var(--k-surface);--color-paper:var(--k-surface);--color-paper-elevated:var(--k-surface);--color-border:var(--k-border);--color-border-primary:var(--k-border);--color-border-secondary:var(--k-border);--color-border-tertiary:var(--k-border);--color-line:var(--k-border);--color-rule:var(--k-border);--color-divider:var(--k-border);--shadow-sm:0 1px 2px rgba(16,24,39,0.05);--shadow-md:var(--k-shadow-hover);--shadow:var(--k-shadow-hover);--font-display:var(--font-inter);--font-sans:var(--font-inter);--color-ink:var(--k-ink);--color-ink-2:var(--k-ink);--color-ink-3:var(--k-ink);--color-ink-soft:var(--k-muted);--color-ink-muted:var(--k-muted);--color-muted:var(--k-muted);--color-text-soft:var(--k-muted);--color-text-tertiary:var(--k-muted);--color-primary:var(--k-blue);--color-primary-700:var(--k-blue-deep);--color-primary-900:var(--k-blue-deep);--color-primary-50:var(--k-blue-soft);--color-primary-100:var(--k-blue-soft);--color-primary-soft:var(--k-blue-soft);--color-accent:var(--k-blue);--color-accent-50:var(--k-blue-soft);--color-accent-100:var(--k-blue-soft);--color-accent-cool:var(--k-blue);--color-cool-accent:var(--k-blue);--color-cool-accent-soft:var(--k-blue-soft);--color-navy:var(--k-blue-deep);--path-mapel:var(--k-blue);--path-mapel-soft:var(--k-blue-soft);--path-snbt:var(--k-blue);--path-snbt-soft:var(--k-blue-soft);--path-kedinasan:var(--k-blue-deep);--path-mandiri:var(--k-blue);--path-mandiri-soft:var(--k-blue-soft);--path-kenali:var(--k-green);--path-kenali-soft:var(--k-green-soft);--color-sage:var(--k-green);--color-sage-50:var(--k-green-soft);--color-sage-100:var(--k-green-soft);--color-sage-400:var(--k-green);--color-sage-700:var(--k-green);--color-surface:var(--k-surface-2);--color-surface-1:var(--k-surface);--color-surface-2:var(--k-surface-2);--color-surface-muted:var(--k-surface-2);--color-tile-bg:var(--k-surface-2);--color-paper-2:var(--k-surface-2);--color-bg-soft:var(--k-surface-2)}.dark .krs-scope,[data-theme=dark] .krs-scope{--color-on-primary:#0b1220}.krs-scope ::-moz-selection{background:color-mix(in srgb,var(--k-blue) 22%,transparent)}.krs-scope ::selection{background:color-mix(in srgb,var(--k-blue) 22%,transparent)}@keyframes krsIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes krsMeter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.krs-rise{opacity:0;animation:krsIn .42s cubic-bezier(.22,1,.36,1) forwards}.krs-page-head{margin-bottom:22px}.krs-page-head .krs-sec-kicker{display:block;margin-bottom:8px}.krs-page-title{font-size:30px;font-weight:800;letter-spacing:-.028em;line-height:1.1;color:var(--k-ink);margin:0;text-wrap:balance}.krs-page-sub{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--k-muted);max-width:64ch}.krs-sec{margin-bottom:16px}.krs-sec-row{display:flex;align-items:center;gap:9px;margin-bottom:7px}.krs-sec-ico{width:32px;height:32px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(120% 140% at 24% 18%,color-mix(in srgb,var(--k-blue) 32%,#fff) 0,transparent 58%),linear-gradient(135deg,var(--k-blue-soft),color-mix(in srgb,var(--k-blue) 16%,var(--k-blue-soft)));border:1px solid color-mix(in srgb,var(--k-blue) 22%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent),0 2px 6px -3px color-mix(in srgb,var(--k-blue) 32%,transparent);color:var(--k-blue-deep)}.krs-sec-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--k-blue-deep)}.krs-sec-title{font-size:23px;font-weight:800;letter-spacing:-.022em;line-height:1.15;color:var(--k-ink);margin:0;text-wrap:balance}.krs-sec-desc{font-size:13px;line-height:1.55;color:var(--k-muted);margin:5px 0 0;max-width:60ch}.krs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.krs-grid--topik{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:639px){.krs-grid--topik{grid-template-columns:minmax(0,1fr);gap:10px}}.krs-card{position:relative;background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-r-card);box-shadow:none;overflow:hidden;transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease}.krs-card--live{cursor:pointer;display:block;text-decoration:none;color:inherit}.krs-card--live:focus-visible,.krs-card--live:hover{border-color:var(--k-border-strong);box-shadow:var(--k-shadow-hover);transform:translateY(-2px);outline:none}.krs-card--live:focus-visible{box-shadow:0 0 0 2px var(--k-blue),var(--k-shadow-hover)}.krs-card--soon{opacity:.62}.krs-rule{display:none}.krs-ico{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;position:relative;background:radial-gradient(125% 140% at 24% 16%,color-mix(in srgb,var(--k-blue) 34%,#fff) 0,transparent 58%),linear-gradient(135deg,var(--k-blue-soft),color-mix(in srgb,var(--k-blue) 18%,var(--k-blue-soft)));border:1px solid color-mix(in srgb,var(--k-blue) 24%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent),inset 0 -7px 10px -8px color-mix(in srgb,var(--k-blue) 48%,transparent),0 3px 10px -4px color-mix(in srgb,var(--k-blue) 38%,transparent);color:var(--k-blue-deep);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.krs-card--live:hover .krs-ico{transform:translateY(-1px) scale(1.05);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent),inset 0 -7px 10px -8px color-mix(in srgb,var(--k-blue) 48%,transparent),0 7px 18px -5px color-mix(in srgb,var(--k-blue) 48%,transparent)}.krs-no{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--k-hint)}.krs-meter{height:6px;border-radius:999px;background:color-mix(in srgb,var(--k-blue) 14%,var(--k-surface-2));overflow:hidden}.krs-meter-fill{height:100%;border-radius:999px;background:var(--k-blue);transform-origin:left center;animation:krsMeter .6s cubic-bezier(.22,1,.36,1) both}.krs-meter-num{font-family:var(--font-mono,ui-monospace,monospace);font-size:10.5px;font-weight:700;color:var(--k-muted)}.krs-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.005em;padding:4px 10px;border-radius:999px;white-space:nowrap}.krs-pill--go{background:var(--k-blue-soft);color:var(--k-blue-deep)}.krs-pill--done{background:var(--k-green-soft);color:var(--k-green)}.krs-pill--soon{background:transparent;border:1px solid var(--k-border);color:var(--k-muted)}.krs-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:700;font-size:14px;border-radius:var(--k-r-btn);cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .14s ease}.krs-btn:active{transform:translateY(1px)}.krs-btn--primary{background:var(--k-blue);color:#ffffff;border:1px solid var(--k-blue);padding:11px 18px}.krs-btn--primary:hover{background:var(--k-blue-deep);border-color:var(--k-blue-deep)}.dark .krs-btn--primary,[data-theme=dark] .krs-btn--primary{color:#0b1220}.krs-btn--ghost{background:var(--k-surface);color:var(--k-ink);border:1px solid var(--k-border);padding:10px 16px}.krs-btn--ghost:hover{border-color:var(--k-border-strong);background:var(--k-surface-2)}.krs-btn-arrow{transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.krs-btn:hover .krs-btn-arrow{transform:translateX(3px)}.krs-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:var(--k-r-card);background:var(--k-surface);border:1px solid var(--k-border);box-shadow:none;text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease}.krs-row--link:focus-visible,.krs-row--link:hover{border-color:var(--k-border-strong);box-shadow:var(--k-shadow-hover);transform:translateY(-2px);outline:none}.krs-row-chev{transition:transform .22s cubic-bezier(.22,1,.36,1);flex-shrink:0;color:var(--k-hint)}.krs-row--link:hover .krs-row-chev{transform:translateX(3px)}.krs-hero{position:relative;background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-r-lg);box-shadow:none;padding:22px 22px 20px;overflow:hidden}.krs-hero-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--k-blue-deep)}.krs-hero-underline{display:none}.krs-hero-title{font-size:26px;font-weight:800;letter-spacing:-.024em;line-height:1.12;color:var(--k-ink);margin:8px 0 4px;text-wrap:balance}.krs-metric{background:var(--k-surface-2);border:1px solid var(--k-border);border-radius:12px;padding:13px 14px}.krs-metric-num{font-family:var(--font-mono,ui-monospace,monospace);font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--k-ink);line-height:1}.krs-metric-num--grow{color:var(--k-green)}.krs-metric-lbl{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--k-muted);margin-top:6px}.krs-seg-wrap{display:inline-flex;gap:4px;padding:3px;background:var(--k-surface-2);border-radius:8px;border:1px solid var(--k-border)}.krs-seg{min-width:30px;padding:5px 11px;border-radius:6px;font-size:13px;font-weight:700;font-family:var(--font-mono,ui-monospace,monospace);cursor:pointer;border:none;background:transparent;color:var(--k-muted);transition:background .16s ease,color .16s ease}.krs-seg:hover{background:var(--k-surface);color:var(--k-ink)}.krs-seg--on{background:var(--k-blue);color:#ffffff}.dark .krs-seg--on,[data-theme=dark] .krs-seg--on{color:#0b1220}.krs-seg:focus-visible{outline:none;box-shadow:0 0 0 2px var(--k-blue)}.krs-topik{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;background:var(--k-surface);border:1px solid var(--k-border);box-shadow:none;text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease}.krs-topik--link{cursor:pointer}.krs-topik--link:focus-visible,.krs-topik--link:hover{border-color:var(--k-border-strong);transform:translateX(2px);outline:none}.krs-topik--locked{opacity:.5}.krs-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0;background:var(--k-border-strong)}.krs-dot--done{background:var(--k-green)}.krs-topik-num{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-weight:700;color:var(--k-hint)}.ph-title.krs-title-gold{color:var(--ssma-gold-600,#b8902f)}.ki-bar{transform-box:fill-box;transform-origin:bottom;animation:kiBar 2.2s ease-in-out infinite}.ki-bar-2{animation-delay:.18s}.ki-bar-3{animation-delay:.36s}@keyframes kiBar{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}.ki-wave{opacity:.25;animation:kiWave 1.8s ease-in-out infinite}.ki-wave-2{animation-delay:.25s}@keyframes kiWave{0%,to{opacity:.2}50%{opacity:1}}.ki-ring{transform-box:fill-box;transform-origin:center;animation:kiRing 2.4s ease-out infinite}@keyframes kiRing{0%{transform:scale(.62);opacity:.85}to{transform:scale(1.15);opacity:0}}.ki-page{transform-box:fill-box;transform-origin:left center;animation:kiPage 3.2s ease-in-out infinite}@keyframes kiPage{0%,to{transform:scaleX(1)}50%{transform:scaleX(.16)}}.ki-needle{transform-box:fill-box;transform-origin:center;animation:kiNeedle 6s ease-in-out infinite}@keyframes kiNeedle{0%{transform:rotate(0)}25%{transform:rotate(38deg)}55%{transform:rotate(-22deg)}80%{transform:rotate(12deg)}to{transform:rotate(0)}}.ki-link{stroke-dasharray:16;stroke-dashoffset:16;animation:kiDraw 2.6s ease-in-out infinite}.ki-link-2{animation-delay:.2s}.ki-link-3{animation-delay:.4s}@keyframes kiDraw{0%{stroke-dashoffset:16}45%,to{stroke-dashoffset:0}}.ki-node{transform-box:fill-box;transform-origin:center;animation:kiNode 2.6s ease-in-out infinite}.ki-node-2{animation-delay:.2s}.ki-node-3{animation-delay:.4s}@keyframes kiNode{0%,to{transform:scale(.78);opacity:.55}50%{transform:scale(1);opacity:1}}.ki-shield{transform-box:fill-box;transform-origin:center;animation:kiShield 2.8s ease-in-out infinite}@keyframes kiShield{0%,to{transform:scale(.93)}50%{transform:scale(1)}}.ki-check{stroke-dasharray:13;stroke-dashoffset:13;animation:kiCheck 2.8s ease-in-out infinite}@keyframes kiCheck{0%,18%{stroke-dashoffset:13}50%,to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.ki-bar,.ki-check,.ki-link,.ki-needle,.ki-node,.ki-page,.ki-ring,.ki-shield,.ki-wave{animation:none!important;opacity:1;stroke-dashoffset:0;transform:none}.krs-meter-fill,.krs-rise{animation:none!important;opacity:1;transform:none}.krs-btn,.krs-btn-arrow,.krs-card,.krs-card--live,.krs-ico,.krs-row,.krs-row-chev,.krs-topik{transition:none!important}.krs-btn:active,.krs-btn:hover,.krs-card--live:hover,.krs-row--link:hover,.krs-topik--link:hover{transform:none!important}}.karz-root{--karz-naik:var(--k-green);--karz-naik-soft:var(--k-green-soft);--karz-stabil:var(--k-blue-deep);--karz-stabil-soft:var(--k-blue-soft);--karz-waspada:#b3352b;--karz-waspada-soft:#fbeae8}.dark .karz-root,[data-theme=dark] .karz-root{--karz-waspada:#ef8478;--karz-waspada-soft:#35201d}.karz-ai-band{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:11px 14px;border-radius:12px;border:1px solid var(--k-border);background:var(--k-surface-2)}.karz-ai-label{font-family:var(--font-mono,ui-monospace,monospace);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--k-blue-deep);flex-shrink:0}.karz-ai-teks{font-size:12.5px;line-height:1.5;color:var(--k-muted)}.karz-card{text-align:left;width:100%;font-family:inherit;padding:0;margin:0}.karz-card-in{padding:16px 16px 15px}.karz-card-head{display:flex;align-items:center;gap:11px;margin-bottom:6px}.karz-card-ikon{font-size:20px;line-height:1}.karz-card-title{flex:1;min-width:0;margin:0;font-size:15.5px;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:var(--k-ink)}.karz-card-ringkas{font-size:12.5px;line-height:1.5;color:var(--k-muted);margin:0 0 13px}.karz-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.karz-card-meta+.karz-card-meta{margin-top:8px}.karz-income{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.02em;color:var(--k-hint)}.karz-arah,.karz-income{font-size:11px;font-weight:700}.karz-arah{display:inline-flex;align-items:center;gap:5px;letter-spacing:.005em;padding:4px 10px;border-radius:999px;white-space:nowrap}.karz-arah[data-arah=naik]{background:var(--karz-naik-soft);color:var(--karz-naik)}.karz-arah[data-arah=stabil]{background:var(--karz-stabil-soft);color:var(--karz-stabil)}.karz-arah[data-arah=waspada]{background:var(--karz-waspada-soft);color:var(--karz-waspada)}.karz-stars{font-size:12px;letter-spacing:1px;color:var(--k-blue)}.karz-stars [data-empty="1"],.karz-stars[data-empty="1"]{color:var(--k-border-strong)}.karz-kenali-prompt{font-size:11.5px;color:var(--k-muted)}.karz-tags{display:flex;gap:6px;flex-wrap:wrap}.karz-tag{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--k-border);color:var(--k-muted);background:transparent}.karz-tag[data-hi="1"]{border-color:transparent;background:var(--k-blue-soft);color:var(--k-blue-deep)}.karz-overlay{position:fixed;inset:0;z-index:2000;background:rgba(10,16,22,.62);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;animation:karz-fade .16s ease}@keyframes karz-fade{0%{opacity:0}to{opacity:1}}.karz-modal{width:100%;max-width:640px;background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-r-lg);overflow:hidden;margin:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}.karz-modal-hero{position:relative;padding:20px 18px 17px;display:flex;align-items:center;gap:13px;background:var(--k-surface-2);border-bottom:1px solid var(--k-border)}.karz-modal-hero-ikon{font-size:24px;line-height:1}.karz-modal-htitle{z-index:2;padding-right:40px}.karz-modal-htitle h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--k-ink);text-wrap:balance}.karz-close{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:var(--k-r-btn);border:1px solid var(--k-border);background:var(--k-surface);color:var(--k-ink);font-size:18px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.karz-close:hover{border-color:var(--k-border-strong);background:var(--k-surface-2)}.karz-modal-body{padding:16px 18px 22px}.karz-block{margin-top:18px}.karz-block h4{margin:0 0 6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--k-blue-deep)}.karz-block li,.karz-block p{font-size:13.5px;line-height:1.55;color:var(--k-muted)}.karz-block ul{margin:4px 0 0;padding-left:18px}.karz-src{font-size:10.5px;color:var(--k-hint);margin-top:2px}.karz-income-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.karz-income-cell{background:var(--k-surface-2);border:1px solid var(--k-border);border-radius:12px;padding:10px 12px}.karz-income-cell span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--k-muted);margin-bottom:4px}.karz-income-cell b{font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--k-ink)}.karz-cta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.karz-cta{display:inline-flex;align-items:center;gap:6px;background:var(--k-blue);color:#ffffff;text-decoration:none;border:1px solid var(--k-blue);border-radius:var(--k-r-btn);padding:9px 15px;font-size:13px;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .14s ease}.karz-cta:hover{background:var(--k-blue-deep);border-color:var(--k-blue-deep)}.karz-cta:active{transform:translateY(1px)}.dark .karz-cta,[data-theme=dark] .karz-cta{color:#0b1220}.karz-hambatan li{color:var(--karz-waspada)}.karz-kompas{background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-r-card);padding:18px 16px 20px;margin-bottom:20px}.karz-kompas-sec{margin-top:18px}.karz-kompas-sec:first-child{margin-top:0}.karz-kompas-sec h4{margin:0 0 8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--k-blue-deep)}.karz-kompas-q{background:var(--k-surface-2);border:1px solid var(--k-border);border-radius:12px;padding:11px 13px;margin-bottom:8px}.karz-kompas-q b{display:block;font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--k-ink);margin-bottom:3px}.karz-kompas-q p{margin:0;font-size:12.5px;line-height:1.5;color:var(--k-muted)}.karz-kompas-q small{color:var(--k-blue-deep);font-weight:700}.karz-chip-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.karz-chip-list li{font-size:13px;line-height:1.5;color:var(--k-muted)}.karz-chip-list li b{color:var(--k-ink)}.karz-tahap{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.karz-tahap-card{background:var(--k-surface);border:1px solid var(--k-border);border-radius:12px;padding:11px 13px}.karz-tahap-card b{font-family:var(--font-mono,ui-monospace,monospace);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--k-blue-deep)}.karz-tahap-card span{display:block;font-size:15px;font-weight:800;letter-spacing:-.015em;color:var(--k-ink);margin:3px 0 4px}.karz-tahap-card p{margin:0;font-size:12px;line-height:1.45;color:var(--k-muted)}.karz-jalan,.karz-misi{margin-bottom:32px}.karz-entry{display:block;text-decoration:none;position:relative;border-radius:20px;overflow:hidden;margin:26px 0 4px;min-height:148px;border:1px solid rgba(255,255,255,.68);background-color:rgba(255,255,255,.42);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 10px 30px -14px rgba(20,30,40,.22),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -10px 18px -16px rgba(20,30,40,.12);transition:transform .18s ease,box-shadow .18s ease}.karz-entry:hover{transform:translateY(-3px);box-shadow:0 20px 44px -16px rgba(20,30,40,.32),inset 0 1px 0 rgba(255,255,255,.9)}.dark .karz-entry,[data-theme=dark] .karz-entry{border-color:rgba(255,255,255,.24);background-color:rgba(255,255,255,.1);box-shadow:0 10px 34px -16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.16)}.karz-entry-in{position:relative;z-index:2;padding:20px 22px;display:flex;flex-direction:row;align-items:center;gap:18px;min-height:128px}.karz-entry-ikon{flex:0 0 auto;font-size:54px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.karz-entry-teks{display:flex;flex-direction:column;gap:5px}.karz-entry-kicker{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(107,77,14,.82);font-weight:700}.karz-entry-title{font-family:var(--font-display);font-size:23px;font-weight:800;margin:0;line-height:1.15;color:#6b4d0e}.karz-entry-sub{font-size:13px;color:rgba(107,77,14,.78);margin:0;max-width:40ch;line-height:1.45}.karz-entry-go{margin-top:8px;gap:7px;font-weight:700;font-size:13.5px}.karz-entry-go,.karz-entry-go span{display:inline-flex;align-items:center;color:#6b4d0e}.karz-entry-go span{background:rgba(232,185,63,.18);border:1.5px solid rgba(107,77,14,.4);border-radius:999px;width:26px;height:26px;justify-content:center}.dark .karz-entry-go,.dark .karz-entry-kicker,.dark .karz-entry-sub,.dark .karz-entry-title,[data-theme=dark] .karz-entry-go,[data-theme=dark] .karz-entry-kicker,[data-theme=dark] .karz-entry-sub,[data-theme=dark] .karz-entry-title{color:#f0d489}.dark .karz-entry-go,.dark .karz-entry-kicker,.dark .karz-entry-sub,[data-theme=dark] .karz-entry-go,[data-theme=dark] .karz-entry-kicker,[data-theme=dark] .karz-entry-sub{color:rgba(240,212,137,.82)}.dark .karz-entry-go span,[data-theme=dark] .karz-entry-go span{color:#f0d489;border-color:rgba(240,212,137,.4)}@media (prefers-reduced-motion:reduce){.karz-close,.karz-cta,.karz-entry{transition:none}.karz-cta:active,.karz-entry:hover{transform:none}.karz-overlay{animation:none}}@media (max-width:560px){.karz-income-grid{grid-template-columns:1fr}.karz-entry-title{font-size:20px}}@media (min-width:1024px){.karz-kompas{padding:20px 20px 22px}.karz-kompas-qgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.karz-kompas-qgrid .karz-kompas-q{margin-bottom:0;height:100%}.karz-chip-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}}:root{--t-surface:#ffffff;--t-surface-2:#f4f5fb;--t-border:#e4e5f0;--t-border-strong:#d2d4e8;--t-ink:#111827;--t-muted:var(--t-ink);--t-hint:var(--t-ink);--t-indigo:#4b57c4;--t-indigo-deep:#2e3785;--t-indigo-soft:#eef0fc;--t-green:#15803d;--t-green-soft:#e7f7ec;--t-r-card:16px;--t-r-lg:18px;--t-r-btn:10px;--t-r-tile:9px;--t-shadow-hover:0 8px 24px -14px rgba(24,22,60,0.28),0 2px 6px -4px rgba(24,22,60,0.12)}.dark,[data-theme=dark]{--t-surface:#14151f;--t-surface-2:#191b28;--t-border:#292c3d;--t-border-strong:#3c4058;--t-ink:#f3f4f8;--t-muted:#a9acc0;--t-hint:#80839a;--t-indigo:#8b93e8;--t-indigo-deep:#b0b6f0;--t-indigo-soft:#232544;--t-green:#4ec27f;--t-green-soft:#12291c;--t-shadow-hover:0 10px 28px -14px rgba(0,0,0,0.6),0 2px 6px -4px rgba(0,0,0,0.5)}.tka-scope{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--t-ink);-webkit-font-smoothing:antialiased;--color-surface-raised:var(--t-surface);--color-paper:var(--t-surface);--color-paper-elevated:var(--t-surface);--color-border:var(--t-border);--color-border-primary:var(--t-border);--color-border-secondary:var(--t-border);--color-border-tertiary:var(--t-border);--color-line:var(--t-border);--color-rule:var(--t-border);--color-divider:var(--t-border);--shadow-sm:0 1px 2px rgba(24,22,60,0.05);--shadow-md:var(--t-shadow-hover);--shadow:var(--t-shadow-hover);--font-display:var(--font-inter);--font-sans:var(--font-inter);--color-ink:var(--t-ink);--color-ink-2:var(--t-ink);--color-ink-3:var(--t-ink);--color-ink-soft:var(--t-muted);--color-ink-muted:var(--t-muted);--color-muted:var(--t-muted);--color-text-soft:var(--t-muted);--color-text-tertiary:var(--t-muted);--color-primary:var(--t-indigo);--color-primary-700:var(--t-indigo-deep);--color-primary-900:var(--t-indigo-deep);--color-primary-50:var(--t-indigo-soft);--color-primary-100:var(--t-indigo-soft);--color-primary-soft:var(--t-indigo-soft);--color-accent:var(--t-indigo);--color-accent-50:var(--t-indigo-soft);--color-accent-100:var(--t-indigo-soft);--color-sage:var(--t-green);--color-sage-50:var(--t-green-soft);--color-sage-100:var(--t-green-soft);--color-sage-400:var(--t-green);--color-sage-700:var(--t-green);--color-surface:var(--t-surface-2);--color-surface-1:var(--t-surface);--color-surface-2:var(--t-surface-2);--color-surface-muted:var(--t-surface-2);--color-tile-bg:var(--t-surface-2);--color-paper-2:var(--t-surface-2);--color-bg-soft:var(--t-surface-2)}.dark .tka-scope,[data-theme=dark] .tka-scope{--color-on-primary:#0b0d1a}.tka-scope ::-moz-selection{background:color-mix(in srgb,var(--t-indigo) 22%,transparent)}.tka-scope ::selection{background:color-mix(in srgb,var(--t-indigo) 22%,transparent)}@keyframes tkaIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tka-rise{opacity:0;animation:tkaIn .42s cubic-bezier(.22,1,.36,1) forwards}.tka-page-head{margin-bottom:22px}.tka-page-head .tka-sec-kicker{display:block;margin-bottom:8px}.tka-page-title{font-size:30px;font-weight:800;letter-spacing:-.028em;line-height:1.1;color:var(--t-ink);margin:0;text-wrap:balance}.tka-page-sub{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--t-muted);max-width:64ch}.tka-sec{margin-bottom:16px}.tka-sec-row{display:flex;align-items:center;gap:9px;margin-bottom:7px}.tka-sec-ico{width:32px;height:32px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(120% 140% at 24% 18%,color-mix(in srgb,var(--t-indigo) 32%,#fff) 0,transparent 58%),linear-gradient(135deg,var(--t-indigo-soft),color-mix(in srgb,var(--t-indigo) 16%,var(--t-indigo-soft)));border:1px solid color-mix(in srgb,var(--t-indigo) 22%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent),0 2px 6px -3px color-mix(in srgb,var(--t-indigo) 32%,transparent);color:var(--t-indigo-deep)}.tka-sec-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--t-indigo-deep)}.tka-sec-title{font-size:23px;font-weight:800;letter-spacing:-.022em;line-height:1.15;color:var(--t-ink);margin:0;text-wrap:balance}.tka-sec-desc{font-size:13px;line-height:1.55;color:var(--t-muted);margin:5px 0 0;max-width:60ch}.tka-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tka-card{position:relative;background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--t-r-card);box-shadow:none;overflow:hidden;transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease}.tka-card--live{cursor:pointer;display:block;text-decoration:none;color:inherit}.tka-card--live:focus-visible,.tka-card--live:hover{border-color:var(--t-border-strong);box-shadow:var(--t-shadow-hover);transform:translateY(-2px);outline:none}.tka-card--live:focus-visible{box-shadow:0 0 0 2px var(--t-indigo),var(--t-shadow-hover)}.tka-card--soon{opacity:.62}.tka-ico{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;position:relative;background:radial-gradient(125% 140% at 24% 16%,color-mix(in srgb,var(--t-indigo) 34%,#fff) 0,transparent 58%),linear-gradient(135deg,var(--t-indigo-soft),color-mix(in srgb,var(--t-indigo) 18%,var(--t-indigo-soft)));border:1px solid color-mix(in srgb,var(--t-indigo) 24%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent),inset 0 -7px 10px -8px color-mix(in srgb,var(--t-indigo) 48%,transparent),0 3px 10px -4px color-mix(in srgb,var(--t-indigo) 38%,transparent);color:var(--t-indigo-deep);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.tka-card--live:hover .tka-ico{transform:translateY(-1px) scale(1.05);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent),inset 0 -7px 10px -8px color-mix(in srgb,var(--t-indigo) 48%,transparent),0 7px 18px -5px color-mix(in srgb,var(--t-indigo) 48%,transparent)}.tka-ico--mapel{background:radial-gradient(125% 140% at 24% 16%,rgba(255,255,255,.55) 0,transparent 58%),var(--t-surface-2);border-color:var(--t-border)}.tka-no{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--t-hint)}.tka-meter{height:6px;border-radius:999px;background:color-mix(in srgb,var(--t-indigo) 14%,var(--t-surface-2));overflow:hidden}.tka-meter-fill{height:100%;border-radius:999px;background:var(--t-indigo);transform-origin:left center}.tka-meter-num{font-family:var(--font-mono,ui-monospace,monospace);font-size:10.5px;font-weight:700;color:var(--t-muted)}.tka-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.005em;padding:4px 10px;border-radius:999px;white-space:nowrap}.tka-pill--go{background:var(--t-indigo-soft);color:var(--t-indigo-deep)}.tka-pill--done{background:var(--t-green-soft);color:var(--t-green)}.tka-pill--soon{background:transparent;border:1px solid var(--t-border);color:var(--t-muted)}.tka-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:700;font-size:14px;border-radius:var(--t-r-btn);cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .14s ease}.tka-btn:active{transform:translateY(1px)}.tka-btn--primary{background:var(--t-indigo);color:#ffffff;border:1px solid var(--t-indigo);padding:11px 18px}.tka-btn--primary:hover{background:var(--t-indigo-deep);border-color:var(--t-indigo-deep)}.dark .tka-btn--primary,[data-theme=dark] .tka-btn--primary{color:#0b0d1a}.tka-btn--ghost{background:var(--t-surface);color:var(--t-ink);border:1px solid var(--t-border);padding:10px 16px}.tka-btn--ghost:hover{border-color:var(--t-border-strong);background:var(--t-surface-2)}.tka-btn-arrow{transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.tka-btn:hover .tka-btn-arrow{transform:translateX(3px)}.tka-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:var(--t-r-card);background:var(--t-surface);border:1px solid var(--t-border);box-shadow:none;text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease}.tka-row--link:focus-visible,.tka-row--link:hover{border-color:var(--t-border-strong);box-shadow:var(--t-shadow-hover);transform:translateY(-2px);outline:none}.tka-row-chev{transition:transform .22s cubic-bezier(.22,1,.36,1);flex-shrink:0;color:var(--t-hint)}.tka-row--link:hover .tka-row-chev{transform:translateX(3px)}.tka-topik{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;background:var(--t-surface);border:1px solid var(--t-border);box-shadow:none;text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease}.tka-topik--link{cursor:pointer}.tka-topik--link:focus-visible,.tka-topik--link:hover{border-color:var(--t-border-strong);transform:translateX(2px);outline:none}.tka-topik--locked{opacity:.5}.tka-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0;background:var(--t-border-strong)}.tka-dot--done{background:var(--t-green)}.tka-topik-num{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-weight:700;color:var(--t-hint)}.tka-scope .snav-expanded-mapel{border-radius:var(--t-r-card)}.tka-scope .snav-topik-card{background:var(--t-surface-2);border-color:var(--t-border);border-radius:var(--t-r-tile)}.tka-scope .snav-topik-card--open{border-color:var(--t-indigo)}@media (prefers-reduced-motion:reduce){.tka-meter-fill,.tka-rise{animation:none!important;opacity:1;transform:none}.tka-btn,.tka-btn-arrow,.tka-card,.tka-card--live,.tka-ico,.tka-row,.tka-row-chev,.tka-topik{transition:none!important}.tka-btn:active,.tka-btn:hover,.tka-card--live:hover,.tka-row--link:hover,.tka-topik--link:hover{transform:none!important}}.snbt-scope{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-inter);--font-sans:var(--font-inter);--color-primary:var(--path-snbt);--color-primary-700:var(--path-snbt);--color-primary-900:var(--path-snbt);--color-primary-50:var(--path-snbt-soft);--color-primary-100:var(--path-snbt-soft);--color-primary-soft:var(--path-snbt-soft);--color-accent:var(--path-snbt);--color-accent-50:var(--path-snbt-soft)}.dark .snbt-scope,[data-theme=dark] .snbt-scope{--color-on-primary:#071019}.snbt-page-wrapper{display:flex;flex-direction:column;gap:0}.snbt-cta-block{margin-bottom:12px}.snbt-cta-link{text-decoration:none;display:block}.snbt-cta-meta{font-size:12px;margin-top:6px}.snbt-cta-meta,.snbt-empty-notice{color:var(--color-ink-soft);text-align:center}.snbt-empty-notice{margin-bottom:12px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:10px;font-size:14px}.snbt-section-heading{font-family:var(--font-display,inherit);font-size:1.125rem;font-weight:800;color:var(--color-ink);margin:0 0 4px;line-height:1.25;position:relative;padding-left:12px}.snbt-section-heading:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:0;background:var(--path-snbt)}.snbt-section-heading--anchor{scroll-margin-top:80px}.snbt-section-heading--mb12{margin-bottom:12px}.snbt-section-lead{font-size:.8125rem;color:var(--color-ink-soft);margin-bottom:12px;max-width:52ch;line-height:1.55}.snbt-inline-link{display:inline-block;margin:4px 0 16px;font-size:.8125rem;font-weight:700;color:var(--color-primary);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);padding-bottom:1px}.snbt-inline-link:focus-visible,.snbt-inline-link:hover{border-bottom-color:var(--color-primary)}.snbt-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}@media (max-width:479px){.snbt-stat-strip{grid-template-columns:1fr 1fr;gap:8px}}.snbt-skor-section{margin-bottom:24px}.snbt-skor-row{margin-bottom:14px}.snbt-skor-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8125rem}.snbt-skor-row-label{display:inline-flex;align-items:center;gap:8px;color:var(--color-ink)}.snbt-skor-row-value{font-family:var(--font-mono,monospace);font-weight:700;font-size:.875rem;color:var(--color-ink)}.snbt-progress-track{height:8px;background:var(--color-surface-2);border-radius:999px;overflow:hidden}.snbt-progress-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.snbt-subtest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}@media (min-width:480px){.snbt-subtest-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}.snbt-subtest-link{text-decoration:none;display:flex}.snbt-subtest-card{height:100%;display:flex;flex-direction:column;gap:6px;cursor:pointer;flex:1}.snbt-subtest-label{font-family:var(--font-display,inherit);font-size:.875rem;font-weight:700;color:var(--color-ink);margin:0}.snbt-subtest-meta{font-size:.75rem;color:var(--color-ink-soft)}.snbt-tryout-list{display:flex;flex-direction:column;gap:12px}.snbt-tryout-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.snbt-tryout-info{flex:1;min-width:0}.snbt-tryout-badges{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.snbt-tryout-nama{font-family:var(--font-display,inherit);font-size:.9375rem;font-weight:700;color:var(--color-ink);margin:0 0 2px}.snbt-tryout-meta{font-size:.75rem;color:var(--color-ink-soft)}.snbt-premium-badge{font-size:.6875rem;color:var(--color-ink-soft);font-weight:500}.snbt-scope .snav-expanded-mapel{border-radius:16px}.snbt-scope .snav-topik-card{background:var(--color-surface-2,#f4f6f9);border-color:var(--color-border,#e5e7eb);border-radius:9px}.snbt-scope .snav-topik-card--open{border-color:var(--color-primary)}:root{--kd-navy:#0d2b55;--kd-navy-deep:#0a2244;--kd-navy-soft:#e8eef7}.dark,[data-theme=dark]{--kd-navy:#6f97df;--kd-navy-deep:#9ab3ea;--kd-navy-soft:#16233a}.kedinasan-scope{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-inter);--font-sans:var(--font-inter);--color-primary:var(--kd-navy);--color-primary-700:var(--kd-navy-deep);--color-primary-900:var(--kd-navy-deep);--color-primary-50:var(--kd-navy-soft);--color-primary-100:var(--kd-navy-soft);--color-navy:var(--kd-navy)}.dark .kedinasan-scope,[data-theme=dark] .kedinasan-scope{--color-on-primary:#071019}.kedinasan-scope .kdn-card{box-shadow:none}.kedinasan-scope .kdn-card:hover{box-shadow:0 8px 20px -12px rgba(13,43,85,.25)}.kedinasan-scope .snav-kd-card{background:var(--color-surface-raised,#ffffff);border-radius:14px;box-shadow:none}[data-theme=dark] .kedinasan-scope .snav-kd-card{background:var(--color-surface-raised,#12161d)}.kedinasan-scope .snav-kd-card:hover{box-shadow:0 8px 20px -12px rgba(13,43,85,.25)}.ap3i-font-scope,.kenali-scope{font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-inter);--font-sans:var(--font-inter);--font-body:var(--font-inter)}.kenali-scope{--color-primary:var(--path-kenali);--color-primary-700:var(--path-kenali);--color-primary-50:var(--path-kenali-soft);--color-primary-100:var(--path-kenali-soft)}.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-judul{margin-top:8px;font-family:var(--font-display);font-size:clamp(26px,5.2vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.015em;color:var(--cd-tinta)}.cd-judul em{font-family:var(--font-serif);font-style:italic;font-weight:600;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-banner{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px 18px;border-radius:12px;background:linear-gradient(90deg,var(--cd-hijau),var(--cd-hijau-tua));color:#ffffff;font-weight:800;font-size:14px;letter-spacing:.01em;box-shadow:0 8px 18px -10px rgba(20,104,58,.55)}.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-catatan{margin-top:14px;font-size:11px;line-height:1.5;color:var(--cd-tinta-lembut)}.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)}@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}.zona-navy .card-interactive.aku-card--cermin{background:radial-gradient(130% 160% at 88% 0,rgba(255,214,165,.55) 0,transparent 55%),linear-gradient(135deg,#fff0f3,#ffe7ee 45%,#fff3e4);border:1px solid #f2b9c6;box-shadow:0 10px 24px -14px rgba(196,58,106,.45);--color-heading:#6d1330;--color-ink:#6d1330;--color-ink-soft:#8a4a5e;--color-sage:#c43a6a;--color-sage-50:#fdeef3}.zona-navy .card-interactive.aku-card--cermin:hover{border-color:#e88ba3;box-shadow:0 14px 30px -14px rgba(196,58,106,.6)}:root[data-theme=dark] .zona-navy .card-interactive.aku-card--cermin{background:radial-gradient(130% 160% at 88% 0,rgba(255,170,120,.16) 0,transparent 55%),linear-gradient(135deg,#35141f,#2b1019 55%,#33170f);border-color:rgba(240,138,165,.45);box-shadow:0 10px 24px -14px rgba(0,0,0,.5);--color-heading:#ffd9e4;--color-ink:#ffd9e4;--color-ink-soft:#d9a4b3;--color-sage:#ff9ab5;--color-sage-50:rgba(255,154,181,0.14)}@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-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}}