:root{color-scheme:light;--p-orange: #f58a1f;--p-orange-dark: #d9730d;--p-navy: #1e3a5f;--p-yellow: #ffc94d;--p-mint: #3dbe8b;--p-coral: #ff6b6b;--p-sky: #e8f1fb;--p-cream: #fff8ee;--p-white: #ffffff;--p-ink-2: #5b6b80;--p-line: #e6e0d6;--p-bg: var(--p-cream);--p-surface: var(--p-white);--p-surface-2: var(--p-sky);--p-ink: var(--p-navy);--p-ink-on-accent: var(--p-navy);--p-focus: var(--p-orange);--p-mint-soft: #e2f6ee;--p-coral-soft: #ffe6e6;--p-yellow-soft: #fff1cc;--font-display: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-base: 18px;--fs-sm: 15px;--fs-lg: 22px;--fs-xl: 28px;--fs-number: 28px;--fs-number-lg: 40px;--lh: 1.5;--r-card: 20px;--r-btn: 16px;--r-chip: 999px;--shadow: 0 4px 16px rgba(30, 58, 95, .08);--stroke: 2.5px;--btn-h: 56px;--answer-h: 64px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--t-card: .25s ease-out;--t-flash: .15s}[data-mode=ortu]{--p-bg: var(--p-white);--p-surface: var(--p-white);--fs-base: 16px;--btn-h: 48px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--p-bg: #14243a;--p-surface: #1e3a5f;--p-surface-2: #24406a;--p-ink: #f3eee4;--p-ink-2: #b7c3d3;--p-line: #2e4a6e;--p-sky: #24406a;--p-mint-soft: #1f4a3f;--p-coral-soft: #5a2e33;--p-yellow-soft: #4d3f1c;--shadow: 0 4px 16px rgba(0, 0, 0, .35)}:root:not([data-theme=light]) [data-mode=ortu]{--p-bg: #14243a}}:root[data-theme=dark]{color-scheme:dark;--p-bg: #14243a;--p-surface: #1e3a5f;--p-surface-2: #24406a;--p-ink: #f3eee4;--p-ink-2: #b7c3d3;--p-line: #2e4a6e;--p-sky: #24406a;--p-mint-soft: #1f4a3f;--p-coral-soft: #5a2e33;--p-yellow-soft: #4d3f1c;--shadow: 0 4px 16px rgba(0, 0, 0, .35)}:root[data-theme=dark] [data-mode=ortu]{--p-bg: #14243a}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--p-bg);color:var(--p-ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh);font-variant-numeric:lining-nums tabular-nums}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.2;margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}p{margin:0 0 var(--space-3)}a{color:var(--p-orange-dark)}button{font:inherit}:focus-visible{outline:3px solid var(--p-focus);outline-offset:2px;border-radius:8px}.p-number{font-family:var(--font-display);font-weight:700;font-size:var(--fs-number)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}._btn_1q1s7_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--space-5);border-radius:var(--r-btn);border:2px solid transparent;font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color .12s,transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}._btn_1q1s7_1:active{transform:translateY(1px)}._btn_1q1s7_1:disabled{opacity:.55;cursor:not-allowed}._primary_1q1s7_29{background:var(--p-orange);color:var(--p-navy);box-shadow:var(--shadow)}._primary_1q1s7_29:hover:not(:disabled){background:var(--p-orange-dark)}._secondary_1q1s7_37{background:var(--p-surface);color:var(--p-ink);border-color:var(--p-navy)}[data-theme=dark] ._secondary_1q1s7_37,:root:not([data-theme=light]) ._secondary_1q1s7_37{border-color:var(--p-ink)}._ghost_1q1s7_46{background:transparent;color:var(--p-ink);min-height:44px;padding:0 var(--space-3)}._full_1q1s7_52{width:100%}._card_26cbh_1{background:var(--p-surface);border-radius:var(--r-card);box-shadow:var(--shadow);padding:var(--space-5)}._flat_26cbh_7{box-shadow:none;border:1px solid var(--p-line)}._sky_26cbh_11{background:var(--p-surface-2);box-shadow:none}._opt_b1rw2_1{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--answer-h);padding:0 var(--space-4);border-radius:var(--r-btn);border:2px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);font-family:var(--font-display);font-weight:700;font-size:var(--fs-number);text-align:left;cursor:pointer;transition:border-color .12s,background-color .15s;-webkit-tap-highlight-color:transparent}._opt_b1rw2_1:disabled{cursor:default}._selected_b1rw2_26{border-color:var(--p-navy)}[data-theme=dark] ._selected_b1rw2_26,:root:not([data-theme=light]) ._selected_b1rw2_26{border-color:var(--p-ink)}._correct_b1rw2_33{border-color:var(--p-mint);background:var(--p-mint-soft);animation:_flash_b1rw2_1 var(--t-flash) ease-out}._hint_b1rw2_38{border-color:var(--p-coral);background:var(--p-coral-soft)}._icon_b1rw2_42{flex:none;width:28px;height:28px}@keyframes _flash_b1rw2_1{0%{background:var(--p-mint)}to{background:var(--p-mint-soft)}}._dots_1xz7s_1{display:flex;gap:6px;align-items:center;justify-content:center;padding:var(--space-2) 0}._dot_1xz7s_1{width:8px;height:8px;border-radius:999px;background:var(--p-line);transition:background-color .2s}._done_1xz7s_15{background:var(--p-mint)}._current_1xz7s_18{background:var(--p-orange);transform:scale(1.35)}._pad_1mchg_1{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}._key_1mchg_6{height:56px;border-radius:var(--r-btn);border:2px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);font-family:var(--font-display);font-weight:800;font-size:24px;cursor:pointer;-webkit-tap-highlight-color:transparent}._key_1mchg_6:active{background:var(--p-surface-2)}._fn_1mchg_21{background:var(--p-surface-2);font-size:18px}._display_1mchg_25{min-height:64px;border-radius:var(--r-btn);border:2px solid var(--p-navy);background:var(--p-surface);color:var(--p-ink);font-family:var(--font-display);font-weight:700;font-size:var(--fs-number-lg);display:flex;align-items:center;justify-content:center;margin-bottom:8px;letter-spacing:1px}._placeholder_1mchg_40{color:var(--p-ink-2);font-size:20px}._shell_onv86_1{min-height:100dvh;display:flex;flex-direction:column;background:var(--p-bg);color:var(--p-ink)}._main_onv86_8{flex:1;width:100%;max-width:560px;margin:0 auto;padding:var(--space-5) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom))}._ortu_onv86_15 ._main_onv86_8{max-width:960px}._topbar_onv86_18{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--p-line);background:var(--p-surface)}._brand_onv86_27{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--p-ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}._badge_onv86_37{white-space:nowrap;font-size:13px;padding:2px 10px;border-radius:var(--r-chip);background:var(--p-sky);color:var(--p-ink);font-weight:700}._actions_onv86_46{display:flex;gap:var(--space-2);align-items:center}._link_onv86_51{font-size:15px;font-weight:700;color:var(--p-ink);text-decoration:none;padding:8px 12px;border-radius:12px}._link_onv86_51:hover{background:var(--p-surface-2)}._wrap_pjcw6_1{display:grid;gap:var(--space-4)}._hero_pjcw6_5{display:flex;align-items:center;gap:var(--space-4)}._meta_pjcw6_10{color:var(--p-ink-2);font-size:var(--fs-sm)}._list_pjcw6_14{margin:0;padding-left:20px;color:var(--p-ink-2);font-size:var(--fs-sm)}._chip_pjcw6_20{display:inline-block;font-size:13px;font-weight:700;padding:2px 10px;border-radius:var(--r-chip);background:var(--p-yellow-soft);color:var(--p-ink)}._actions_pjcw6_29{display:grid;gap:var(--space-3)}._page_14z50_1{display:grid;gap:var(--space-6)}._toolbar_14z50_5{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}._section_14z50_11{display:grid;gap:var(--space-3)}._grid_14z50_15{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}._item_14z50_20{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--p-surface);border-radius:var(--r-card);box-shadow:var(--shadow)}._item_14z50_20 h3{font-size:15px;margin:0;color:var(--p-ink-2)}._canvas_14z50_33{background:var(--p-sky);border-radius:12px;padding:var(--space-3);min-height:120px;display:flex;align-items:center;justify-content:center}._code_14z50_42{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--p-ink-2);white-space:pre-wrap;word-break:break-word;margin:0}._pipinRow_14z50_49{display:flex;flex-wrap:wrap;gap:var(--space-4)}._swatches_14z50_54{display:flex;flex-wrap:wrap;gap:var(--space-2)}._swatch_14z50_54{width:88px;padding:6px;border-radius:10px;border:1px solid var(--p-line);font-size:11px;color:var(--p-ink)}._swatch_14z50_54 span{display:block;height:32px;border-radius:6px;margin-bottom:4px}._wrap_yb7w8_1{display:grid;gap:var(--space-4)}._summary_yb7w8_5{font-size:18px}._level_yb7w8_8{display:flex;align-items:center;gap:var(--space-4)}._levelBig_yb7w8_13{font-family:var(--font-display);font-weight:800;font-size:44px;color:var(--p-orange-dark);line-height:1}._topics_yb7w8_20{display:grid;gap:8px}._topic_yb7w8_20{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:15px}._bar_yb7w8_31{height:10px;border-radius:999px;background:var(--p-line);overflow:hidden;grid-column:1 / -1}._bar_yb7w8_31 span{display:block;height:100%;border-radius:999px}._status_yb7w8_43{font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px}._lancar_yb7w8_49{background:var(--p-mint-soft);color:var(--p-ink)}._perlu_latihan_yb7w8_53{background:var(--p-yellow-soft);color:var(--p-ink)}._belum_yb7w8_57{background:var(--p-coral-soft);color:var(--p-ink)}._legend_yb7w8_61{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--p-ink-2)}._voucher_yb7w8_68{border:2px dashed var(--p-orange);background:var(--p-yellow-soft)}._voucherPct_yb7w8_72{font-family:var(--font-display);font-weight:800;font-size:36px;color:var(--p-orange-dark)}._countdown_yb7w8_78{font-family:var(--font-display);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}._plans_yb7w8_84{display:grid;gap:10px}._plan_yb7w8_84{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--r-btn);border:2px solid var(--p-line);background:var(--p-surface);cursor:pointer;text-align:left;font:inherit;color:var(--p-ink)}._planOn_yb7w8_102{border-color:var(--p-navy)}._price_yb7w8_105{font-family:var(--font-display);font-weight:800}._strike_yb7w8_109{text-decoration:line-through;color:var(--p-ink-2);font-weight:400;font-size:13px;margin-right:6px}._actions_yb7w8_116{display:grid;gap:10px}._share_yb7w8_120{position:absolute;left:-9999px;top:0}._form_7gc5a_1{display:grid;gap:var(--space-4)}._field_7gc5a_5{display:grid;gap:6px}._label_7gc5a_9{font-family:var(--font-display);font-weight:700;font-size:16px}._input_7gc5a_14{height:56px;border-radius:var(--r-btn);border:2px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);font:inherit;font-size:18px;padding:0 var(--space-4)}._input_7gc5a_14:focus{border-color:var(--p-navy);outline:none}._grades_7gc5a_28{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}._grade_7gc5a_28{height:48px;border-radius:12px;border:2px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);font-family:var(--font-display);font-weight:800;font-size:18px;cursor:pointer}._gradeOn_7gc5a_44{border-color:var(--p-orange);background:var(--p-orange);color:var(--p-navy)}._hint_7gc5a_49{color:var(--p-ink-2);font-size:14px}._error_7gc5a_53{color:var(--p-coral);font-weight:700}._hero_7gc5a_57{display:flex;gap:var(--space-4);align-items:center}._wrap_1f96i_1{display:grid;gap:var(--space-4)}._head_1f96i_5{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}._visual_1f96i_11{max-height:40dvh;display:flex;justify-content:center}._visual_1f96i_11 svg{max-height:38dvh}._prompt_1f96i_19{text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--fs-number-lg);margin:0}._story_1f96i_26{text-align:center;margin:0;font-size:18px}._options_1f96i_31{display:grid;gap:10px}._feedback_1f96i_35{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--r-card);background:var(--p-mint-soft);font-weight:700}._feedbackHint_1f96i_44{background:var(--p-coral-soft)}._foot_1f96i_47{position:sticky;bottom:0;padding-top:var(--space-2);background:linear-gradient(to top,var(--p-bg) 70%,transparent)}