:root{--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Serif", serif;--bg: #faf5ec;--bg-card: #fffdf8;--ink: #4a3f33;--ink-soft: #8c7f6d;--line: #e9dfcd;--accent: #c96f4a;--accent-ink: #fff8f2;--leaf: #7d9b6a;--leaf-soft: #b5cc9e;--bloom: #e8a8b8;--tip-bg: #fdf3d9;--tip-border: #e3c576;--radius: 20px;--radius-sm: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 20px calc(20px + env(safe-area-inset-bottom))}h1,h2,h3{font-weight:600;margin:0}h1,h2,.home-greeting,.tembok-kepala h2,.theme-done-title,.modal h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}p{line-height:1.6}.screen{flex:1;display:flex;flex-direction:column;padding-top:24px;animation:fadein .25s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.center{align-items:center;justify-content:center;text-align:center}.btn{display:block;width:100%;border:none;border-radius:var(--radius);padding:18px 24px;font-size:17px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px #c96f4a40}.btn-subtle{background:transparent;color:var(--ink-soft);border:1.5px solid var(--line);padding:12px 20px;font-size:14px;font-weight:500}.btn-option{background:var(--bg-card);color:var(--ink);border:1.5px solid var(--line);text-align:left;font-weight:500;font-size:16px;padding:14px 18px;margin-bottom:10px;border-radius:var(--radius-sm)}.btn-option.correct{border-color:var(--leaf);background:#f2f7ec}.btn-option.wrong{border-color:#d99;background:#fbf0ee;opacity:.8}.btn-option.correct,.opt-img.correct,.opt-num.correct{animation:jawab-benar .42s cubic-bezier(.34,1.56,.64,1)}.btn-option.wrong,.opt-img.wrong,.opt-num.wrong{animation:jawab-salah .36s ease-in-out}@keyframes jawab-benar{0%{transform:scale(1)}38%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes jawab-salah{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.btn-option.correct{position:relative;overflow:hidden}.btn-option.correct:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#6a9c3f38,#6a9c3f00);transform:translate(-100%);animation:sapuan .55s ease-out forwards;pointer-events:none}@keyframes sapuan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.centang{display:inline-block;vertical-align:middle;margin-left:8px}.centang path{stroke-dasharray:22;stroke-dashoffset:22;animation:gores .32s .08s ease-out forwards}@keyframes gores{to{stroke-dashoffset:0}}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px}.card-tip{background:var(--tip-bg);border:1.5px dashed var(--tip-border);border-radius:var(--radius);padding:18px 20px;margin:16px 0}.card-tip h3{font-size:14px;color:#8a6d1f;margin-bottom:6px}.card-tip p{font-size:14px;margin:0;color:#6b5a25}.muted{color:var(--ink-soft);font-size:14px}.big-word{font-size:44px;font-weight:700;text-align:center;margin:12px 0 4px}.reading{text-align:center;color:var(--ink-soft);margin:0 0 16px}.jp{font-size:19px;line-height:1.9}.session-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.session-head button{background:none;border:none;font-size:22px;color:var(--ink-soft);cursor:pointer;padding:4px}.skill-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);text-align:center;margin-bottom:6px}.dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.dot{width:9px;height:9px;border-radius:50%;background:var(--line)}.dot.part{background:var(--leaf-soft)}.dot.full{background:var(--leaf)}.dot.now{outline:2px solid var(--accent);outline-offset:2px}.kanji-comps{display:flex;gap:10px;justify-content:center;margin:14px 0;flex-wrap:wrap}.comp{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;text-align:center;background:var(--bg-card);min-width:64px}.comp.known{border-color:var(--leaf);background:#f2f7ec}.comp .char{font-size:26px;display:block}.comp .label{font-size:11px;color:var(--ink-soft)}.comp.known .label{color:var(--leaf);font-weight:600}.icon-btn{background:none;border:none;font-size:20px;color:var(--ink-soft);cursor:pointer;opacity:.65;padding:8px}.home-tree{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.home-greeting{text-align:center;color:var(--ink);font-size:22px;margin:6px 0 2px}.home-pohon{background:none;border:none;padding:0;cursor:pointer;display:block;transition:transform .25s cubic-bezier(.34,1.4,.5,1)}.home-pohon:active{transform:scale(.97)}.home-pohon-ket{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--ink-soft);margin:-6px 0 0}.irama-minggu{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 0;padding:8px 14px;border-radius:999px;background:none;border:none;font:inherit;color:inherit;cursor:pointer}.hari{display:flex;flex-direction:column;align-items:center;gap:5px}.hari-titik{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line);background:transparent;transition:transform .2s ease,background .2s ease}.hari-titik.isi{background:var(--leaf);border-color:var(--leaf)}.hari-titik.banyak{background:var(--leaf);border-color:var(--leaf);box-shadow:0 0 0 3px var(--leaf-soft)}.hari.kini .hari-titik{outline:2px solid var(--accent);outline-offset:2px}.hari-nama{font-size:10.5px;letter-spacing:.04em;color:var(--ink-soft)}.hari.kini .hari-nama{color:var(--accent);font-weight:700}.irama-minggu-ket{text-align:center;font-size:12.5px;color:var(--ink-soft);margin:4px 0 0}.menu-judul{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:14px 4px 8px}.menu-judul:first-of-type{margin-top:4px}.menu-ubin{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ubin{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 12px 11px;border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid var(--line);font:inherit;color:var(--ink);text-align:left;cursor:pointer;min-height:74px;position:relative;transition:border-color .15s ease,transform .1s ease}.ubin:active{transform:scale(.98)}.ubin-ikon{color:var(--ink-soft)}.ubin-teks{display:flex;flex-direction:column;gap:3px;min-width:0}.ubin-nama{font-size:14px;font-weight:600;line-height:1.25}.ubin-ket{font-size:11.5px;color:var(--ink-soft);line-height:1.35}.ubin-lencana{position:absolute;top:10px;right:10px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:700;line-height:20px;text-align:center}.ubin.lebar{grid-column:1 / -1;flex-direction:row;align-items:center;gap:12px;min-height:0;padding:12px 14px}.ubin.lebar .ubin-teks{flex:1}.menu-catatan{font-size:12px;color:var(--ink-soft);text-align:center;margin:12px 0 0}.sheet .menu-ubin .ubin{margin-bottom:0}.home-actions{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.tautan-tenang{background:none;border:none;padding:2px 8px;margin:-4px 0;font:inherit;font-size:13.5px;color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.tautan-tenang:hover{color:var(--ink);text-decoration-color:var(--ink-soft)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3f334d;display:flex;align-items:flex-end;z-index:20}.sheet{background:var(--bg-card);border-radius:var(--radius) var(--radius) 0 0;padding:14px 20px calc(28px + env(safe-area-inset-bottom));width:100%;max-width:480px;margin:0 auto;max-height:88dvh;overflow-y:auto;animation:sheet-naik .22s cubic-bezier(.22,1,.36,1)}@keyframes sheet-naik{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet button{margin-bottom:10px}.sheet-pegangan{width:36px;height:4px;border-radius:999px;background:var(--line);margin:0 auto 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3f3359;display:flex;align-items:center;justify-content:center;padding:24px;z-index:30}.modal{background:var(--bg-card);border-radius:var(--radius);padding:28px 24px;max-width:340px;text-align:center;animation:fadein .2s ease}.modal p{margin:8px 0 20px}.garden-theme{margin-bottom:20px}.garden-theme.fogged{filter:blur(3px) grayscale(.6);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.fog-note{text-align:center;font-size:13px;color:var(--ink-soft);margin:-12px 0 20px}.unit-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--line);font-size:15px}.unit-row:last-child{border-bottom:none}.unit-row .stage{font-size:18px}textarea,input[type=text],input[type=email]{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;font-size:16px;font-family:inherit;background:var(--bg-card);color:var(--ink);resize:vertical}textarea:focus,input:focus{outline:none;border-color:var(--accent)}.spacer{flex:1}.mt{margin-top:16px}.mb{margin-bottom:16px}.batch-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:4px 0 16px}.batch-strip{display:flex;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;margin:2px -20px 14px;padding:4px 20px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}.batch-strip::-webkit-scrollbar{display:none}.batch-strip .batch-chip{flex:0 0 auto;scroll-snap-align:center;white-space:nowrap;transition:transform .2s ease,opacity .2s ease}.batch-strip .batch-chip.active{transform:scale(1.06)}.kebun-kekuatan{padding:16px 18px}.kekuatan-baris{display:grid;grid-template-columns:76px 1fr 40px;align-items:center;gap:10px;margin:6px 0}.kekuatan-nama{font-size:13.5px;font-weight:700}.kekuatan-bar{height:8px;border-radius:6px;background:var(--line);overflow:hidden;display:block}.kekuatan-bar span{display:block;height:100%;border-radius:6px;transition:width .5s cubic-bezier(.22,1,.36,1)}.kekuatan-angka{font-size:12.5px;color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}.jalur{list-style:none;margin:8px 0 0;padding:0 0 0 22px;position:relative}.jalur:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:2px;background:var(--line);border-radius:2px}.jalur-simpul{position:relative;margin-bottom:14px}.jalur-titik{position:absolute;left:-22px;top:14px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid var(--line);display:grid;place-items:center;color:var(--leaf);box-sizing:border-box}.jalur-simpul.tuntas .jalur-titik{border-color:var(--leaf);background:#f2f7ec}.jalur-simpul.sedang .jalur-titik{border-color:var(--accent);box-shadow:0 0 0 4px #c96f4a2e}.jalur-simpul.sedang .jalur-titik:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.jalur-simpul.kabut .jalur-titik{border-style:dashed}.jalur-kartu{background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.jalur-simpul.sedang>.jalur-kartu{border-color:var(--accent)}.jalur-simpul.kabut .jalur-kartu{opacity:.6}.jalur-simpul.kabut .jalur-judul{filter:blur(.6px)}.jalur-no{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.jalur-judul{font-size:17px;margin:2px 0 0}.jalur-skill{margin-top:12px;display:flex;flex-direction:column;gap:8px}.skill-baris{padding:8px 10px;border-radius:10px;background:var(--bg)}.skill-baris.sedang{outline:1.5px solid var(--accent);outline-offset:-1.5px}.skill-atas{display:flex;align-items:center;gap:10px}.skill-nama{font-size:13px;font-weight:700;min-width:64px}.skill-bawah{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.skill-ket{font-size:12.5px;color:var(--ink-soft)}.skill-aksi{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:2px 0;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}.feynman-tunda{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%;margin-top:8px;padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer;background:var(--bg-card);border:1.5px dashed var(--accent);font:inherit;color:var(--ink)}.feynman-tunda-label{grid-column:1 / -1;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}.feynman-tunda-pola{font-size:14px;font-weight:600;min-width:0;line-height:1.35}.segmen{display:flex;gap:3px;flex:1}.segmen span{flex:1;height:7px;border-radius:3px;background:var(--line)}.segmen-bilah{display:block;height:7px;border-radius:3px;background:var(--line);overflow:hidden}.segmen-bilah span{display:block;height:100%;border-radius:3px}.jalur-lanjut{margin-top:12px;padding:14px 18px;font-size:16px}.jalur-ujian{margin-top:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px dashed var(--line);background:transparent;display:flex;flex-direction:column;gap:8px}.jalur-ujian.buka,.jalur-ujian.sedang{border-style:solid;background:var(--bg-card)}.jalur-ujian.sedang{border-color:var(--accent)}.jalur-ujian-kepala{display:flex;flex-direction:column;gap:2px}.jalur-intip{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;font-size:14px;color:var(--ink-soft);cursor:pointer;border-style:dashed}.jalur-intip span{flex:1}.ritme{display:flex;align-items:flex-end;gap:4px;height:64px;padding:0 2px}.ritme-kolom{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.ritme-batang{display:block;width:100%;max-width:18px;border-radius:4px 4px 2px 2px;background:var(--leaf-soft);transition:height .4s ease}.ritme-kolom.kini .ritme-batang{background:var(--accent)}.ritme-tgl{font-size:9.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.ritme-kolom.kini .ritme-tgl{color:var(--accent);font-weight:700}.lintasan{margin-top:26px}.lintasan-rel{position:relative;height:14px;border-radius:999px;background:var(--card-alt, #f4efe6);overflow:visible}.lintasan-segmen{position:absolute;top:0;height:100%;background:transparent;border-right:1.5px solid var(--bg);box-sizing:border-box}.lintasan-segmen.ganjil{background:#4a3f330d}.lintasan-isi{position:absolute;left:0;top:0;height:100%;border-radius:999px 0 0 999px;background:var(--accent)}.lintasan-proyeksi{position:absolute;top:0;height:100%;background:repeating-linear-gradient(135deg,rgba(201,111,74,.45) 0 3px,transparent 3px 7px)}.lintasan-penanda{position:absolute;top:-4px;width:2px;height:22px;background:var(--ink);transform:translate(-50%)}.lintasan-penanda em{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-style:normal;font-size:10.5px;white-space:nowrap;color:var(--ink);font-weight:600}.lintasan-penanda.ujian{background:var(--ink-soft)}.lintasan-penanda.ujian em{color:var(--ink-soft)}.lintasan-penanda.ujian.bawah em{top:auto;bottom:-18px}.lintasan-tema{position:relative;height:18px;margin-top:6px}.lintasan-no{position:absolute;transform:translate(-50%);font-size:10.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lintasan-no.terjangkau{color:var(--ink);font-weight:600}.lintasan-ket{margin:8px 0 0;font-size:12px;color:var(--ink-soft);line-height:1.5}.kabar-rilis{margin:0 0 14px;padding:12px 14px 10px;border-radius:var(--radius-sm);background:var(--bg-card);border:1.5px solid var(--line);border-left:3px solid var(--leaf);animation:fadein .3s ease}.kabar-rilis-kepala{display:flex;align-items:center;justify-content:space-between}.kabar-rilis-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);font-weight:700}.kabar-rilis-tutup{background:none;border:none;font-size:20px;line-height:1;color:var(--ink-soft);cursor:pointer;padding:0 2px}.kabar-rilis-judul{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.35}.kabar-rilis-isi{margin:6px 0 0;padding-left:16px}.kabar-rilis-isi li{font-size:13px;line-height:1.5;color:var(--ink-soft);margin-bottom:3px}.kabar-rilis-kaki{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.rilis-laporan{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:#f2f7ec;color:var(--leaf);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}.rilis{padding:14px 0 12px;border-bottom:1px dashed var(--line)}.rilis:last-of-type{border-bottom:none}.rilis-meta{margin:0;font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}.rilis-tanda{padding:1px 7px;border-radius:999px;background:var(--leaf);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rilis-judul{font-size:16px;margin:4px 0 6px}.rilis-isi{margin:0;padding-left:18px}.rilis-isi li{font-size:14px;line-height:1.55;margin-bottom:6px}.saring{display:flex;gap:8px;margin:6px 0 14px}.saring-tab{flex:1;padding:9px 12px;border-radius:999px;cursor:pointer;border:1.5px solid var(--line);background:transparent;color:var(--ink-soft);font:inherit;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.saring-tab.aktif{border-color:var(--ink);color:var(--ink);background:var(--bg-card)}.saring-tab:disabled{opacity:.45;cursor:default}.saring-n{font-size:12px;font-weight:700;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--line);color:var(--ink)}.saring-tab.aktif .saring-n{background:var(--ink);color:var(--bg-card)}.tinjau-kelompok{margin-bottom:18px}.tinjau-judul{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px 4px}.tinjau-baris{background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;transition:border-color .2s ease}.tinjau-baris.terbuka{border-color:var(--ink-soft)}.tinjau-kepala{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;background:none;border:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.tinjau-titik{flex:0 0 8px;width:8px;height:8px;border-radius:50%;margin-top:7px}.tinjau-isi{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tinjau-nama{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tinjau-nama strong{font-size:15.5px}.tinjau-jenis{font-size:11px;letter-spacing:.04em;font-weight:600;text-transform:uppercase}.tinjau-soal{font-size:13px;color:var(--ink-soft);line-height:1.45}.tinjau-status{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:700;font-size:14px;min-width:44px}.tinjau-status small{font-weight:400;font-size:11px;color:var(--ink-soft)}.tinjau-status.benar{color:var(--leaf)}.tinjau-status.salah{color:var(--accent)}.tinjau-rinci{padding:4px 14px 14px;border-top:1px dashed var(--line);animation:fadein .2s ease}.tinjau-pilihan{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.tinjau-pilihan li{padding:9px 12px;border-radius:10px;border:1.5px solid var(--line);font-size:15px;color:var(--ink-soft)}.tinjau-pilihan li.kunci{border-color:var(--leaf);background:#f2f7ec;color:var(--ink);font-weight:600}.jejak{margin:8px 0 6px}.jejak-teks{display:block;text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:6px}.batch-chip{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;color:var(--ink-soft);background:var(--bg-card)}.batch-chip.active{font-weight:700}.batch-chip.done{opacity:.55;text-decoration:none}.batch-chip.done:after{content:" ✓";font-size:11px}.badge{position:absolute;top:-8px;right:-6px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;min-width:22px;height:22px;line-height:22px;border-radius:999px;padding:0 5px}.feedback-wrong{background:#f7ede6;border:1.5px solid #e0c0a8;border-radius:var(--radius-sm);padding:12px 16px;margin-top:4px;animation:fadein .2s ease}.feedback-wrong p{margin:0 0 4px;font-size:14px}.feedback-right{color:var(--leaf);font-size:14px;background:#f2f7ec;border-radius:var(--radius-sm);padding:10px 14px}.feedback-reveal{font-size:14px;background:#eef1f8;border:1.5px solid #b9c4dd;color:#35406b;border-radius:var(--radius-sm);padding:10px 14px}input.typed-ok{border-color:var(--leaf);background:#f2f7ec}input.typed-fail{border-color:#b9c4dd;background:#eef1f8}.usage-card{border-left-width:4px;border-left-style:solid;padding:16px 18px;margin-bottom:12px}.usage-card h3{margin:0 0 4px}.usage-form{display:inline-block;font-size:13px;background:#f3ede1;border-radius:8px;padding:3px 10px;margin:0;color:var(--ink-soft)}.theme-done{padding-top:12px}.theme-done-hero{position:relative;display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:4px}.theme-done-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#7f9fe04d,#e8a8b829 45%,#35406b00 72%)}.theme-done-kicker{text-align:center;font-size:12px;letter-spacing:.22em;color:var(--ink-soft);margin:0}.theme-done-title{text-align:center;font-size:30px;line-height:1.2;margin:6px 0 0}.theme-done-stats{display:flex;gap:10px;margin-top:22px}.stat-box{flex:1;background:var(--bg-card);border:1.5px solid var(--line);border-top-width:4px;border-top-style:solid;border-radius:var(--radius-sm);padding:14px 8px;text-align:center}.stat-n{display:block;font-size:30px;font-weight:700;line-height:1}.stat-label{display:block;font-size:11px;color:var(--ink-soft);margin-top:6px;line-height:1.35}.arrange-slots{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}.arrange-slot{flex:1 1 auto;min-width:72px;min-height:46px;border:1.5px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink-soft);font-family:inherit;font-size:15px;padding:8px 10px;cursor:pointer}.arrange-slot.filled{border-style:solid;border-color:var(--accent);color:var(--ink);font-weight:600}.arrange-slot.star{border-color:#35406b;background:#eef1f8}.arrange-slot.star.filled{border-color:#35406b}.arrange-slot:disabled{cursor:default;opacity:1}.arrange-tray{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.arrange-frag{border:1.5px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:15px;padding:9px 16px;cursor:pointer}.arrange-frag:disabled{opacity:.3;cursor:default}.goal-card{background:var(--bg-card);border:1.5px solid var(--line);border-left-width:4px;border-left-style:solid;border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:12px}.goal-card h3{margin:0 0 8px;font-size:15px}.goal-aim{margin:0;font-size:14px}.goal-list{margin:8px 0 0;padding-left:20px}.goal-list li{font-size:14px;margin-bottom:4px;line-height:1.5}.goal-why{margin:10px 0 0;font-size:13px;color:var(--ink-soft);background:#f7f3ea;border-radius:10px;padding:8px 12px}.goal-banner{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:9px 14px;margin-bottom:12px;background:var(--bg-card)}.goal-banner-nama{font-size:12px;font-weight:700;letter-spacing:.02em}.goal-banner-aim{font-size:12px;color:var(--ink-soft);line-height:1.4}.kind-chip{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;letter-spacing:.04em}.usage-example{font-size:17px;margin:10px 0 0;padding-left:10px;border-left:2px solid var(--line)}.audio-box{background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px}.audio-main{padding:14px 20px;font-size:16px}.audio-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.audio-label{font-size:12px;color:var(--ink-soft)}.audio-speed{border:1.5px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;padding:5px 13px;font-size:13px;font-family:inherit;cursor:pointer}.audio-speed.aktif{border-color:var(--accent);color:var(--accent);font-weight:700}.audio-count{margin:10px 0 0;font-size:12px;color:var(--ink-soft)}.dev-status{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.dev-status>div{display:flex;flex-direction:column}.dev-k{font-size:11px;color:var(--ink-soft);letter-spacing:.04em}.dev-status strong{font-size:14px}.dev-toast{margin:10px 0 0;background:#eef1f8;border:1.5px solid #b9c4dd;color:#35406b;border-radius:var(--radius-sm);padding:9px 14px;font-size:13px}.dev-card{background:var(--bg-card);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px}.dev-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.dev-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.dev-btn{flex:1 1 auto;border:1.5px solid var(--line);background:transparent;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.situasi-card{margin-top:12px;padding:12px;border:1px solid var(--line, #e3ddd2);border-radius:10px;background:var(--card-alt, #fbf8f2)}.situasi-figure{position:relative;width:100%;max-width:420px;margin:0 auto 10px;line-height:0}.situasi-figure img{display:block;width:100%;border-radius:6px;background:#fff}.situasi-arrow{position:absolute;width:17%;height:auto;transform-origin:100% 50%;pointer-events:none}.situasi-teks{margin:0;font-size:14.5px;line-height:1.5;text-align:center;color:var(--ink-soft, #6b6156)}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.opt-img{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#fff;border:2px solid var(--line, #e3ddd2);border-radius:10px;cursor:pointer;font:inherit;color:inherit}.opt-img img{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:6px}.opt-img-label{font-size:13px;line-height:1.35;text-align:center;color:var(--ink-soft, #6b6156)}.opt-img.correct{border-color:#6a9a5b;background:#f2f8ef}.opt-img.wrong{border-color:#c08a86;background:#fbf1f0;opacity:.6}.opt-img:disabled{cursor:default}.opt-num-row{display:flex;gap:12px;justify-content:center;margin-top:14px}.opt-num{width:68px;height:68px;font:600 24px/1 inherit;color:var(--ink, #3f3a34);background:#fff;border:2px solid var(--line, #e3ddd2);border-radius:14px;cursor:pointer}.opt-num.correct{border-color:#6a9a5b;background:#f2f8ef;color:#4a7a3b}.opt-num.wrong{border-color:#c08a86;background:#fbf1f0;opacity:.55}.opt-num:disabled{cursor:default}.opt-num-reveal{margin:14px 0 0;padding-left:22px;font-size:14.5px;line-height:1.6;color:var(--ink-soft, #6b6156)}.opt-num-reveal li.benar{color:#4a7a3b;font-weight:600}.dev-grup{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:4px 0;background:none;border:none;font:inherit;text-align:left;cursor:pointer}.dev-soal-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.dev-soal{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid var(--line, #e3ddd2);border-radius:8px;font:inherit;text-align:left;cursor:pointer}.dev-soal-no{flex:0 0 24px;height:24px;display:grid;place-items:center;font-size:12px;border-radius:6px;background:var(--card-alt, #f4efe6);color:var(--ink-soft, #6b6156)}.dev-soal-judul{font-size:13.5px;line-height:1.35}.home-top{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.countdown{font-size:12px;letter-spacing:.02em;color:var(--ink-soft, #6b6156);background:var(--card-alt, #f4efe6);border-radius:999px;padding:4px 10px}.pemisah{display:flex;align-items:center;gap:10px;color:var(--ink-soft, #6b6156);font-size:12px}.pemisah:before,.pemisah:after{content:"";flex:1;height:1px;background:var(--line, #e3ddd2)}.demo-bar{margin:12px auto 0;max-width:420px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;background:var(--card-alt, #f4efe6);border:1px solid var(--line, #e3ddd2);border-radius:10px;font-size:13px;line-height:1.45;color:var(--ink-soft, #6b6156);text-align:center}.demo-bar strong{color:var(--ink, #3f3a34)}.tembok{max-width:460px;margin:0 auto;padding-bottom:32px}.tembok-kepala{text-align:center;padding:12px 0 4px}.tembok-kepala h2{margin:10px 0 0;font-size:26px;line-height:1.25;letter-spacing:-.01em}.tembok-kepala p{margin:10px auto 0;max-width:34ch;font-size:14.5px;line-height:1.6;text-wrap:balance}.tembok-teks{margin:18px 0 0;font-size:14.5px;line-height:1.65;color:var(--ink-soft, #6b6156)}.tembok-teks:first-of-type{margin-top:26px}.tembok-judul{margin:20px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft, #6b6156)}.tembok-form{margin-top:28px;padding:18px;border-radius:12px;background:var(--card-alt, #f4efe6);border:1px solid var(--line, #e3ddd2)}.alasan{margin:0 0 14px;padding:0;list-style:none}.alasan li{position:relative;padding-left:16px;margin-bottom:6px;font-size:13px;line-height:1.5;color:var(--ink-soft, #6b6156)}.alasan li:before{content:"";position:absolute;left:3px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--line, #cfc6b8)}.dorongan-rl{border-style:dashed}.daftar-ujian{margin:0 0 18px;border-left:3px solid var(--accent, #3f7d4e);text-align:left}.daftar-ujian .btn{width:100%}.konfirmasi{text-align:left}.rincian{margin:10px 0 0}.rincian>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--line, #e3ddd2)}.rincian>div:last-child{border-bottom:none}.rincian dt{margin:0;font-size:12.5px;color:var(--ink-soft, #6b6156)}.rincian dd{margin:0;font-size:13.5px;text-align:right;color:var(--ink, #3f3a34);overflow-wrap:anywhere}.jp.berfurigana{line-height:2.35}.jp.berfurigana ruby{ruby-align:center}.jp.berfurigana ruby rt{font-size:.44em;color:var(--ink-soft, #6b6156);font-weight:400;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;transform:translateY(2px)}.furi-tombol{margin-top:10px}.furi-tombol.aktif{border-color:var(--aksen, #c0562f);color:var(--aksen, #c0562f)}.peta-bar{height:10px;border-radius:999px;margin:20px 0 8px;overflow:hidden;background:var(--card-alt, #f4efe6);border:1px solid var(--line, #e3ddd2)}.peta-isi{height:100%;border-radius:999px;background:var(--aksen, #c0562f);transition:width .4s ease}.peta-angka{margin:0;text-align:center;font-size:13px;color:var(--ink-soft, #6b6156)}.peta-angka strong{color:var(--ink, #3f3a34);font-size:15px}.jam-pilihan{display:flex;flex-wrap:wrap;gap:8px}.jam-tombol{flex:1 1 28%;padding:10px 6px;border-radius:10px;cursor:pointer;background:var(--kertas, #faf5ec);border:1px solid var(--line, #e3ddd2);color:var(--ink-soft, #6b6156);font-size:14px;font-family:inherit}.jam-tombol.aktif{border-color:var(--aksen, #c0562f);color:var(--aksen, #c0562f);font-weight:600}.langkah{margin:10px 0 0;padding-left:20px}.langkah li{font-size:13.5px;line-height:1.6;margin-bottom:8px;color:var(--ink-soft, #6b6156)}.langkah strong{color:var(--ink, #3f3a34)}a.btn{text-decoration:none;display:block;text-align:center}.kotak-akses{text-align:left;padding:14px;border-radius:12px;background:var(--card-alt, #f4efe6);border:1px solid var(--line, #e3ddd2);color:var(--ink, #3f3a34)}.tembok-catatan{margin:12px 0 0;font-size:12.5px;line-height:1.55;text-align:center;color:var(--ink-soft, #6b6156)}@media (min-width: 600px){.tembok-kepala{padding:24px 0 8px}.tembok-kepala h2{font-size:30px}}.irama{margin:14px 0 4px}.irama-bar{position:relative;height:5px;border-radius:999px;background:var(--line, #e3ddd2);overflow:visible}.irama-isi{height:100%;border-radius:999px;transition:width .45s cubic-bezier(.22,1,.36,1)}.irama-daun{position:absolute;top:-2px;width:7px;height:9px;border-radius:50% 50% 50% 0;transform:translate(-50%);animation:daun-terbang .9s ease-out forwards;pointer-events:none}@keyframes daun-terbang{0%{opacity:0;transform:translate(-50%) rotate(0) scale(.6)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-34px) rotate(160deg) scale(1)}}.irama-kaki{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px;font-size:13px;min-height:18px}.irama-runtun{font-weight:600;animation:runtun-muncul .3s ease-out}@keyframes runtun-muncul{0%{opacity:0;transform:translateY(5px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.mekar-panggung{position:relative}.mekar-kelopak{position:absolute;inset:-24px -24px auto -24px;height:240px;overflow:hidden;pointer-events:none}.mekar-kelopak span{position:absolute;top:-20px;border-radius:50% 50% 50% 0;opacity:0;animation-name:kelopak-jatuh;animation-timing-function:cubic-bezier(.4,0,.5,1);animation-fill-mode:forwards}@keyframes kelopak-jatuh{0%{opacity:0;transform:translateY(-10px) rotate(0)}12%{opacity:.85}to{opacity:0;transform:translateY(240px) rotate(220deg)}}.mekar-bunga{display:flex;justify-content:center;transform:scale(.2) rotate(-25deg);opacity:0;transition:transform .72s cubic-bezier(.34,1.4,.5,1),opacity .4s ease}.mekar-bunga.tumbuh{transform:scale(1) rotate(0);opacity:1}.mekar-isi{position:relative}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kotak-voucher{padding:12px 14px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg)}.kode-voucher{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-card);color:var(--ink);font:inherit;font-weight:700;font-size:16px;letter-spacing:.08em;cursor:pointer}.kode-voucher:hover{border-color:var(--accent)}.kode-salin{font-weight:600;font-size:12px;letter-spacing:0;color:var(--accent)}