:root{--latar: #faf8f5;--latar-panel: #ffffff;--latar-lembut: #f2efea;--teks: #2c2825;--teks-lembut: #6b635c;--garis: #e2ddd6;--aksen: #b04a3f;--aksen-gelap: #8f3a31;--aksen-lembut: #fdf0ee;--dikuasai: #4a7c59;--hampir: #7c8b3c;--dilatih: #c98a3c;--belum: #c9c3bb;--radius: 10px;--bayang: 0 1px 3px rgba(44, 40, 37, .06), 0 4px 12px rgba(44, 40, 37, .04);--font-teks: "Segoe UI", system-ui, -apple-system, sans-serif;--font-jp: "Yu Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", "MS Gothic", "Noto Sans JP", sans-serif}[data-theme=gelap]{--latar: #1a1a1a;--latar-panel: #242424;--latar-lembut: #2e2e2e;--teks: #e8e4e0;--teks-lembut: #a09890;--garis: #3a3530;--aksen: #d4766c;--aksen-gelap: #b85a50;--aksen-lembut: #3a2020;--dikuasai: #6aad7a;--hampir: #9aab5a;--dilatih: #d4a44a;--belum: #555048;--bayang: 0 1px 3px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-teks);background:var(--latar);color:var(--teks);line-height:1.65;-webkit-font-smoothing:antialiased}.topbar{background:var(--latar-panel);border-bottom:1px solid var(--garis);position:sticky;top:0;z-index:50}.topbar-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center}.brand{display:flex;align-items:center;gap:10px;padding:14px 0 10px}.brand-kana{font-family:var(--font-jp);font-size:28px;color:var(--aksen);line-height:1}.brand-teks{font-size:17px;font-weight:600;letter-spacing:-.01em}.topbar-kanan{margin-left:auto;display:flex;align-items:center;order:2}.tombol-toggle-gelap{background:var(--latar-lembut);border:1px solid var(--garis);border-radius:22px;width:44px;height:44px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 6px;transition:background .2s,border-color .2s}.tombol-toggle-gelap .ikon-terang,.tombol-toggle-gelap .ikon-gelap{font-size:14px;line-height:1}[data-theme=gelap] .tombol-toggle-gelap{background:var(--aksen-lembut);border-color:var(--aksen)}.nav{display:flex;flex-basis:100%;gap:2px;padding-bottom:2px;order:4}.nav-btn{font-family:inherit;font-size:14px;color:var(--teks-lembut);background:none;border:none;border-bottom:2px solid transparent;padding:9px 13px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.nav-btn:hover{color:var(--teks)}.nav-btn.aktif{color:var(--aksen);border-bottom-color:var(--aksen);font-weight:600}.nav-hamburger{display:none;font-size:22px;background:none;border:1px solid var(--garis);border-radius:8px;padding:4px 12px;cursor:pointer;color:var(--teks)}.nav-grup{position:relative}.nav-grup-induk:after{content:none}.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:150px;background:var(--latar-panel);border:1px solid var(--garis);border-radius:8px;box-shadow:var(--bayang);padding:6px 0;z-index:30}.nav-grup:hover .nav-submenu,.nav-grup.terbuka .nav-submenu{display:block}.nav-submenu .nav-btn{display:block;width:100%;text-align:left;border:none;border-radius:0;padding:8px 16px}.nav-submenu .nav-btn.aktif{color:var(--aksen);font-weight:600}.nav-submenu .nav-btn:hover{background:var(--latar-lembut)}.wadah{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.halaman{display:none}.halaman.aktif{display:block;animation:masuk .25s ease}@keyframes masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h1{font-size:26px;font-weight:650;letter-spacing:-.02em;margin-bottom:6px}h2{font-size:18px;font-weight:620;margin-bottom:10px}h3{font-size:15px;font-weight:620;margin-bottom:6px}.petunjuk{color:var(--teks-lembut);font-size:15px;max-width:68ch;margin-bottom:20px}.panel{background:var(--latar-panel);border:1px solid var(--garis);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--bayang)}.panel.bahaya{border-color:#e8c4bf;background:#fffbfa}.panel-hari-ini{border-color:color-mix(in srgb,var(--aksen) 32%,var(--garis));box-shadow:0 8px 24px #b04a3f14}.panel-hari-ini>h2,.panel-ulangan>h2{display:flex;align-items:center;gap:9px}.panel-hari-ini>h2:before{content:"●";color:var(--aksen);font-size:12px}.panel-ulangan>h2:before{content:"↻";color:var(--dikuasai);font-size:20px;line-height:1}.sembunyi{display:none!important}.tersembunyi{visibility:hidden;opacity:0}.sambutan{margin-bottom:24px;padding:28px 30px;border:1px solid var(--garis);border-radius:16px;background:linear-gradient(135deg,var(--latar-panel),var(--aksen-lembut));box-shadow:var(--bayang)}.sambutan h1{font-family:var(--font-jp);font-size:30px}.sambutan-sub{color:var(--teks-lembut);font-size:15px;max-width:70ch;margin-top:8px}.tombol{font-family:inherit;font-size:14px;font-weight:550;color:var(--teks);background:var(--latar-panel);border:1px solid var(--garis);border-radius:8px;padding:10px 18px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;line-height:1.4}.tombol:hover{background:var(--latar-lembut);border-color:#cdc6bd}.tombol:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--aksen);outline-offset:3px}.tombol.utama{background:var(--aksen);border-color:var(--aksen);color:#fff;padding:11px 22px;font-size:15px}.tombol.utama:hover{background:var(--aksen-gelap);border-color:var(--aksen-gelap)}.tombol.halus{background:none;border-color:transparent;color:var(--teks-lembut);padding:8px 14px;font-size:13.5px}.tombol.halus:hover{background:var(--latar-lembut);color:var(--teks)}.tombol.selesai{background:var(--dikuasai);border-color:var(--dikuasai);color:#fff;padding:11px 22px;font-size:15px}.tombol.selesai:hover{filter:brightness(.93)}.tombol.bahaya{background:none;border-color:#d9a6a0;color:#a8443a}.tombol.bahaya:hover{background:#fdf0ee}.tombol.besar-penuh{width:100%;padding:14px;font-size:15px;margin-top:8px}.tombol.besar{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 20px}.tombol.besar strong{font-size:15px;font-weight:620}.tombol.besar span{font-size:13px;color:var(--teks-lembut);font-weight:400}.tombol.kecil{font-size:13px;padding:6px 12px;border-radius:7px;line-height:1.3}.pintasan{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.panel-judul-bantuan{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.panel-judul-bantuan h2{margin-bottom:4px}.panel-judul-bantuan .petunjuk{margin-bottom:0}.pilihan-level{grid-template-columns:repeat(3,1fr)}.pilihan-level .tombol{min-height:176px}.level-label,.eyebrow{color:var(--aksen);font-size:11px;font-weight:700;letter-spacing:.08em}.arah-pilihan{color:var(--aksen)!important;font-size:12px!important;font-weight:600!important;margin-top:auto}.level-pemula{border-color:color-mix(in srgb,var(--aksen) 45%,var(--garis))}.level-mahir{border-color:color-mix(in srgb,var(--dikuasai) 45%,var(--garis))}.pintasan-tambahan{margin-top:10px}.tutorial-pemula{border-color:color-mix(in srgb,var(--aksen) 38%,var(--garis));background:linear-gradient(135deg,var(--latar-panel),var(--aksen-lembut))}.tutorial-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tutorial-kepala h2{margin:2px 0 4px}.tutorial-kepala p{margin-bottom:0}.tutorial-estimasi{color:var(--teks-lembut);font-size:12px;white-space:nowrap;padding-top:4px}.tutorial-rute{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tutorial-rute li{display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--latar-panel);border:1px solid var(--garis);border-radius:8px}.tutorial-rute .langkah-nomor{width:26px;height:26px;font-size:12px}.tutorial-aksi{display:flex;gap:10px;margin-top:16px}.kartu-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:20px}.kartu-ringkas{background:var(--latar-panel);border:1px solid var(--garis);border-radius:var(--radius);padding:17px;box-shadow:var(--bayang);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.kartu-ringkas:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--aksen) 45%,var(--garis));box-shadow:0 8px 22px #2c282517}.bar-status{display:flex;height:7px;border-radius:4px;overflow:hidden;margin:10px 0 12px;background:var(--latar-lembut)}.bar.dikuasai{background:var(--dikuasai)}.bar.hampir{background:var(--hampir)}.bar.dilatih{background:var(--dilatih)}.bar.belum{background:var(--belum)}.progres-angka{font-size:13.5px;color:var(--teks-lembut);margin-bottom:2px}.progres-angka strong{font-size:17px;color:var(--teks)}.progres-angka .persen{margin-left:8px;font-weight:600;color:var(--dikuasai)}.rincian-status{list-style:none;font-size:13.5px}.rincian-status li{display:flex;align-items:center;gap:8px;padding:2px 0}.rincian-status.besar{font-size:15px;margin:12px 0}.titik{width:9px;height:9px;border-radius:50%;flex-shrink:0}.titik.dikuasai{background:var(--dikuasai)}.titik.hampir{background:var(--hampir)}.titik.dilatih{background:var(--dilatih)}.titik.belum{background:var(--belum)}.total-kecil{font-size:12.5px;color:var(--teks-lembut);margin-top:8px;padding-top:8px;border-top:1px solid var(--garis)}.tugas{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--garis)}.tugas:last-of-type{border-bottom:none}.tugas-teks{display:flex;flex-direction:column;gap:3px}.tugas-teks strong{font-size:15.5px;font-weight:650}.tugas-teks span{font-size:13.5px;color:var(--teks-lembut)}.tugas.selesai .tugas-teks strong{color:var(--dikuasai)}.rutinitas{margin-top:18px;padding-top:16px;border-top:1px solid var(--garis)}.tabel-rutinitas{width:100%;border-collapse:collapse;font-size:14px}.tabel-rutinitas td{padding:6px 0;vertical-align:top}.tabel-rutinitas .menit{width:85px;color:var(--aksen);font-weight:600;font-variant-numeric:tabular-nums}.pilih-sistem{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pil{font-family:inherit;font-size:13.5px;color:var(--teks-lembut);background:var(--latar-panel);border:1px solid var(--garis);border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .15s}.pil:hover{border-color:#cdc6bd;color:var(--teks)}.pil.aktif{background:var(--aksen);border-color:var(--aksen);color:#fff;font-weight:550}.pilih-baris{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.pil-baris{font-family:var(--font-jp);font-size:16px;color:var(--teks);background:var(--latar-panel);border:1px solid var(--garis);border-radius:8px;padding:7px 13px;cursor:pointer;transition:all .15s}.pil-baris:hover{border-color:var(--aksen)}.pil-baris.aktif{background:var(--aksen-lembut);border-color:var(--aksen);color:var(--aksen-gelap)}.grid-kana{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.kartu-kana{background:var(--latar-panel);border:1px solid var(--garis);border-left:3px solid var(--belum);border-radius:var(--radius);padding:16px;box-shadow:var(--bayang)}.kartu-kana.status-dilatih{border-left-color:var(--dilatih)}.kartu-kana.status-hampir{border-left-color:var(--hampir)}.kartu-kana.status-dikuasai{border-left-color:var(--dikuasai)}.kartu-kepala{display:flex;align-items:center;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--garis)}.kana-besar{font-family:var(--font-jp);font-size:46px;line-height:1;color:var(--teks)}.kartu-info{display:flex;flex-direction:column;gap:4px;flex:1}.romaji{font-size:16px;font-weight:600;color:var(--aksen);letter-spacing:.02em}.lencana{font-size:11.5px;font-weight:550;padding:2px 8px;border-radius:12px;align-self:flex-start}.lencana.belum{background:var(--latar-lembut);color:var(--teks-lembut)}.lencana.dilatih{background:#fdf3e3;color:#96631f}.lencana.hampir{background:#f0f3e3;color:#5d6b2a}.lencana.dikuasai{background:#e9f2ec;color:#35603f}.tombol-suara{font-size:17px;color:var(--teks-lembut);background:var(--latar-lembut);border:1px solid var(--garis);border-radius:50%;width:40px;height:40px;cursor:pointer;flex-shrink:0;transition:all .15s}.tombol-suara:hover{background:var(--aksen);color:#fff}.tombol-suara.besar{width:44px;height:44px;font-size:21px}.mnemonic,.coretan,.asal{font-size:13.5px;color:var(--teks-lembut);margin-bottom:9px}.mnemonic strong,.coretan strong,.asal strong{color:var(--teks)}.mnemonic{background:var(--aksen-lembut);border-radius:7px;padding:9px 12px}.daftar-contoh{list-style:none;margin-top:10px}.daftar-contoh li{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding:5px 0;border-top:1px solid var(--latar-lembut);font-size:14px}.contoh-kata{font-family:var(--font-jp);font-size:17px;font-weight:500}.contoh-baca{color:var(--aksen);font-size:13px}.contoh-arti{color:var(--teks-lembut);font-size:13px}.kuis{text-align:center;padding:30px 22px}.soal-perintah{font-size:15.5px;color:var(--teks-lembut);margin-bottom:22px}.soal-kana,.soal-kata{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px}.kana-raksasa{font-family:var(--font-jp);font-size:110px;line-height:1;color:var(--teks)}.kata-raksasa{font-family:var(--font-jp);font-size:60px;line-height:1.25;color:var(--teks)}.pilihan-jawab{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;max-width:480px;margin:0 auto}.tombol-jawab{font-family:inherit;font-size:17px;font-weight:550;color:var(--teks);background:var(--latar-panel);border:1.5px solid var(--garis);border-radius:9px;padding:15px 12px;cursor:pointer;transition:all .15s}.tombol-jawab:hover:not(:disabled){border-color:var(--aksen);background:var(--aksen-lembut)}.tombol-jawab:disabled{cursor:default;opacity:.55}.kana-pilihan{font-family:var(--font-jp);font-size:38px;padding:16px 12px}.tombol-jawab.pilih-benar{background:#e9f2ec;border-color:var(--dikuasai);color:#2f5638;opacity:1}.tombol-jawab.pilih-belum{background:var(--latar-lembut);border-color:#d4cdc4;color:var(--teks-lembut)}.area-ketik{display:flex;gap:9px;max-width:400px;margin:0 auto}#input-jawab{flex:1;font-family:inherit;font-size:17px;color:var(--teks);background:var(--latar-panel);border:1.5px solid var(--garis);border-radius:9px;padding:12px 15px;outline:none;transition:border-color .15s}#input-jawab:focus{border-color:var(--aksen)}#input-jawab.input-benar{border-color:var(--dikuasai);background:#f4f9f5}#input-jawab.input-belum{border-color:var(--dilatih);animation:goyang .35s}@keyframes goyang{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.umpan-balik{margin-top:24px;min-height:20px}.benar{font-size:16px;color:var(--dikuasai);font-weight:550;margin-bottom:8px}.belum-pas{font-size:15.5px;color:var(--dilatih);font-weight:550;margin-bottom:10px}.konteks,.petunjuk-kotak{font-size:14px;color:var(--teks-lembut);background:var(--latar-lembut);border-radius:8px;padding:12px 15px;max-width:560px;margin:0 auto 14px;text-align:left;line-height:1.6}.petunjuk-kotak{background:#fdf6e9;border-left:3px solid var(--dilatih)}.umpan-balik .tombol.utama{margin-top:6px}.kuis-alat{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--garis)}.jawab-baca{margin-bottom:20px;transition:opacity .2s}.baca-romaji{font-size:24px;color:var(--aksen);font-weight:600;letter-spacing:.02em}.baca-arti{font-size:16px;color:var(--teks-lembut);margin-top:3px}.kartu-mirip{padding:20px}.mirip-huruf{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:16px;flex-wrap:wrap}.mirip-satu{display:flex;flex-direction:column;align-items:center;gap:5px}.mirip-satu .kana-besar{font-size:58px}.vs{font-size:13px;color:var(--teks-lembut);font-style:italic}.kunci{font-size:14px;color:var(--teks-lembut);background:var(--latar-lembut);border-radius:8px;padding:13px 16px;line-height:1.65}.kunci strong{color:var(--teks)}.tips{font-size:13.5px;color:var(--teks-lembut);background:#fdf6e9;border-left:3px solid var(--dilatih);border-radius:6px;padding:11px 14px;margin-top:12px}.grid-kosakata{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.kartu-kosakata{display:flex;flex-direction:column;gap:3px;background:var(--latar-panel);border:1px solid var(--garis);border-left:3px solid var(--belum);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--bayang)}.kartu-kosakata.status-dilatih{border-left-color:var(--dilatih)}.kartu-kosakata.status-dikuasai{border-left-color:var(--dikuasai)}.kosakata-atas{display:flex;align-items:center;justify-content:space-between;gap:8px}.kosakata-kata{font-family:var(--font-jp);font-size:26px;line-height:1.3;color:var(--teks)}.kosakata-kana{font-family:var(--font-jp);font-size:14px;color:var(--teks-lembut)}.kosakata-romaji{font-size:12.5px;color:var(--aksen);letter-spacing:.02em}.kosakata-arti{font-size:14.5px;color:var(--teks);margin-top:2px}.kartu-kosakata .lencana{margin-top:6px}.kartu-grammar{border-left:3px solid var(--belum)}.kartu-grammar.status-dilatih{border-left-color:var(--dilatih)}.kartu-grammar.status-dikuasai{border-left-color:var(--dikuasai)}.grammar-kepala{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.grammar-urutan{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;color:var(--aksen);background:var(--aksen-lembut);border-radius:50%;font-variant-numeric:tabular-nums}.grammar-kepala>div{flex:1}.grammar-pola{font-family:var(--font-jp);font-size:20px;font-weight:620;margin-bottom:2px}.grammar-arti{font-size:14px;color:var(--aksen);font-weight:550}.grammar-cara{font-size:14px;color:var(--teks-lembut);background:var(--latar-lembut);border-radius:8px;padding:11px 14px;margin-bottom:4px;line-height:1.65}.kartu-grammar .daftar-contoh li{align-items:center;gap:10px}.kartu-grammar .contoh-kata{font-size:16px}.pola-raksasa{font-family:var(--font-jp);font-size:38px;line-height:1.35;color:var(--teks)}.pilihan-arti{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:620px}.pilihan-arti .tombol-jawab{font-size:15px;padding:13px 14px;line-height:1.4}.pola-pilihan{font-family:var(--font-jp);font-size:17px}.fase{border-left:3px solid var(--garis)}.fase.fase-0{border-left-color:var(--aksen)}.fase.fase-n5{border-left-color:var(--dilatih)}.fase.fase-n4{border-left-color:#4a6d8c}.fase.fase-ujian{border-left-color:var(--dikuasai)}.fase-kepala{margin-bottom:12px}.fase-label{display:inline-block;font-size:11.5px;font-weight:650;letter-spacing:.06em;color:var(--aksen);background:var(--aksen-lembut);border-radius:4px;padding:2px 8px;margin-bottom:6px}.fase-n5 .fase-label{color:#96631f;background:#fdf3e3}.fase-n4 .fase-label{color:#3a5a75;background:#eaf1f6}.fase-ujian .fase-label{color:#35603f;background:#e9f2ec}.fase-periode{display:block;font-size:13.5px;color:var(--teks-lembut);margin-top:2px}.fase-target{font-size:14.5px;margin-bottom:6px}.fase-catatan{font-size:14px;color:var(--teks-lembut);margin-bottom:16px}.rincian{margin-top:14px;padding-top:13px;border-top:1px solid var(--garis)}.rincian ul{list-style:none}.rincian li{font-size:14px;color:var(--teks-lembut);padding:3px 0 3px 16px;position:relative}.rincian li:before{content:"·";position:absolute;left:4px;color:var(--aksen);font-weight:700}.contoh-jp{font-family:var(--font-jp);font-size:15px;color:var(--teks);line-height:1.8}.tabel-grammar{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px}.tabel-grammar th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--teks-lembut);border-bottom:1px solid var(--garis);padding:7px 10px 7px 0}.tabel-grammar td{padding:8px 10px 8px 0;border-bottom:1px solid var(--latar-lembut);vertical-align:top}.tabel-grammar .pola{font-family:var(--font-jp);font-weight:550;white-space:nowrap}.tabel-grammar .contoh-jp{font-size:13.5px}#input-import{font-family:inherit;font-size:14px;border:1px solid var(--garis);border-radius:8px;padding:9px;width:100%;max-width:400px;margin-top:8px;cursor:pointer}.pesan{font-size:14px;border-radius:8px;padding:11px 14px;margin-top:12px}.pesan.sukses{background:#e9f2ec;color:#35603f}.pesan.gagal{background:#fdf0ee;color:#a8443a}.panel p{font-size:14.5px;color:var(--teks-lembut);margin-bottom:8px}.daftar-sumber{list-style:none;margin:10px 0}.daftar-sumber li{font-size:13.5px;color:var(--teks-lembut);padding:5px 0 5px 15px;position:relative;border-bottom:1px solid var(--latar-lembut)}.daftar-sumber li:before{content:"·";position:absolute;left:3px;color:var(--aksen);font-weight:700}.daftar-sumber strong{color:var(--teks)}.catatan-kecil{font-size:12.5px!important;color:var(--teks-lembut);line-height:1.6;margin-top:10px}.footer{border-top:1px solid var(--garis);padding:22px 20px;text-align:center}.footer p{font-size:13px;color:var(--teks-lembut)}.link-btn{background:none;border:none;color:var(--aksen);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.link-btn:hover{color:var(--aksen-gelap)}.konsep-lipat{margin-bottom:18px;background:var(--latar-lembut)}.konsep-toggle{width:100%;background:none;border:none;text-align:left;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--teks);cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:10px}.konsep-toggle:hover{color:var(--aksen)}.toggle-ikon{display:inline-flex;width:22px;height:22px;border-radius:50%;border:1px solid var(--garis);align-items:center;justify-content:center;font-size:16px;color:var(--aksen);flex-shrink:0}.konsep-isi{margin-top:10px;padding-top:12px;border-top:1px solid var(--garis);font-size:14px;color:var(--teks-lembut)}.konsep-isi p:last-child{margin-bottom:0}.konsep-kartu h2{margin-bottom:8px;font-size:17px}.konsep-ringkas{font-size:14.5px;color:var(--teks);margin-bottom:10px}.konsep-detail{margin-top:12px;padding:12px 0 0;border-top:1px solid var(--garis)}.konsep-detail p{font-size:14px;color:var(--teks-lembut);margin-bottom:10px;line-height:1.7}.konsep-detail p:last-child{margin-bottom:0}.daftar-langkah{list-style:none;margin:0;padding:0}.daftar-langkah li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--latar-lembut)}.daftar-langkah li:last-child{border-bottom:none;padding-bottom:0}.langkah-nomor{display:inline-flex;width:30px;height:30px;background:var(--aksen);color:#fff;border-radius:50%;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.langkah-teks{flex:1;min-width:0}.langkah-teks strong{display:block;font-size:15px;margin-bottom:4px}.langkah-teks p{font-size:13.5px;color:var(--teks-lembut);margin:0}.area-tes-baris h2{margin-bottom:6px;font-size:16px}#label-tes-baris{font-size:14px;color:var(--teks-lembut);margin-bottom:14px}.konteks-kuis{font-size:13px;font-weight:600;color:var(--aksen);background:var(--aksen-lembut);padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:14px}.kuis-alat.kiri{justify-content:flex-start;flex-wrap:wrap}.kartu-aksi{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.details-panah>summary::-webkit-details-marker{display:none}.kartu-detail{border-top:1px solid var(--garis);padding-top:8px;margin-top:8px}.kartu-detail>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--aksen);list-style:none;padding:4px 0;-webkit-user-select:none;user-select:none}.kartu-detail>summary::-webkit-details-marker{display:none}.kartu-detail>summary:before{content:"+ ";font-weight:700}.kartu-detail[open]>summary:before{content:"− "}.kartu-detail>summary:hover{color:var(--aksen-gelap)}.target-hari-ini{margin-top:16px;padding:14px;background:var(--latar-lembut);border:1px solid var(--garis);border-radius:var(--radius)}.target-hari-ini h3{font-size:15px;margin-bottom:4px}.petunjuk-kecil{font-size:13px;color:var(--teks-lembut);margin-bottom:12px}.target-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.target-list li{display:flex;align-items:center;gap:8px;background:var(--latar-panel);border:1px solid var(--garis);border-radius:8px;padding:8px 12px}.target-list li.selesai{border-color:var(--dikuasai);background:#e9f2ec}.target-list li.selesai .target-kana{color:var(--dikuasai)}.target-kana{font-family:var(--font-jp);font-size:22px;line-height:1}.target-romaji{font-size:13px;color:var(--teks-lembut);font-weight:600}.overlay-tulis{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c28258c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.overlay-panel{background:var(--latar-panel);border-radius:var(--radius);box-shadow:0 10px 40px #00000040;padding:18px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.overlay-kepala{display:flex;align-items:center;gap:10px;margin-bottom:6px}.overlay-judul{display:flex;align-items:baseline;gap:10px;flex:1}.overlay-judul .kana-besar{font-size:44px}.overlay-judul .romaji{font-size:16px}#tulis-tutup{font-size:22px;line-height:1;padding:4px 12px;border-radius:8px}#tulis-coretan{font-size:13px;margin-bottom:10px}.kanvas-bungkus{position:relative;border:1px solid var(--garis);border-radius:8px;overflow:hidden;background:#fff;margin-bottom:12px}.kanvas-bungkus:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(to right,transparent calc(50% - .5px),#ddd calc(50% - .5px),#ddd calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#ddd calc(50% - .5px),#ddd calc(50% + .5px),transparent calc(50% + .5px))}#kanvas-tulis{display:block;width:100%;height:320px;touch-action:none;cursor:crosshair}.tulis-panduan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;font-family:var(--font-jp);font-size:200px;line-height:1;color:#b04a3f47;text-shadow:0 0 1px rgba(176,74,63,.18);pointer-events:none;-webkit-user-select:none;user-select:none}.tulis-tab{display:flex;gap:6px;margin:4px 0 12px}.tulis-tab .pil{font-size:13.5px;padding:7px 14px}.stroke-svg{display:block;width:100%;max-height:300px;background:#fff}.stroke-status{position:absolute;top:8px;left:12px;font-size:13px;font-weight:600;color:var(--teks-lembut);background:#ffffffe6;padding:2px 10px;border-radius:12px}.stroke-ulang{position:absolute;bottom:10px;right:12px}.pesan-target-terpenuhi{font-size:14px;color:var(--dikuasai);margin:6px 0 10px}.streak-panel{margin:16px 0;padding:14px;background:var(--latar-lembut);border:1px solid var(--garis);border-radius:var(--radius)}.streak-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.streak-angka{display:flex;align-items:baseline;gap:8px}.streak-angka strong{font-size:28px;color:var(--aksen)}.streak-angka span{font-size:14px;color:var(--teks-lembut)}.streak-hari-ini{font-size:13px;color:var(--teks-lembut);padding:3px 10px;border-radius:12px;background:var(--latar-panel);border:1px solid var(--garis)}.streak-hari-ini.selesai{color:var(--dikuasai);background:#e9f2ec;border-color:var(--dikuasai)}.kalender-mini{display:flex;flex-wrap:wrap;gap:4px}.hari-kal{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:5px;background:var(--latar-panel);color:var(--teks-lembut);border:1px solid transparent}.hari-kal.aktif{background:var(--dikuasai);color:#fff;font-weight:600}.hari-kal.ini{border:2px solid var(--aksen);font-weight:700}[data-theme=gelap] .lencana.dilatih{background:#3a3018;color:#d4a44a}[data-theme=gelap] .lencana.hampir{background:#2a3018;color:#9aab5a}[data-theme=gelap] .lencana.dikuasai{background:#1a3020;color:#6aad7a}[data-theme=gelap] .lencana.belum{background:var(--latar-lembut);color:var(--teks-lembut)}[data-theme=gelap] .pesan.sukses{background:#1a3020;color:#6aad7a}[data-theme=gelap] .pesan.gagal{background:#3a1818;color:#d4766c}[data-theme=gelap] .fase-n5 .fase-label{background:#3a3018;color:#d4a44a}[data-theme=gelap] .fase-n4 .fase-label{background:#182830;color:#6aad7a}[data-theme=gelap] .fase-ujian .fase-label{background:#1a3020;color:#6aad7a}[data-theme=gelap] .kanvas-bungkus{background:#2e2e2e}[data-theme=gelap] .kanvas-bungkus:before{opacity:.5}[data-theme=gelap] .tulis-panduan{color:#ffb4aa6b;text-shadow:0 0 1px rgba(255,180,170,.25)}[data-theme=gelap] .target-list li{background:var(--latar-panel);border-color:var(--garis)}[data-theme=gelap] .target-list li.selesai{background:#1a3020;border-color:var(--dikuasai)}[data-theme=gelap] .hari-kal{background:var(--latar-panel);color:var(--teks-lembut)}@media (max-width: 640px){.wadah{padding:20px 14px 44px}.kana-raksasa{font-size:82px}.kata-raksasa{font-size:42px}.grid-kana{grid-template-columns:1fr}.tugas{flex-direction:column;align-items:flex-start}.kuis{padding:24px 16px}h1{font-size:22px}.sambutan h1{font-size:25px}.daftar-langkah li{flex-direction:column;gap:10px}.daftar-langkah li .tombol{align-self:flex-start}.panel-judul-bantuan,.tutorial-kepala{flex-direction:column}.pilihan-level,.tutorial-rute{grid-template-columns:1fr}.pilihan-level .tombol{min-height:auto}.tutorial-estimasi{padding-top:0}.tutorial-aksi{flex-direction:column;align-items:stretch}.sambutan{padding:22px 18px}.topbar-inner{padding:0 14px}.tombol{padding:12px 18px;min-height:44px}.tombol.utama,.tombol.selesai{padding:13px 22px}.tombol.halus{min-height:auto;padding:10px 14px}.tombol.jawab{min-height:48px}.pil{padding:9px 16px;min-height:40px}.pil-baris{padding:9px 14px;min-height:40px}.tombol-jawab{padding:16px 14px;min-height:52px}.kana-pilihan{padding:18px 14px;min-height:60px}.kartu-aksi{gap:8px}.target-list li{padding:10px 14px}.kuis-alat{gap:10px}.nav-hamburger{display:block;margin:0 0 8px auto}.nav{display:none;flex-direction:column;align-items:stretch;gap:0;overflow:visible;background:var(--latar-panel);border:1px solid var(--garis);border-radius:8px;padding:6px 0;margin-top:4px}.nav.terbuka{display:flex}.nav-btn{text-align:left;border-bottom:none;padding:12px 16px}.nav-grup{width:100%}.nav-grup-induk{width:100%;text-align:left;font-weight:600}.nav-submenu{position:static;border:none;box-shadow:none;border-radius:0;padding:0 0 0 12px;background:var(--latar)}.nav-grup:hover .nav-submenu{display:none}.nav-grup.terbuka .nav-submenu{display:block}.nav-submenu .nav-btn{padding:10px 16px;min-height:44px}.overlay-panel{padding:16px}.tulis-panduan{font-size:150px}.stroke-svg{max-height:220px}.kartu-kana{padding:14px}.panel{padding:16px}.streak-panel{padding:14px}.streak-angka strong{font-size:24px}.hari-kal{width:28px;height:28px}}