@charset "UTF-8";.clay-card{background:#fff;transition:box-shadow .2s ease,transform .15s ease}.clay-card--sm{border-radius:8px;padding:12px}.clay-card--md{border-radius:12px;padding:16px}.clay-card--lg{border-radius:16px;padding:20px}.clay-card--default{box-shadow:0 2px 8px #3b82f614,0 1px 3px #0000000a,inset 0 1px #fff9}.clay-card--default:hover{box-shadow:0 4px 16px #3b82f61f,0 2px 6px #0000000f}.clay-card--pressed{box-shadow:inset 0 2px 4px #0000000f,inset 0 1px 2px #0000000a}.clay-card--elevated{box-shadow:0 8px 24px #3b82f61f,0 4px 8px #0000000f,inset 0 1px #ffffff80}.clay-btn{font-family:"Baloo 2",cursive;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.clay-btn--sm{padding:8px 16px;font-size:14px;border-radius:8px}.clay-btn--md{padding:12px 24px;font-size:16px;border-radius:12px}.clay-btn--lg{padding:16px 32px;font-size:18px;border-radius:14px}.clay-btn--full{width:100%}.clay-btn--primary{background:#3b82f6;color:#fff;box-shadow:0 4px #1d4ed8,0 4px 12px #3b82f633}.clay-btn--primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1d4ed8}.clay-btn--cta{background:#58cc02;color:#fff;box-shadow:0 4px #3d8c02,0 4px 12px #58cc0233}.clay-btn--cta:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #3d8c02}.clay-btn--secondary{background:#f5f8ff;color:#1a1a2e;box-shadow:0 2px 8px #3b82f614,inset 0 1px #fff9}.clay-btn--secondary:active:not(:disabled){box-shadow:inset 0 2px 4px #0000000f}.clay-btn--danger{background:#e53e3e;color:#fff;box-shadow:0 4px #b91c1c}.clay-btn--danger:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #b91c1c}.clay-btn--outline{background:transparent;color:#3b82f6;border:2px solid #3B82F6}.clay-btn--outline:active:not(:disabled){background:#3b82f614}.clay-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.clay-btn__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-page{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#f5f8ff,#fff7ed);padding:40px 16px 24px;display:flex;flex-direction:column}.welcome-hero{text-align:center;margin-bottom:24px}.welcome-logo{margin-bottom:12px}.welcome-logo img{width:80px;height:80px}.welcome-title{font-family:"Baloo 2",cursive;font-size:36px;font-weight:800;color:#1a1a2e;margin-bottom:4px}.welcome-subtitle{font-size:14px;color:#6b7280}.welcome-form{max-width:420px;width:100%;margin:0 auto}.form-title{font-family:"Baloo 2",cursive;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:10px;font-size:16px;transition:border-color .15s;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6}.form-error{color:#e53e3e;font-size:14px;margin-bottom:12px;text-align:center}.form-switch{text-align:center;margin-top:16px;font-size:14px;color:#6b7280}.link-btn{border:none;background:none;color:#3b82f6;font-weight:600;cursor:pointer;font-size:14px;margin-left:4px}.link-btn:hover{text-decoration:underline}.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.edu-option{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #E5E7EB;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;text-align:center}.edu-option:hover{border-color:#3b82f6;background:#3b82f60a}.edu-option--active{border-color:#3b82f6;background:#3b82f614;box-shadow:0 2px 8px #3b82f626}.edu-option .edu-icon{font-size:24px;margin-bottom:4px}.edu-option .edu-label{font-size:13px;font-weight:600;color:#1a1a2e}.edu-option .edu-desc{font-size:10px;color:#9ca3af}.welcome-footer{text-align:center;margin-top:auto;padding-top:24px;font-size:13px;color:#9ca3af}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:52px;background:transparent}.top-nav__left,.top-nav__right{width:40px;display:flex;align-items:center}.top-nav__right{justify-content:flex-end}.top-nav__back{width:36px;height:36px;border-radius:50%;border:none;background:#3b82f614;color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.top-nav__back:hover{background:#3b82f626}.top-nav__title{font-family:"Baloo 2",cursive;font-size:18px;font-weight:700;color:#1a1a2e;text-align:center;flex:1}.progress-bar{background:#e5e7eb;border-radius:999px;overflow:hidden;width:100%}.progress-bar--sm{height:6px}.progress-bar--md{height:12px;border-radius:12px}.progress-bar--lg{height:20px;border-radius:14px}.progress-bar__fill{height:100%;border-radius:inherit;transition:width .4s ease;background:var(--progress-color, #3B82F6)}.progress-bar--primary{--progress-color: #3B82F6}.progress-bar--cta{--progress-color: #58CC02}.progress-bar--orange{--progress-color: #FF9600}.quiz-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;font-size:16px;text-align:left;transition:all .15s ease;color:#1a1a2e}.quiz-option:hover:not(:disabled){border-color:#3b82f6;background:#3b82f60a}.quiz-option--selected{border-color:#3b82f6;background:#3b82f60f}.quiz-option--correct{border-color:#58cc02;background:#58cc0214}.quiz-option--wrong{border-color:#e53e3e;background:#e53e3e0f}.quiz-option:disabled{cursor:default}.quiz-option__letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f8ff;border-radius:8px;font-family:"Baloo 2",cursive;font-weight:700;font-size:14px;color:#3b82f6;flex-shrink:0}.quiz-option--correct .quiz-option__letter{background:#58cc02;color:#fff}.quiz-option--wrong .quiz-option__letter{background:#e53e3e;color:#fff}.quiz-option__text{flex:1;font-weight:500;white-space:pre-line;line-height:1.4}.quiz-option__icon{font-size:20px;font-weight:700;flex-shrink:0}.quiz-option--correct .quiz-option__icon{color:#58cc02}.quiz-option--wrong .quiz-option__icon{color:#e53e3e}.assess-page{min-height:100vh;background:#f5f8ff}.assess-content{max-width:480px;margin:0 auto;padding:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-num{font-family:"Baloo 2",cursive;font-size:15px;font-weight:600;color:#6b7280}.question-dimension{font-size:13px;font-weight:600;padding:4px 12px;border-radius:8px}.dim-read{background:#3b82f61a;color:#3b82f6}.dim-write{background:#58cc021a;color:#46a802}.question-prompt{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:8px;text-align:center;line-height:1.6;white-space:pre-line}.phonetic-row{text-align:center;margin-bottom:8px}.phonetic-text{font-family:"Baloo 2",cursive;font-size:22px;font-weight:800;color:#1a1a2e}.full-translation{text-align:left;margin-bottom:16px;padding:10px 14px;background:#f5f8ff;border-radius:10px}.full-translation p{font-size:14px;color:#374151;line-height:1.6;margin:2px 0}.options-list{display:flex;flex-direction:column;gap:12px}.spell-area{display:flex;flex-direction:column;align-items:center;gap:16px}.spell-input{width:100%;padding:14px 18px;font-size:22px;font-family:"Baloo 2",cursive;text-align:center;border:3px solid #E5E7EB;border-radius:14px;transition:border-color .15s;letter-spacing:2px}.spell-input:focus{outline:none;border-color:#3b82f6}.spell-input.spell-correct{border-color:#58cc02;background:#58cc020a}.spell-input.spell-wrong{border-color:#e53e3e;background:#e53e3e0a}.correct-answer{font-size:16px;color:#58cc02;font-weight:600}.quiz-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:8px;background:#ff96001a;color:#ff9600}.result-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;margin-top:16px;font-weight:600;font-size:15px}.banner-correct{background:#dcfce7;color:#166534}.banner-wrong{background:#fee2e2;color:#991b1b}.skip-btn{padding:10px 24px;border:1px solid #D1D5DB;border-radius:12px;background:transparent;color:#9ca3af;font-size:14px;cursor:pointer;font-weight:500}.skip-btn:hover{color:#6b7280;border-color:#9ca3af}.submit-spell-btn{padding:10px 24px;border:none;border-radius:12px;background:#58cc02;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.submit-spell-btn:disabled{opacity:.4;cursor:not-allowed}.spell-display{width:100%;padding:14px 18px;border:2px dashed #D1D5DB;border-radius:14px;text-align:center;transition:border-color .2s,background .2s}.spell-display .spell-field{font-family:"Baloo 2",cursive;font-size:28px;letter-spacing:8px;text-align:center;border:none;background:transparent;outline:none;width:100%;color:#1a1a2e;text-transform:lowercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #0003;animation:slideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.modal-title{font-family:"Baloo 2",cursive;font-size:18px;font-weight:700}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f5f8ff;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close:hover{background:#e5e7eb}.modal-body{padding:16px 20px 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dash-page{min-height:100vh;background:linear-gradient(180deg,#eff6ff,#f5f8ff 40%);max-width:480px;margin:0 auto;padding:16px 16px 80px}.dash-top{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.dash-logout{padding:8px 14px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;font-size:13px;color:#6b7280;cursor:pointer}.dash-logout:hover{color:#e53e3e;border-color:#fca5a5}.dash-settings{width:40px;height:40px;border-radius:50%;border:none;background:#fff;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #3b82f614;display:flex;align-items:center;justify-content:center}.dash-settings:active{transform:scale(.95)}.dash-hero{text-align:center;padding:24px 0}.dash-level-ring{width:100px;height:100px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:4px solid #3B82F6;display:flex;align-items:center;justify-content:center}.dash-level-num{font-family:"Baloo 2",cursive;font-size:32px;font-weight:800;color:#1d4ed8}.dash-scores{display:flex;justify-content:center;gap:16px;font-size:14px;font-weight:600;color:#374151}.dash-section{margin-bottom:20px}.dash-next-label{font-family:"Baloo 2",cursive;font-size:20px;font-weight:800;color:#e53e3e;margin-bottom:8px;letter-spacing:2px}.dash-task{display:flex;align-items:center;background:#fff;border-radius:14px;padding:16px;cursor:pointer;box-shadow:0 2px 12px #3b82f614;transition:transform .15s}.dash-task:active{transform:scale(.98)}.dash-task-text{flex:1;font-size:16px;font-weight:700;color:#1a1a2e}.dash-task-badge{min-width:24px;height:24px;border-radius:12px;background:#e53e3e;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 7px;margin-left:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.dash-section-label{font-family:"Baloo 2",cursive;font-size:15px;font-weight:700;color:#374151;margin-bottom:8px}.dash-card-act{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 8px;cursor:pointer;position:relative;transition:transform .15s}.dash-card-act:active{transform:scale(.97)}.dash-card-icon{font-size:30px}.dash-card-title{font-family:"Baloo 2",cursive;font-size:14px;font-weight:600;color:#1a1a2e}.dash-card-badge{position:absolute;top:8px;right:8px;min-width:20px;height:20px;border-radius:10px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.dash-card-row{display:flex;align-items:center;gap:8px;flex-direction:row!important;cursor:pointer;padding:14px 16px!important;transition:transform .15s}.dash-card-row:active{transform:scale(.97)}.ach-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ach-dot--green{background:#58cc02}.ach-dot--orange{background:#ff9600}.dash-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #F3F4F6;padding:8px 0 env(safe-area-inset-bottom,12px)}.dash-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;font-size:11px;color:#6b7280;cursor:pointer;padding:4px 20px}.dash-nav button span:first-child{font-size:22px}.dash-nav button:active{color:#3b82f6}.settings-body .setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;font-weight:500}.settings-body .setting-opts{display:flex;gap:6px}.settings-body .setting-opts button{width:40px;height:36px;border:2px solid #E5E7EB;border-radius:8px;background:#fff;font-weight:600;cursor:pointer}.settings-body .setting-opts button.active{border-color:#3b82f6;background:#3b82f614;color:#3b82f6}.train-page{min-height:100vh;background:#f5f8ff;padding-bottom:80px}.train-close{border:none;background:none;font-size:20px;cursor:pointer;color:#6b7280}.train-progress-bar{height:4px;background:#e5e7eb}.train-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s}.train-counter{text-align:center;font-size:12px;color:#9ca3af;padding:4px 0}.train-content{max-width:480px;margin:12px auto 0;padding:0 16px;display:flex;flex-direction:column;gap:12px}.train-card{cursor:pointer}.train-card--active{transform:scale(1.01)}.train-word-wrap{text-align:center;padding:8px 0;transition:filter .2s}.train-word--blur{filter:blur(6px)}.train-word{font-family:"Baloo 2",cursive;font-size:32px;font-weight:700;color:#1a1a2e;letter-spacing:2px}.train-phonetic{text-align:center;font-family:"Baloo 2",cursive;font-size:18px;font-weight:600;color:#6b7280;margin-bottom:4px}.train-trans{text-align:center}.train-trans p{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.train-trans--short p{font-size:16px;color:#1a1a2e;font-weight:500}.train-spell-area{text-align:center;padding:8px 0}.train-spell-prompt{font-size:14px;color:#6b7280;margin-bottom:4px}.spell-display{display:flex;justify-content:center;margin:16px 0;padding:12px;border:2px dashed #D1D5DB;border-radius:14px;transition:border-color .2s,background .2s}.spell-display.spell-correct{border-color:#58cc02;background:#f0fdf4}.spell-display.spell-wrong{border-color:#e53e3e;background:#fef2f2}.spell-placeholder{font-family:"Baloo 2",cursive;font-size:24px;letter-spacing:6px;color:#d1d5db}.spell-field{font-family:"Baloo 2",cursive;font-size:28px;letter-spacing:8px;text-align:center;border:none;background:transparent;outline:none;width:100%;color:#1a1a2e;text-transform:lowercase}.spell-answer{text-align:center;font-size:15px;color:#58cc02;font-weight:600}.train-nav{display:flex;gap:10px;max-width:480px;margin:20px auto 0;padding:0 16px}.train-nav-btn{flex:1;padding:14px;border:2px solid #E5E7EB;border-radius:14px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;color:#6b7280;transition:all .15s}.train-nav-btn:disabled{opacity:.4;cursor:not-allowed}.train-nav-btn--primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.train-nav-btn:active:not(:disabled){transform:scale(.97)}.load{text-align:center;padding:40px;color:#9ca3af}.result-page{min-height:100vh;background:#f5f8ff;max-width:480px;margin:0 auto;padding-bottom:24px}.r-hero{text-align:center;padding:32px 16px 20px}.r-emoji{font-size:64px;display:block;margin-bottom:8px}.r-title{font-family:"Baloo 2",cursive;font-size:24px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.r-score-badge{display:inline-block;font-family:"Baloo 2",cursive;font-size:28px;font-weight:800;padding:6px 20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-radius:20px}.r-score-card{margin:0 16px 12px}.r-score-row{display:flex;align-items:center;justify-content:space-between}.r-score-big{font-family:"Baloo 2",cursive;font-size:36px;font-weight:800;color:#1a1a2e}.r-score-big small{font-size:18px;color:#6b7280;font-weight:500}.r-score-split{display:flex;gap:12px;font-size:15px;font-weight:600}.r-correct{color:#58cc02}.r-wrong{color:#e53e3e}.r-upgrade-card{margin:0 16px 12px;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.r-section-title{font-family:"Baloo 2",cursive;font-size:15px;font-weight:700;margin-bottom:8px}.r-upgrade-item{font-size:14px;font-weight:500;color:#92400e;padding:2px 0}.r-levels{display:flex;justify-content:space-around}.r-lv{text-align:center}.r-lv span{display:block;font-size:13px;color:#6b7280;margin-bottom:2px}.r-lv strong{font-family:"Baloo 2",cursive;font-size:24px;color:#3b82f6}.r-mistakes{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.r-mistake-item{padding:10px;background:#fef2f2;border-radius:10px}.r-mistake-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.r-mistake-num{font-size:12px;color:#9ca3af}.r-mistake-word{font-family:"Baloo 2",cursive;font-weight:600;font-size:14px}.r-mistake-dim{font-size:11px;padding:1px 6px;border-radius:4px;background:#e53e3e1a;color:#e53e3e}.r-mistake-wrong{font-size:12px;color:#9ca3af;margin-right:8px}.r-mistake-correct{font-size:13px;color:#58cc02;font-weight:500}.r-actions{display:flex;flex-direction:column;gap:10px;padding:16px}.ud-page{min-height:100vh;background:#f5f8ff;padding-bottom:24px}.ud-content{max-width:480px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:12px}.ud-card1{text-align:center}.ud-avatar-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.ud-avatar{font-size:48px}.ud-name-row{display:flex;align-items:center}.ud-info-half{flex:1;display:flex;align-items:center;gap:4px}.ud-info-label{font-family:"Baloo 2",cursive;font-size:14px;color:#6b7280}.ud-name{font-family:"Baloo 2",cursive;font-size:18px;font-weight:700}.ud-edit-btn{border:none;background:none;font-size:14px;cursor:pointer}.ud-id{font-family:"Baloo 2",cursive;font-size:14px;color:#6b7280}.ud-energy{font-size:18px;font-weight:700;color:#ff9600;display:flex;align-items:center;gap:4px;font-family:"Baloo 2",cursive}.ud-energy-icon{width:24px;height:24px;object-fit:contain}.ud-stats-row{display:flex;justify-content:space-around}.ud-stat{display:flex;flex-direction:column;align-items:center}.ud-stat span{font-family:"Baloo 2",cursive;font-size:18px;font-weight:700;color:#1a1a2e}.ud-stat small{font-size:11px;color:#9ca3af}.ud-section-title{font-family:"Baloo 2",cursive;font-size:15px;font-weight:700;margin-bottom:10px}.ud-stats-list{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.ud-stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;cursor:pointer;border-bottom:1px solid #F3F4F6}.ud-stat-row:last-child{border:none}.ud-stat-val{display:flex;gap:8px;font-size:13px;font-weight:600}.clr-green{color:#58cc02}.clr-orange{color:#ff9600}.clr-red{color:#e53e3e}.ud-clear-btn{width:100%;padding:8px;border:1px solid #FCA5A5;border-radius:8px;background:transparent;color:#e53e3e;font-size:13px;cursor:pointer}.ud-clear-btn:hover{background:#fef2f2}.ud-links{display:flex;flex-direction:column}.ud-links button{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border:none;background:none;font-size:14px;cursor:pointer;border-bottom:1px solid #F3F4F6}.ud-links button:last-child{border:none}.ud-links button:hover{color:#3b82f6}.ud-link-arrow{color:#9ca3af}.ud-name-input{width:100%;padding:10px;border:2px solid #E5E7EB;border-radius:10px;font-size:16px}.ud-modal-btn{flex:1;padding:10px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer}.ud-modal-cancel{background:#f3f4f6;color:#374151}.ud-modal-save{background:#3b82f6;color:#fff}.ud-modal-danger{background:#e53e3e;color:#fff}.wl-page{min-height:100vh;background:#f5f8ff}.wl-body{max-width:480px;margin:0 auto;padding:16px 16px 24px}.wl-total{font-size:13px;color:#6b7280;margin-bottom:10px}.wl-empty{text-align:center;padding:60px 20px;color:#9ca3af}.wl-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.wl-table th{padding:10px 12px;text-align:center;font-size:12px;color:#9ca3af;font-weight:600;background:#f9fafb;border-bottom:1px solid #F3F4F6}.wl-table td{padding:12px;text-align:center;border-bottom:1px solid #F3F4F6}.wl-table tr{cursor:pointer}.wl-table tr:hover{background:#f9fafb}.wl-table tr:active{background:#f3f4f6}.wl-word-cell{font-family:"Baloo 2",cursive;font-weight:600;font-size:15px;text-align:left!important;color:#1a1a2e}.wl-dot-cell{width:60px}.wl-err-cell{font-weight:700;font-size:15px;color:#e53e3e;width:60px}.w-dot{display:inline-block;width:14px;height:14px;border-radius:50%}.lb-page{min-height:100vh;background:#f5f8ff}.lb-content{max-width:480px;margin:0 auto;padding:0 16px 24px}.lb-loading,.lb-empty{text-align:center;padding:60px 20px;color:#9ca3af}.lb-empty-icon{font-size:48px;display:block;margin-bottom:8px}.lb-empty-sub{font-size:13px;margin-top:4px}.lb-list{display:flex;flex-direction:column;gap:8px}.lb-item{display:flex;align-items:center;gap:12px;cursor:default}.lb-item--top{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.lb-rank{font-family:"Baloo 2",cursive;font-size:20px;font-weight:700;min-width:36px;text-align:center}.lb-info{flex:1}.lb-name{font-weight:600;font-size:15px}.lb-scores{display:flex;gap:8px;margin-top:2px;font-size:12px;color:#6b7280}.lb-total{font-family:"Baloo 2",cursive;font-size:18px;font-weight:700;color:#3b82f6}.fb-page{min-height:100vh;background:#f5f8ff}.fb-content{max-width:480px;margin:0 auto;padding:16px}.fb-title{font-family:"Baloo 2",cursive;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.fb-group{margin-bottom:14px}.fb-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.fb-input,.fb-textarea{width:100%;padding:10px 14px;border:2px solid #E5E7EB;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .15s}.fb-input:focus,.fb-textarea:focus{outline:none;border-color:#3b82f6}.fb-error{color:#e53e3e;font-size:13px;margin-bottom:12px;text-align:center}.fb-success{text-align:center;padding:40px 20px}.fb-success-icon{font-size:48px;display:block;margin-bottom:12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f8ff;color:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:480px;margin:0 auto;padding:0 16px}.page{min-height:100vh;padding-bottom:32px}.state-familiar{color:#58cc02}.state-learning{color:#ff9600}.state-unknown{color:#e53e3e}.bg-familiar{background:#58cc02}.bg-learning{background:#ff9600}.bg-unknown{background:#e53e3e}.play-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;font-size:18px;line-height:1;opacity:.55;transition:opacity .15s,transform .15s;vertical-align:middle;margin-left:6px}.play-btn:hover{opacity:1;transform:scale(1.15)}.play-btn--active{opacity:1}.play-btn--sm{font-size:16px}.play-btn--md{font-size:22px}