*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-el: #222222;--border: #2e2e2e;--text: #e8e8e8;--text-sec: #888888;--text-muted: #444444;--accent: #c8a97e;--accent-dim: #7a6448;--danger: #8b4040;--success: #4a7c59}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px 12px;font-size:14px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent-dim)}a{color:var(--accent);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;transition:opacity .15s;border:1px solid var(--border);background:var(--surface-el);color:var(--text);cursor:pointer}.btn:hover{opacity:.8}.btn-primary{background:var(--accent);color:#0f0f0f;border-color:var(--accent)}.btn-danger{background:var(--danger);color:var(--text);border-color:var(--danger)}.kanji-font{font-family:Noto Sans JP,sans-serif}._nav_1au7c_1{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}._brand_1au7c_12{font-size:13px;font-weight:500;color:var(--text-sec);letter-spacing:.05em;text-transform:uppercase}._links_1au7c_20{display:flex;gap:4px}._link_1au7c_20{padding:6px 14px;border-radius:4px;font-size:13px;color:var(--text-sec);cursor:pointer;border:none;background:none;transition:color .15s,background .15s}._link_1au7c_20:hover{color:var(--text)}._linkActive_1au7c_40{color:var(--text);background:var(--surface-el)}._wrap_1t39l_1{display:flex;flex-direction:column;gap:6px}._label_1t39l_7{display:flex;justify-content:space-between;font-size:12px;color:var(--text-sec)}._track_1t39l_14{height:4px;background:var(--surface-el);border-radius:2px;overflow:hidden}._fill_1t39l_21{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}._page_gx4ni_1{max-width:480px;margin:0 auto;padding:40px 24px 32px;display:flex;flex-direction:column;gap:32px}._actions_gx4ni_11{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}._actionCard_gx4ni_21{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 24px}._divider_gx4ni_30{width:1px;height:100px;background:var(--border);flex-shrink:0}._actionCount_gx4ni_37{font-size:56px;font-weight:300;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}._actionLabel_gx4ni_45{font-size:12px;color:var(--text-muted);text-align:center}._actionBtn_gx4ni_51{margin-top:8px;padding:9px 20px;font-size:13px;min-width:120px}._actionBtn_gx4ni_51:disabled{opacity:.35;cursor:default}._section_gx4ni_64{display:flex;flex-direction:column;gap:6px}._subProgress_gx4ni_70{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);padding:0 2px}._partBreakdown_gx4ni_79{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}._partStat_gx4ni_85{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}._partLabel_gx4ni_95{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}._partNum_gx4ni_102{font-size:14px;color:var(--text-sec);font-variant-numeric:tabular-nums}._navLinks_gx4ni_108{display:flex;gap:12px;justify-content:center}._wrap_147xj_1{display:flex;flex-direction:column;align-items:center;gap:8px}._canvas_147xj_8{display:block;background:var(--surface);border:1px solid var(--border);border-radius:4px;touch-action:none;cursor:crosshair;max-width:320px;width:100%;aspect-ratio:1}._clearBtn_147xj_20{font-size:12px;color:var(--text-muted);padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;transition:color .15s}._clearBtn_147xj_20:hover{color:var(--text-sec)}._scene_w9e01_1{width:100%;max-width:560px;perspective:1200px}._cardWrap_w9e01_7{position:relative;width:100%;transform-style:preserve-3d;transition:transform .3s ease}._cardWrap_w9e01_7._flipped_w9e01_14{transform:rotateY(180deg)}._face_w9e01_18{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px 28px 24px}._back_w9e01_28{position:absolute;top:0;left:0;transform:rotateY(180deg)}._frontMeta_w9e01_36{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._frameNum_w9e01_43{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}._partTag_w9e01_49{font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:2px 7px}._modeToggle_w9e01_57{display:flex;gap:4px}._modeBtn_w9e01_62{font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:2px 7px;background:none;cursor:pointer;transition:color .15s,border-color .15s}._modeBtn_w9e01_62:hover{color:var(--text-sec)}._modeBtnActive_w9e01_77{color:var(--accent);border-color:var(--accent-dim)}._keyword_w9e01_82{font-size:28px;font-weight:500;text-align:center;color:var(--text);margin:20px 0 28px;letter-spacing:.01em}._canvasSection_w9e01_91{margin-bottom:20px}._revealBtn_w9e01_95{width:100%;padding:12px;background:var(--surface-el);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}._revealBtn_w9e01_95:hover{background:var(--border)}._kanjiDisplay_w9e01_113{text-align:center;font-size:140px;line-height:1;margin-bottom:12px;color:var(--text)}._backKeyword_w9e01_121{text-align:center;font-size:20px;font-weight:500;color:var(--text-sec);margin-bottom:28px}._storySection_w9e01_129{margin-bottom:20px}._sectionLabel_w9e01_133{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}._storyText_w9e01_141{font-size:14px;color:var(--text-sec);line-height:1.7}._primitivesList_w9e01_147{display:flex;flex-wrap:wrap;gap:6px}._primitiveChip_w9e01_153{font-size:12px;padding:3px 10px;border:1px solid var(--border);border-radius:12px;color:var(--text-sec);display:flex;align-items:center;gap:5px}._primitiveDot_w9e01_164{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}._primitiveDotLearned_w9e01_172{background:var(--accent)}._notesSection_w9e01_176{margin:20px 0}._notesTextarea_w9e01_180{width:100%;min-height:72px;resize:vertical;font-size:13px;color:var(--text-sec);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:8px 10px;line-height:1.5}._gradeRow_w9e01_193{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}._gradeBtn_w9e01_200{padding:10px 6px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface-el);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px;transition:opacity .15s}._gradeBtn_w9e01_200:hover{opacity:.8}._gradeKey_w9e01_220{font-size:10px;color:var(--text-muted)}._nextBtn_w9e01_225{width:100%;margin-top:24px;padding:12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--accent-dim);background:var(--surface-el);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .15s}._nextBtn_w9e01_225:hover{opacity:.8}._gradeBtnAgain_w9e01_247{border-color:var(--danger)}._gradeBtnHard_w9e01_248{border-color:#6b5530}._gradeBtnGood_w9e01_249{border-color:var(--accent-dim)}._gradeBtnEasy_w9e01_250{border-color:var(--success)}._wrap_15bzk_1{display:flex;align-items:center;justify-content:center;overflow:hidden}._wrap_15bzk_1 svg{width:100%;height:100%}._placeholder_15bzk_13{display:flex;align-items:center;justify-content:center;background:var(--surface-el);border-radius:4px}._dot_15bzk_21{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:_pulse_15bzk_1 1.2s ease-in-out infinite}._errorText_15bzk_29{color:var(--text-muted);font-size:20px}@keyframes _pulse_15bzk_1{0%,to{opacity:.3}50%{opacity:1}}._card_c2aza_1{width:100%;max-width:540px;margin:0 auto;display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}._meta_c2aza_14{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 0}._frameNum_c2aza_21{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}._partTag_c2aza_27{font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:2px 7px}._kanjiRow_c2aza_36{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 0;gap:12px}._kanji_c2aza_36{font-size:110px;line-height:1;color:var(--text)}._strokeCol_c2aza_50{display:flex;flex-direction:column;align-items:center;gap:6px}._strokeLabel_c2aza_57{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}._keyword_c2aza_64{font-size:22px;font-weight:500;color:var(--accent);padding:8px 20px 0}._section_c2aza_72{padding:14px 20px 0}._sectionLabel_c2aza_76{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:7px}._storyText_c2aza_84{font-size:13px;color:var(--text-sec);line-height:1.75}._primNoteText_c2aza_90{color:var(--accent-dim)}._primList_c2aza_94{display:flex;flex-wrap:wrap;gap:6px}._primChip_c2aza_100{font-size:12px;padding:3px 10px;border:1px solid var(--border);border-radius:12px;color:var(--text-sec)}._notesArea_c2aza_109{width:100%;min-height:80px;resize:vertical;font-size:13px;color:var(--text-sec);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:10px 12px;line-height:1.6}._notesArea_c2aza_109::placeholder{color:var(--text-muted);font-style:italic}._nextBtn_c2aza_128{margin:16px 20px 20px;padding:13px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--accent-dim);background:var(--surface-el);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:12px;transition:opacity .15s}._nextBtn_c2aza_128:hover{opacity:.8}._hint_c2aza_149{font-size:11px;color:var(--text-muted)}._page_1y1by_1{display:flex;flex-direction:column;align-items:center;padding:0 16px 32px;flex:1}._header_1y1by_9{width:100%;max-width:560px;display:flex;align-items:center;gap:16px;padding:16px 0 20px;position:relative}._backBtn_1y1by_19{font-size:13px;color:var(--text-sec);border:none;background:none;cursor:pointer;padding:4px 0;flex-shrink:0}._backBtn_1y1by_19:hover{color:var(--text)}._phaseLabel_1y1by_33{font-size:12px;color:var(--text-muted);flex:1;text-align:center}._progress_1y1by_40{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}._progressTrack_1y1by_47{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--surface-el);border-radius:1px}._progressFill_1y1by_57{height:100%;background:var(--accent-dim);border-radius:1px;transition:width .3s ease}._cardArea_1y1by_64{width:100%;max-width:560px}._empty_1y1by_69{display:flex;flex-direction:column;align-items:center;gap:20px;padding:80px 24px}._emptyText_1y1by_77{color:var(--text-sec);font-size:15px}._summary_1y1by_83{max-width:400px;margin:60px auto;padding:0 24px;display:flex;flex-direction:column;gap:28px}._summaryTitle_1y1by_92{font-size:20px;font-weight:500;color:var(--text)}._summaryStats_1y1by_98{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}._statRow_1y1by_105{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}._statRow_1y1by_105:last-child{border-bottom:none}._statLabel_1y1by_117{font-size:14px;color:var(--text-sec)}._statVal_1y1by_122{font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}._summaryActions_1y1by_128{display:flex;gap:12px}._page_13ani_1{display:flex;height:100%;overflow:hidden}._grid_13ani_8{flex-shrink:0;width:100%;padding:20px;overflow-y:auto;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;align-content:start;transition:width .2s ease}._gridNarrow_13ani_20{width:340px}@media (max-width: 700px){._gridNarrow_13ani_20{display:none}}._cell_13ani_30{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:18px;background:none;border:none;cursor:pointer;border-radius:3px;transition:background .1s;padding:0}._cell_13ani_30:hover{background:var(--surface-el)}._cellActive_13ani_48{background:var(--surface-el);outline:1px solid var(--border)}._panel_13ani_54{flex:1;min-width:300px;max-width:480px;height:100%;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:0;padding-bottom:40px}._panelHeader_13ani_68{display:flex;justify-content:flex-end;padding:12px 16px;position:sticky;top:0;background:var(--surface);z-index:1;border-bottom:1px solid var(--border)}._closeBtn_13ani_80{font-size:12px;color:var(--text-sec);background:none;border:1px solid var(--border);border-radius:4px;padding:4px 12px;cursor:pointer;transition:color .15s}._closeBtn_13ani_80:hover{color:var(--text)}._hero_13ani_96{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px;gap:12px}._heroLeft_13ani_104{display:flex;flex-direction:column;gap:4px}._heroFrame_13ani_110{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}._heroKanji_13ani_116{font-size:80px;line-height:1;color:var(--text)}._heroKeyword_13ani_122{font-size:18px;font-weight:500;color:var(--text-sec)}._heroStroke_13ani_128{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px}._strokeLabel_13ani_136{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}._statusBadge_13ani_144{display:inline-block;font-size:11px;padding:2px 8px;border-radius:3px;border:1px solid;margin-top:4px}._status_notStarted_13ani_152{color:var(--text-muted);border-color:var(--text-muted)}._status_learning_13ani_153{color:var(--accent-dim);border-color:var(--accent-dim)}._status_learned_13ani_154{color:var(--accent);border-color:var(--accent-dim)}._status_overdue_13ani_155{color:var(--danger);border-color:var(--danger)}._section_13ani_158{padding:16px 20px;border-top:1px solid var(--border)}._sectionTitle_13ani_163{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px}._bodyText_13ani_171{font-size:13px;color:var(--text-sec);line-height:1.75}._primitiveNoteText_13ani_177{color:var(--accent-dim)}._primList_13ani_182{display:flex;flex-wrap:wrap;gap:6px}._primChip_13ani_188{font-size:12px;padding:3px 10px;border:1px solid var(--border);border-radius:12px;color:var(--text-sec);display:flex;align-items:center;gap:5px}._primDot_13ani_199{width:6px;height:6px;border-radius:50%;flex-shrink:0}._notesArea_13ani_207{width:100%;min-height:100px;resize:vertical;font-size:13px;color:var(--text-sec);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:10px 12px;line-height:1.6}._notesArea_13ani_207::placeholder{color:var(--text-muted);font-style:italic}._srsGrid_13ani_226{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}._srsKey_13ani_232{font-size:12px;color:var(--text-muted)}._srsVal_13ani_237{font-size:12px;color:var(--text-sec);font-variant-numeric:tabular-nums}._page_1qy8h_1{max-width:520px;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;gap:32px}._title_1qy8h_10{font-size:18px;font-weight:500;color:var(--text)}._section_1qy8h_16{display:flex;flex-direction:column;gap:16px}._sectionTitle_1qy8h_22{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--border)}._row_1qy8h_31{display:flex;align-items:center;justify-content:space-between;gap:16px}._label_1qy8h_38{font-size:14px;color:var(--text)}._hint_1qy8h_43{font-size:12px;color:var(--text-muted);margin-top:2px}._inputGroup_1qy8h_49{display:flex;align-items:center;gap:8px}._numInput_1qy8h_55{width:72px;text-align:center}._error_1qy8h_60{font-size:13px;color:var(--danger);padding:8px 12px;border:1px solid var(--danger);border-radius:4px}._importConfirm_1qy8h_68{background:var(--surface-el);border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:12px}._importMsg_1qy8h_78{font-size:13px;color:var(--text-sec);line-height:1.5}._importActions_1qy8h_84{display:flex;gap:10px}