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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(135deg,#dbeafe,#f3e8ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:8px}.container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;margin:0 auto;max-width:448px;overflow:hidden}@media (min-width:768px){.app{padding:16px}.container{border-radius:24px}}@media (min-width:1024px){.container{max-width:480px}}.header{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;padding:24px;text-align:center}.header h1{font-size:clamp(20px,5vw,24px);font-weight:700;margin:0 0 8px}.header-info{align-items:center;display:flex;font-size:clamp(12px,3vw,14px);justify-content:space-between;opacity:.9}.problem-number{background:#f9fafb;padding:16px;text-align:center}.problem-number h2{color:#374151;font-size:clamp(18px,4vw,20px);font-weight:700;margin:0}.card-section{background:#fff;padding:32px;text-align:center}.emoji{font-size:clamp(4rem,15vw,8rem);margin-bottom:24px;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.emoji:hover{transform:scale(1.1)}.custom-image{border-radius:12px;height:clamp(150px,25vw,300px);margin-bottom:24px;object-fit:contain;transition:transform .3s ease;width:clamp(150px,25vw,300px)}.custom-image:hover{transform:scale(1.1)}.card-image{align-items:center;display:flex;justify-content:center}@media (max-width:480px){.emoji{font-size:clamp(3rem,20vw,6rem);margin-bottom:16px}}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:24px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .5s ease}.buttons-section{display:flex;flex-direction:column;gap:16px;padding:24px}.hint-button{background-color:#fbbf24;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#1f2937;cursor:pointer;font-size:clamp(16px,4vw,18px);font-weight:700;min-height:48px;padding:clamp(12px,3vw,16px);transition:all .2s;width:100%}.hint-button:hover{background-color:#f59e0b}.hint-display{background-color:#fef3c7;border:2px solid #fcd34d;border-radius:12px;padding:16px;text-align:center}.hint-label{color:#6b7280;font-size:14px;margin-bottom:8px}.hint-text{color:#2563eb;font-size:24px;font-weight:700}.hint-speak-button{background-color:#fbbf24;border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-size:18px;font-weight:700;padding:12px 16px;transition:background-color .2s}.hint-speak-button:hover{background-color:#f59e0b}.answer-button{background-color:#10b981;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:clamp(16px,4vw,18px);font-weight:700;min-height:48px;padding:clamp(12px,3vw,16px);transition:all .2s;width:100%}.answer-button:hover{background-color:#059669}.answer-display{background-color:#d1fae5;border:2px solid #6ee7b7;border-radius:12px;padding:24px;text-align:center}.speak-button{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:16px;padding:12px;transition:background-color .2s;width:100%}.speak-button:hover{background-color:#2563eb}.answer-kanji{color:#047857;font-size:32px;font-weight:700}.navigation{background-color:#f9fafb;display:flex;justify-content:space-between;padding:24px}.nav-button{align-items:center;background-color:#d1d5db;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:clamp(12px,3vw,14px);min-height:44px;padding:clamp(8px,2vw,12px) clamp(12px,3vw,24px);transition:background-color .2s}.nav-button:hover{background-color:#9ca3af}.reset-button{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:clamp(12px,3vw,14px);min-height:44px;padding:clamp(8px,2vw,12px) clamp(12px,3vw,24px);transition:background-color .2s}.reset-button:hover{background-color:#2563eb}@media (max-width:480px){.navigation{gap:8px;padding:16px}.nav-button,.reset-button{font-size:12px;padding:8px 12px}}.footer{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;padding:16px;text-align:center}.footer p{font-size:14px;margin:0;opacity:.9}
/*# sourceMappingURL=main.33fff6b5.css.map*/