body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f6f2e9;color:#0d1b2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,sans-serif;margin:0}button{font:inherit}.page{margin:0 auto;max-width:720px;padding:16px}.page-title{font-size:20px;font-weight:800;margin:6px 0 14px}.btn{align-items:center;background:#fff;border:1px solid #dfe3e6;border-radius:12px;color:#0f172a;display:inline-flex;font-weight:700;justify-content:center;min-height:44px;padding:10px 14px}.btn-primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn:active{transform:translateY(1px)}.grid-buttons{grid-gap:12px}.grid-buttons,.tabs{display:grid;gap:12px;grid-template-columns:1fr 1fr}.tabs{grid-gap:12px;background:#eaf6ff;border:1px solid #8dd0ff;border-radius:12px;margin-bottom:12px;padding:6px}.tab{background:#0000;border:none;border-radius:10px;color:#0369a1;font-weight:800;padding:10px 4px}.tab.active{background:#0ea5e9;color:#fff}.section-list{list-style:none;padding:0}.section-card{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e6e3dc;border-radius:12px;display:grid;gap:12px;grid-template-columns:44px 1fr auto;margin-bottom:10px;padding:10px 12px}.section-icon{background:#d2b48c33;border-radius:22px;display:grid;font-size:20px;height:44px;place-items:center;width:44px}.section-link{background:none;border:none;color:#0284c7;font-size:16px;font-weight:800;padding:0;text-align:left}.section-progress{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.btn-reset-progress{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;opacity:.6;padding:4px 6px;transition:background-color .2s}.btn-reset-progress:hover{background-color:#f1f5f9;opacity:1}.btn-reset-progress:active{transform:scale(.95)}.quiz-header{margin-bottom:16px}.quiz-progress-info{margin-bottom:8px;margin-top:12px}.quiz-counter{color:#64748b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#0ea5e9,#06b6d4);border-radius:4px;height:100%;transition:width .3s ease}.quiz .prompt{font-size:22px;font-weight:800;margin:8px 0 12px;text-align:center}.listen-box{display:flex;justify-content:center;margin:8px 0 12px}.btn-audio{background:#fff;border:1px solid #94a3b8}.choice-list{grid-gap:12px;display:grid;gap:12px}.choice{background:#fff;border:2px solid #dfe3e6;border-radius:14px;box-shadow:0 1px 0 #00000005;font-weight:800;min-height:64px;padding:14px 16px;text-align:left;transition:background .15s,border-color .15s;width:100%}.choice.correct{background:#dcfce7;border-color:#86efac}.choice.wrong{background:#fee2e2;border-color:#fecaca}.feedback{margin-top:8px;min-height:24px;text-align:center}.text-ok{color:#16a34a;font-weight:800}.text-ng{color:#dc2626}.result-page .score,.text-ng{font-weight:800}.result-title{margin:16px 0 8px}.result-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.result-row{align-items:center;border-top:1px solid #f1f5f9;display:grid;grid-template-columns:1fr 1fr 1fr auto;padding:10px 12px}.result-head{background:#f9fafb;border-top:none}.badge,.result-head{font-weight:800}.badge.ok{color:#16a34a}.badge.ng{color:#dc2626}.result-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.loading-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0ea5e9;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#64748b;font-size:14px;font-weight:600}.loading-card{align-items:center;display:flex;gap:12px;justify-content:center;min-height:64px}.loading-spinner-small{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0ea5e9;height:24px;width:24px}.loading-categories{align-items:center;color:#64748b;display:flex;gap:12px;grid-column:1/-1;justify-content:center;padding:20px}.wrong-words-page{padding-bottom:32px}.wrong-words-count{color:#64748b;font-size:14px;margin-bottom:16px}.empty-state{color:#94a3b8;padding:40px 20px;text-align:center}.wrong-words-list,.wrong-words-section{margin-bottom:24px}.wrong-words-section-title{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:800;margin-bottom:12px;padding-bottom:8px}.wrong-words-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.wrong-word-card{background:#fff;border:1px solid #e6e3dc;border-radius:10px;padding:12px;text-align:center}.wrong-word-en{color:#0f172a;font-size:16px;font-weight:800;margin-bottom:4px}.wrong-word-jp{color:#64748b;font-size:13px}.btn-wrong-words{background:#fff;border:2px solid #f59e0b;color:#f59e0b}.btn-wrong-words:hover{background:#fffbeb}.wrong-words-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.error-page{padding:40px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:16px}.error-title{color:#0f172a;font-size:20px;font-weight:800;margin-bottom:12px}.error-message{color:#64748b;line-height:1.6;margin-bottom:24px}@media (min-width:520px){.page-title{font-size:22px}.wrong-words-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
/*# sourceMappingURL=main.65e4ad61.css.map*/