@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap);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}:root{--primary-bg:linear-gradient(135deg,#2196f3,#1976d2);--secondary-bg:linear-gradient(#2196f3e6,#1976d2e6);--card-bg:#e3f2fd;--button-bg:#bbdefb;--primary-text:#fff;--secondary-text:#e3f2fd;--card-text:#1565c0;--card-secondary-text:#1976d2;--accent-color:#2196f3;--kanji-color:#1565c0;--vocabulary-color:#3f51b5;--hiragana-color:#00bcd4;--success-color:#4caf50;--danger-color:#f44336;--border-light:#fff3;--shadow-light:0 8px 24px #1976d24d,0 2px 8px #2196f333;--backdrop-blur:blur(8px);--srs-featured:#ff9800;--srs-featured-light:#ffcc80}.App{text-align:center}.App,body,html{margin:0;padding:0}body,html{overflow-x:hidden}*{box-sizing:border-box}.App,.App-header,.dashboard-container,.dashboard-container-modern,.lessons-container-modern,.practice-container{max-width:100vw;overflow-x:hidden}.btn,.button,.clickable,a[role=button],button{min-height:44px;min-width:44px;padding:12px 16px}@media (max-width:480px){html{font-size:14px}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.dashboard-container,.dashboard-container-modern,.lessons-container-modern,.practice-container{margin:0!important;padding:0 12px!important}.App-header{min-height:auto!important;padding:10px!important}.action-cards-grid,.features-grid,.stats-grid{gap:1rem!important;grid-template-columns:1fr!important}.button-group{flex-direction:column!important;gap:12px!important}.button-group button{margin:0!important;width:100%!important}.dashboard-nav,.menu-nav{flex-wrap:wrap!important;gap:8px!important}.dashboard-nav button,.menu-nav button{flex:1 1 auto!important;min-width:120px!important}input,select,textarea{font-size:16px!important;max-width:100%!important;width:100%!important}.kanji-character,.kanji-character-enhanced{font-size:4rem!important;max-width:90vw!important}.modal-content,.popup-content{margin:10px!important;max-width:95vw!important;width:95vw!important}table{font-size:.875rem!important}.action-card,.feature-card,.lesson-card{margin:.5rem 0!important;padding:1rem!important}.kanji-study-main{gap:15px!important;padding:0!important}.kanji-card-modern{margin-bottom:15px!important;min-height:auto!important;padding:20px 15px!important}.kanji-character-enhanced{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#ffffff1a!important;border-radius:15px!important;cursor:pointer!important;font-size:5rem!important;margin-bottom:15px!important;padding:20px!important;transition:all .2s ease!important}.kanji-character-enhanced:active{background:#fff3!important;transform:scale(.98)!important}.kanji-meaning-toggle{margin:15px 0!important}.meaning-toggle-btn{border-radius:12px!important;font-size:1.1rem!important;margin-bottom:8px!important;min-height:50px!important;padding:16px!important;width:100%!important}.shortcut-hint{font-size:.8rem!important;opacity:.7!important}.kanji-navigation{flex-direction:column!important;gap:12px!important;padding:15px!important}.kanji-navigation .nav-btn{border-radius:12px!important;font-size:1.1rem!important;font-weight:600!important;min-height:50px!important;padding:16px!important;width:100%!important}.kanji-progress-visible{border-radius:8px!important;font-size:1.2rem!important;margin-bottom:10px!important;order:-1!important;padding:12px 20px!important}.kanji-help{display:none!important}.kanji-display:after{bottom:-30px!important;color:#ffffffb3!important;content:"Tap kanji to show meaning • Swipe or use buttons to navigate"!important;font-size:.8rem!important;left:50%!important;position:absolute!important;text-align:center!important;transform:translateX(-50%)!important;white-space:nowrap!important}.kanji-display{margin-bottom:40px!important;position:relative!important}}@media (min-width:481px) and (max-width:1024px){.dashboard-container,.dashboard-container-modern,.lessons-container-modern,.practice-container{padding:0 20px}.features-grid{gap:1.5rem}.action-cards-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.button-group{flex-direction:row;flex-wrap:wrap;gap:16px}.button-group button{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:150px}.dashboard-nav,.menu-nav{flex-wrap:wrap;gap:12px}}.App-header{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.App-header h1{font-size:2.5rem;font-weight:300;margin-bottom:40px}.loading{color:#f0f0f0;font-size:1.5rem}.App-header.landing-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh;overflow:hidden;position:relative}.App-header.landing-modern:before{background-image:radial-gradient(circle at 25% 25%,#7c3aed10 2px,#0000 0),radial-gradient(circle at 75% 75%,#f59e0b10 1px,#0000 0);background-position:0 0,30px 30px;background-size:60px 60px,40px 40px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.App-header.landing-modern:after{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#6366f10d 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.landing-container{max-width:1200px;position:relative;width:100%;z-index:2}.hero-section{padding:40px 0;text-align:center}.hero-content{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:800px}.logo-section{flex:1 1}.main-title{color:#fff;font-family:Kalam,cursive,sans-serif;font-size:4.5rem;font-weight:400;letter-spacing:2px;margin-bottom:10px;text-shadow:0 4px 8px #0000004d;transform:rotate(-2deg)}.subtitle{color:#ffffffe6;font-size:1.8rem;font-weight:300;margin-bottom:15px}.tagline{color:#fffc;font-size:1.2rem;margin-bottom:0}.mascot-character{flex:0 0 auto;position:relative}.shiba-inu{animation:bounce 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:180px;position:relative;width:160px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.shiba-head{height:100px;margin:0 auto;position:relative;width:120px}.ears{top:0;width:100%}.ear,.ears{position:absolute}.ear{background:linear-gradient(145deg,#ff8c42,#ffb347);border:3px solid #333;border-radius:80% 20% 80% 20%;height:35px;width:30px}.ear:after{background:#ffe4e1;border-radius:70% 30% 70% 30%;content:"";height:20px;left:5px;position:absolute;top:5px;width:15px}.ear-left{animation:earWiggle 4s ease-in-out infinite;left:10px;transform:rotate(-20deg)}.ear-right{animation:earWiggle 4s ease-in-out .5s infinite;right:10px;transform:rotate(20deg)}@keyframes earWiggle{0%,90%,to{transform:rotate(20deg)}95%{transform:rotate(30deg)}}.ear-left{animation-name:earWiggleLeft}@keyframes earWiggleLeft{0%,90%,to{transform:rotate(-20deg)}95%{transform:rotate(-30deg)}}.face{background:linear-gradient(145deg,#ff8c42,#ffb347);border:4px solid #333;border-radius:60px 60px 50px 50px;height:80px;left:50%;margin:0 auto;top:20px;transform:translateX(-50%);width:100px}.eyes,.face{position:absolute}.eyes{display:flex;gap:20px;justify-content:center;top:25px;width:100%}.eye{animation:blink 3s infinite;background:#333;height:16px;position:relative;width:12px}.eye,.eye:after{border-radius:50%}.eye:after{background:#e3f2fd;background:var(--card-bg);content:"";height:6px;left:3px;position:absolute;top:2px;width:4px}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.nose{background:#333;height:6px;left:50%;top:40px;transform:translateX(-50%);width:8px}.nose,.nose:after{border-radius:50%;position:absolute}.nose:after{background:#fffc;content:"";height:2px;left:2px;top:1px;width:3px}.mouth-area{bottom:15px;left:50%;position:absolute;transform:translateX(-50%)}.mouth{border:2px solid #333;border-radius:0 0 16px 16px;border-top:none;height:8px;width:16px}.tail{animation:tailWag 1.2s ease-in-out infinite alternate;background:linear-gradient(145deg,#ff8c42,#ffb347);border:2px solid #333;border-radius:20px;height:8px;position:absolute;right:-10px;top:80px;transform-origin:left center;width:25px}@keyframes tailWag{0%{transform:rotate(10deg)}to{transform:rotate(40deg)}}.speech-bubble{animation:bubbleBob 3s ease-in-out infinite;background:#e3f2fd;background:var(--card-bg);border:3px solid #333;border-radius:20px;box-shadow:0 5px 15px #0003;color:#333;font-size:1rem;font-weight:600;left:50%;padding:12px 18px;position:absolute;top:-70px;transform:translateX(-50%)}@keyframes bubbleBob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.bubble-tail{border-left:12px solid #0000;border-right:12px solid #0000;border-top:12px solid #333;bottom:-12px;left:50%;transform:translateX(-50%)}.bubble-tail,.bubble-tail:after{height:0;position:absolute;width:0}.bubble-tail:after{border-left:9px solid #0000;border-right:9px solid #0000;border-top:9px solid #fff;bottom:3px;content:"";left:-9px}.main-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1000px;padding:0 20px}.study-section{display:flex;flex-direction:column;gap:30px}.study-section .mode-section{height:auto}.menu{display:flex;flex-direction:column;gap:40px;max-width:800px;width:100%}.mode-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;padding:30px}.mode-section h2{font-size:1.8rem;font-weight:400;margin-bottom:10px}.mode-section h3{color:#fff;font-size:1.4rem;font-weight:500;margin-bottom:10px}.mode-section p{color:#e0e0e0;font-size:1.1rem;margin-bottom:20px}.button-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.mode-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;min-width:150px;padding:15px 30px;transition:all .3s ease}.mode-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.mode-btn.quiz{background:#ffc1074d;border-color:#ffc10780}.mode-btn.quiz:hover{background:#ffc10780}.mode-btn.custom{background:#8a2be24d;border-color:#8a2be280}.mode-btn.custom:hover{background:#8a2be280}.mode-btn.study{background:#2ecc714d;border-color:#2ecc7180}.mode-btn.study:hover{background:#2ecc7180}.login-section{display:flex;flex-direction:column;justify-content:flex-start}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;padding:30px;text-align:left}.login-card h3{color:#fff;font-size:1.4rem;font-weight:500;margin-bottom:10px}.login-card p{color:#e0e0e0;font-size:1rem;margin-bottom:25px}.login-form{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.login-input{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:12px 15px;transition:all .3s ease}.login-input:focus{background:#ffffff26;border-color:#fff6}.login-input::placeholder{color:#fff9}.login-btn{background:#4a90e2cc;border:1px solid #4a90e2;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .3s ease}.login-btn:hover{background:#4a90e2;transform:translateY(-2px)}.signup-btn{background:#0000;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.signup-btn:hover{background:#ffffff1a;border-color:#ffffff80}.features-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.feature{gap:12px;padding:6px 0}.feature-bullet{color:#ffd93d;font-size:1.8rem;font-weight:700;text-align:center;width:20px}.feature-text{color:#ffffffe6;font-size:.95rem;line-height:1.4}.cta-section{border-top:1px solid #fff3;padding-top:20px;text-align:center}.cta-text{color:#ffd93d;margin-bottom:20px}.cta-btn,.cta-text{font-size:1.1rem;font-weight:600}.cta-btn{background:linear-gradient(135deg,#ff6b6b,#ffd93d);border:none;border-radius:25px;box-shadow:0 5px 15px #ff6b6b66;color:#fff;cursor:pointer;padding:15px 25px;transition:all .3s ease}.cta-btn:hover{box-shadow:0 8px 25px #ff6b6b99;transform:translateY(-3px)}.back-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);color:#fff;color:var(--primary-text);cursor:pointer;font-size:1rem;left:20px;padding:10px 20px;position:absolute;top:20px;transition:all .3s ease}.back-btn:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.kanji-card-modern .character,.kanji-study-modern .character{color:#1565c0!important;color:var(--kanji-color)!important;text-shadow:0 4px 12px #1565c066}.vocab-card-modern .character,.vocabulary-study-modern .character{color:#3f51b5!important;color:var(--vocabulary-color)!important;text-shadow:0 4px 12px #3f51b566}.hiragana-study .character{color:#00bcd4!important;color:var(--hiragana-color)!important;text-shadow:0 4px 12px #00bcd466}.card-modern,.card-modern *,.character-card,.character-card *,.character-card [style*="color: white"],.feature-card,.feature-card *,.feature-card [style*="color: white"],.kanji-card-modern,.kanji-card-modern *,.kanji-card-modern [style*="color: white"],.lesson-card,.lesson-card *,.lesson-card [style*="color: white"],.lesson-section,.lesson-section *,.mode-card,.mode-card *,.mode-card [style*="color: white"],.progress-card,.progress-card *,.question-card,.question-card *,.question-card [style*="color: white"],.session-card-modern,.session-card-modern *,.stat-card,.stat-card *,.stats-card-modern,.stats-card-modern *,.stats-overview-card,.stats-overview-card *,.vocab-card-modern,.vocab-card-modern *,.vocab-card-modern [style*="color: white"]{color:#1565c0!important;color:var(--card-text)!important}.character-card .character,.kanji-card-modern .character,.question-card .character,.vocab-card-modern .character{color:#00bcd4!important;color:var(--hiragana-color)!important}.back-btn-modern,.btn,.lesson-btn,.mode-btn,.quiz-btn,.study-btn,button,input[type=button],input[type=submit]{background:#bbdefb!important;background:var(--button-bg)!important;border:1px solid #1565c04d!important;color:#1565c0!important;color:var(--card-text)!important}.back-btn-modern:hover,.btn:hover,.mode-btn:hover,button:hover{background:#90caf9!important;transform:translateY(-2px)}.kanji-display{align-items:center;display:flex;flex-direction:column}.kanji-character{color:#1565c0;color:var(--kanji-color);font-size:8rem;margin-bottom:20px;text-shadow:0 6px 16px #1565c04d}.kanji-meaning-clean{color:#1565c0;color:var(--card-text);font-size:2rem;font-weight:600;margin-bottom:30px}.vocab-card-clean{background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);display:flex;flex-direction:column;margin:0 auto 30px;max-width:600px;min-height:500px;padding:40px;width:600px}.vocab-main{margin-bottom:40px;text-align:center}.vocab-word-large{color:#3f51b5;color:var(--vocabulary-color);font-family:Noto Sans JP,sans-serif;font-size:4rem;font-weight:700;margin-bottom:15px;text-shadow:0 4px 12px #3f51b54d}.vocab-reading-large{color:#1976d2;color:var(--card-secondary-text);font-size:2rem;font-style:italic;margin-bottom:15px}.vocab-reading-romaji{color:#00bcd4;color:var(--hiragana-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem;font-style:italic;margin-bottom:10px}.vocab-meaning-large{color:#1565c0;color:var(--card-text);font-size:1.8rem;font-weight:600;margin-bottom:30px}.vocab-example-clean{background:#3f51b51a;border-radius:15px;margin-bottom:30px;padding:20px;text-align:center}.example-japanese-clean{color:#3f51b5;color:var(--vocabulary-color);font-family:Noto Sans JP,sans-serif;font-size:1.4rem;font-weight:500;margin-bottom:8px}.example-reading-romaji{color:#00bcd4;color:var(--hiragana-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-style:italic;margin-bottom:10px}.example-meaning-clean{color:#1976d2;color:var(--card-secondary-text);font-size:1.1rem;font-style:italic}.difficulty-rating{background:#ffffff80;border-radius:15px;padding:25px;text-align:center}.difficulty-label{color:#1565c0;color:var(--card-text);font-size:1.2rem;font-weight:600;margin-bottom:20px}.difficulty-buttons{display:flex;gap:15px;justify-content:center}.difficulty-btn{background:#bbdefb;background:var(--button-bg);border:2px solid #0000;border-radius:12px;color:#1565c0;color:var(--card-text);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.difficulty-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.difficulty-btn.easy:hover{background:#c8e6c9;border-color:#4caf50;border-color:var(--success-color)}.difficulty-btn.medium:hover{background:#fff3e0;border-color:#ff9800}.difficulty-btn.hard:hover{background:#ffebee;border-color:#f44336;border-color:var(--danger-color)}.character-card .secondary-text,.feature-card p,.lesson-card .secondary-text,.question-card .secondary-text{color:#1976d2!important;color:var(--card-secondary-text)!important}.character-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);display:flex;flex-direction:column;margin:20px;min-width:350px;padding:50px;text-align:center}.character{color:#1565c0!important;color:var(--card-text)!important;font-size:5rem;font-weight:700;line-height:1;margin-bottom:20px;transition:all .5s ease}.character.correct-animation{animation:correctPulse 1.5s ease-in-out;color:#4caf50!important;color:var(--success-color)!important;transform:scale(1.2)}.character.incorrect-animation{animation:incorrectPulse 1.5s ease-in-out;color:#f44336!important;color:var(--danger-color)!important;transform:scale(1.2)}@keyframes correctPulse{0%{color:#fff;text-shadow:none;transform:scale(1)}20%{color:#28a745;text-shadow:0 0 25px #28a745cc;transform:scale(1.3)}to{color:#28a745;transform:scale(1.2)}}@keyframes incorrectPulse{0%{color:#fff;text-shadow:none;transform:scale(1)}20%{color:#dc3545;transform:scale(1.3)}to{color:#dc3545;transform:scale(1.2)}}.romaji{font-size:2.5rem;font-weight:500;margin-bottom:15px}.character-type,.romaji{color:#e3f2fd;color:var(--secondary-text)}.character-type{font-size:1.2rem;opacity:.8;text-transform:capitalize}.controls{align-items:center;display:flex;gap:20px;margin-top:30px}.controls button{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.controls button:hover{background:#ffffff4d;transform:translateY(-2px)}.controls span{color:#fff;color:var(--primary-text);font-size:1.1rem}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;max-width:600px;width:100%}.quiz-progress,.quiz-score{color:#fff;color:var(--primary-text);font-size:1.1rem}.quiz-score{font-weight:500}.question-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);margin:20px;max-width:600px;min-width:400px;padding:40px}.question-card h2{color:#fff;color:var(--primary-text);font-size:1.5rem;font-weight:400;margin-bottom:20px}.question-character{color:#2196f3;color:var(--accent-color);font-size:4rem;font-weight:700;line-height:1;margin-bottom:30px;text-shadow:0 4px 8px #667eea4d}.options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.option{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 20px;transition:all .3s ease}.option:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.option.correct{background:#28a745cc;border-color:#28a745}.option.incorrect{background:#dc3545cc;border-color:#dc3545}.option.disabled{cursor:not-allowed;opacity:.6}.answer-feedback{margin-top:20px}.correct-feedback{color:#4caf50;color:var(--success-color);text-shadow:0 2px 4px #4caf504d}.correct-feedback,.incorrect-feedback{font-size:1.2rem;font-weight:700;font-weight:500;margin-bottom:15px}.incorrect-feedback{color:#f44336;color:var(--danger-color);text-shadow:0 2px 4px #f443364d}.next-btn{background:#ffc107cc;border:1px solid #ffc107;border-radius:25px;font-weight:500;padding:12px 30px;transition:all .3s ease}.next-btn:hover{background:#ffc107}.quiz-results{margin:30px 0}.score-big{font-size:4rem;font-weight:700;line-height:1;margin-bottom:10px}.percentage{color:#fff;color:var(--primary-text);font-size:2rem;margin-bottom:20px}.message{color:#e3f2fd;color:var(--secondary-text);font-size:1.3rem;font-style:italic;margin-bottom:30px}@media (max-width:768px){.App-header{padding:15px}.App-header h1{font-size:2rem;margin-bottom:30px}.menu{gap:30px}.mode-section{padding:20px}.button-group{align-items:center;flex-direction:column}.mode-btn{max-width:250px;width:100%}.character-card,.question-card{margin:10px;min-width:auto;padding:30px}.character{font-size:4rem}.question-character{font-size:3rem}.options{grid-template-columns:1fr}.quiz-header{flex-direction:column;gap:10px;text-align:center}}.group-selection{max-width:1000px;width:100%}.top-controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:30px;padding:25px}.groups-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.group-btn{background-color:#fff!important;border:2px solid #1565c04d;border-radius:15px;color:#1565c0;color:var(--card-text);cursor:pointer;padding:20px;text-align:left;transition:all .3s ease}.group-btn:hover{background:#bbdefb;background:var(--button-bg);transform:translateY(-2px)}.group-btn.selected{background:#c8e6c9!important;border-color:#4caf50;border-color:var(--success-color);border-width:3px;box-shadow:0 0 0 2px #4caf5033;color:#2e7d32}.group-name{font-size:1.1rem;font-weight:500;margin-bottom:8px}.group-preview{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.char-pair{align-items:center;display:flex;flex-direction:column;gap:2px}.char-pair .char{font-family:NotoSansCJK,sans-serif;font-size:1.4rem;line-height:1}.char-pair .romaji{color:#000;font-size:.85rem;font-style:italic;line-height:1}.group-count{color:#969696;font-size:.9rem}.categories-container{display:flex;flex-direction:column;gap:30px}.category-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:15px;padding:20px}.category-title{border-bottom:1px solid #ffffff1a;color:#f0f0f0;font-size:1.4rem;font-weight:500;margin-bottom:20px;padding-bottom:10px;text-align:center}.selection-controls{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.control-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.control-btn:hover{background:#ffffff4d}.selected-summary{color:#e0e0e0;font-size:1.1rem;margin-bottom:30px;text-align:center}.start-btn{background:#99f1ae!important;border:2px solid #28a745;border-radius:25px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;padding:15px 40px;transition:all .3s ease}.start-btn:hover:not(:disabled){background:#28a745;transform:translateY(-2px)}.start-btn:disabled{cursor:not-allowed;opacity:.5}.study-controls{margin-bottom:20px}.mode-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.mode-toggle:hover{background:#ffffff4d}.character-card.input-mode{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;min-width:500px;position:relative}.character-card.input-mode:hover{transform:none}.input-section{align-items:center;display:flex;flex-direction:column;gap:15px;margin:20px 0}.romaji-input{background:#e3f2fd;background:var(--card-bg);border:2px solid #fff3;border:2px solid var(--border-light);box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);color:#fff;color:var(--primary-text);padding:15px 20px;transition:all .3s ease;width:250px}.romaji-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a}.romaji-input.correct-input{background:#28a74533;border-color:#28a745;box-shadow:0 0 15px #28a74566;color:#28a745}.romaji-input.incorrect-input{background:#dc354533;border-color:#dc3545;box-shadow:0 0 15px #dc354566;color:#dc3545}.romaji-input::placeholder{color:#0009;opacity:1}.input-section button{background:#28a745cc;border:1px solid #28a745;border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:all .3s ease}.input-section button:hover:not(:disabled){background:#28a745}.input-section button:disabled{cursor:not-allowed;opacity:.5}.answer-result{border-radius:10px;bottom:20px;left:50%;max-width:400px;padding:10px 20px;position:absolute;text-align:center;transform:translateX(-50%);width:calc(100% - 40px)}.answer-result.correct{background:#28a7454d;border:1px solid #28a74599}.answer-result.incorrect{background:#0000;border:none}.feedback{font-size:1.2rem;font-weight:500}.feedback.correct{background:#4caf501a;color:#4caf50;color:var(--success-color)}.feedback.correct,.feedback.incorrect{border-radius:6px;font-weight:700;padding:8px 12px}.feedback.incorrect{background:#f443361a;color:#f44336;color:var(--danger-color);line-height:1.6}.feedback.incorrect strong{background:#dc3545cc;border-radius:8px;color:#fff;display:inline-block;font-size:1.1em;font-weight:600;margin:0 4px;padding:4px 12px;text-shadow:0 1px 2px #0000004d}.feedback.incorrect .next-btn{background:#ffc107cc;border:1px solid #ffc107;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:12px 24px;transition:all .3s ease}.feedback.incorrect .next-btn:hover{background:#ffc107;transform:translateY(-1px)}@media (max-width:768px){.group-selection{max-width:100%}.top-controls{padding:20px}.categories-container{gap:20px}.category-section{padding:15px}.category-title{font-size:1.2rem}.groups-grid{gap:10px;grid-template-columns:1fr}.group-btn{padding:15px}.selection-controls{align-items:center;flex-direction:column;gap:10px}.control-btn,.start-btn{width:200px}.romaji-input{font-size:1.2rem;width:200px}.hero-content{flex-direction:column;gap:20px;text-align:center}.main-title{font-size:2.5rem}.subtitle{font-size:1.4rem}.shiba-inu{height:140px;width:120px}.shiba-head{height:80px;width:90px}.face{height:65px;width:80px}.main-content{gap:30px;grid-template-columns:1fr}.login-card{padding:25px}.stat-number{font-size:1.2rem}}.login-form{margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.username-input{background:#ffffffe6;border:2px solid #8b45134d;border-radius:12px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.username-input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a;outline:none}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px;width:100%}.user-actions{display:flex;gap:10px}.dashboard-btn,.logout-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.dashboard-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.logout-btn{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.dashboard-btn:hover,.logout-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-content{padding:0}.stats-overview{margin-bottom:40px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #8b451333;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px}.stats-card h3{font-size:18px;margin:0 0 16px}.big-stat,.stats-card h3{color:var(--primary-brown)}.big-stat{font-size:3em;font-weight:700;margin:10px 0;text-align:center}.stat-subtitle{color:var(--text-secondary);font-weight:600;margin-bottom:12px;text-align:center}.stats-card p{color:var(--text-secondary);margin:8px 0}.recent-sessions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #8b451333;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px}.recent-sessions h2{color:var(--primary-brown);margin:0 0 20px}.session-item{grid-gap:12px;background:#8b45130d;border:1px solid #8b45131a;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;padding:12px 16px}.session-type{color:var(--primary-brown)}.session-date{color:var(--text-secondary);font-size:.9em;text-align:right}.quick-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #8b451333;box-shadow:0 8px 32px #0000001a;margin-top:30px}.quick-stats h3{color:var(--primary-brown);margin:0 0 16px;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#8b45130d;border:1px solid #8b45131a;border-radius:8px;padding:12px}.stat-value{color:var(--primary-brown);font-size:2em;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:.85em}.stats-update{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-top:16px;padding:16px;text-align:center}.stats-update p{color:var(--primary-brown);font-weight:600;margin:4px 0}.landing-container-modern{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:0 20px;position:relative;z-index:2}.landing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 0}.logo-minimal{align-items:flex-start;display:flex;flex-direction:column}.logo-japanese{color:#fff;color:var(--primary-text);font-family:Kalam,cursive;font-size:24px;font-weight:700}.logo-english{color:#e3f2fd;color:var(--secondary-text);font-size:14px;font-weight:500;margin-top:-2px}.top-nav{gap:32px}.nav-links,.top-nav{align-items:center;display:flex}.nav-links{gap:24px}.nav-link{color:#e3f2fd;color:var(--secondary-text);font-size:15px;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#667eea}.nav-link:after{background:#667eea;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;display:flex;gap:12px}.nav-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;color:var(--primary-text);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.nav-btn-secondary:hover{background:#fffffff2;border-color:#ffffff80;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.nav-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.nav-btn-primary:hover{background:linear-gradient(135deg,#5856eb,#7c3aed);box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.hero-main{grid-gap:60px;align-items:center;display:grid;flex:1 1;gap:60px;grid-template-columns:1fr 1fr;padding:60px 0}.hero-content-modern{max-width:500px}.hero-title{color:#fff;color:var(--primary-text);display:flex;flex-direction:column;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;text-align:left}.hero-subtitle{-webkit-background-clip:text;background-clip:text;color:#00000096;font-size:3rem;margin-top:8px}.script-hover{border-radius:8px;cursor:pointer;display:inline-block;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,MS PGothic,Noto Sans CJK JP,sans-serif;padding:4px 8px;position:relative;transition:background 0s,transform 0s,box-shadow 0s}.script-hover:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px);transition:background .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.script-hover .english{transition:opacity 0s}.script-hover .japanese{color:#2196f3;color:var(--accent-color);font-weight:600;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 0s;white-space:nowrap}.script-hover:hover .english{opacity:0;transition:opacity .15s cubic-bezier(.25,.46,.45,.94)}.script-hover:hover .japanese{opacity:1;transition:opacity .25s cubic-bezier(.25,.46,.45,.94)}.hero-description{color:#e3f2fd;color:var(--secondary-text);font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:32px;text-align:left}.hero-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.hero-input{background:#e3f2fd;background:var(--card-bg);border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:16px;min-width:200px;padding:16px 20px;transition:all .3s ease}.hero-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hero-cta-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.hero-cta-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.hero-cta-btn:disabled{cursor:not-allowed;opacity:.6}.hero-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f443361a;border:1px solid #f443364d;border-radius:.5rem;color:#c53030;font-size:.875rem;margin:.5rem 0;padding:.75rem}.hero-subtext{color:#e3f2fd;color:var(--secondary-text);font-size:14px;margin:0;text-align:center}.auth-link-btn{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border:none;border-radius:4px;cursor:pointer;font-size:inherit;font-weight:600;padding:4px 8px;position:relative;text-decoration:none;transition:all .3s ease}.auth-link-btn:hover{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5a67d8,#667eea);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}.hero-right{align-items:center;display:flex;justify-content:center;position:relative}.hero-right:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);border-radius:50%;bottom:-20px;content:"";left:-20px;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.character-showcase{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);position:relative;transform:rotate(5deg)}.showcase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.showcase-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}.showcase-card:hover{background:#fffffffa;box-shadow:0 12px 40px #6366f133;transform:scale(1.05) translateY(-6px)}.showcase-card:first-child{grid-column:1/3;margin-bottom:-10px}.showcase-char{color:#1c76b8;font-size:48px;font-weight:700;margin-bottom:8px}.showcase-romaji{color:#667eea;font-size:18px;font-weight:600}.features-section{margin:0;padding:100px 0;position:relative}.features-container{margin:0 auto;max-width:1200px;padding:0 40px;position:relative;z-index:1}.features-title{color:#fff;color:var(--primary-text);font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:4rem;position:relative;text-align:center;z-index:2}@media (max-width:768px){.features-title{font-size:2.2rem;margin-bottom:3rem}}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto}@media (max-width:768px){.features-grid{gap:1.5rem;grid-template-columns:1fr}}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#ffffff4d;box-shadow:0 20px 60px #00000026;transform:translateY(-8px) scale(1.02)}.feature-icon{align-items:center;background:linear-gradient(135deg,#385dff,#ebebeb);border-radius:50%;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;font-size:2.2rem;font-weight:600;height:80px;justify-content:center;margin:0 auto 24px;position:relative;transition:all .4s ease;width:80px}.feature-card:hover .feature-icon{box-shadow:0 12px 40px #667eea66;transform:scale(1.1) rotate(5deg)}.icon-target{background:linear-gradient(135deg,#667eea,#764ba2)}.icon-target:before{border:3px solid #fff;border-radius:50%;content:"";height:24px;position:relative;width:24px}.icon-target:after{background:#e3f2fd;background:var(--card-bg);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.icon-chart{background:linear-gradient(135deg,#4ade80,#22c55e)}.icon-chart:before{background:linear-gradient(0deg,#fff 0 30%,#0000 30% 40%,#fff 40% 60%,#0000 60% 70%,#fff 70% 100%);background-position:0 bottom;background-repeat:repeat-x;background-size:6px 100%;content:"";height:20px;width:24px}.icon-flash{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-flash:before{border-left:10px solid #0000;border-right:6px solid #0000;border-top:16px solid #fff;content:"";height:0;margin-top:-4px;transform:rotate(15deg);width:0}.icon-flash:after{border-bottom:16px solid #fff;border-left:6px solid #0000;border-right:10px solid #0000;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-30%,-30%) rotate(15deg);width:0}.icon-trophy{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-trophy:before{border-radius:10px 10px 2px 2px;height:14px;position:relative;width:20px}.icon-trophy:after,.icon-trophy:before{background:#e3f2fd;background:var(--card-bg);content:""}.icon-trophy:after{border-radius:0 0 6px 6px;bottom:14px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:12px}.feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.feature-card p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;opacity:.8}.auth-page{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{margin:0 auto;max-width:400px;width:100%}.auth-card{background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 10px 40px #00000026;padding:2.5rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.auth-logo .logo-japanese{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.auth-logo .logo-english{color:#4a5568;font-size:.875rem;font-weight:500;letter-spacing:.05em}.auth-title{color:#1a202c;font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.auth-subtitle{color:#4a5568;font-size:1rem;line-height:1.5;margin:0}.auth-form,.form-group{margin-bottom:1.5rem}.form-label{color:#1a202c;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a202c;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#a0aec0;opacity:1}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-button{background:none;border:none;border-radius:.375rem;color:#4a5568;cursor:pointer;font-size:.875rem;left:1rem;padding:.5rem;position:absolute;text-decoration:none;top:1rem;transition:all .2s ease}.back-button:hover{background-color:#f7fafc;color:#2d3748}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:.375rem;color:#c53030;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.auth-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem;text-align:center}.auth-switch{color:#4a5568;font-size:.875rem;margin:0}.auth-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;margin-left:.25rem;padding:0;text-decoration:underline;transition:color .2s ease}.auth-link:hover{color:#5a67d8}@media (max-width:480px){.auth-page{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}.kanji-character-enhanced{color:#fff;color:var(--primary-text);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Yu Gothic Medium,Yu Gothic,MS PGothic,Noto Sans CJK JP,Source Han Sans JP,serif;font-size:8rem;font-weight:300;line-height:1;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px #0000001a;transition:all .3s ease}.kanji-character-enhanced:hover{text-shadow:0 4px 8px #00000026;transform:scale(1.05)}.kanji-with-furigana{display:inline-block;margin-bottom:1rem;position:relative}.kanji-radical{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem}.radical-label{color:#e3f2fd;color:var(--secondary-text);font-size:.9rem;font-weight:500}.radical-character{color:#2196f3;color:var(--accent-color);font-size:1.5rem;font-weight:600}.japanese-text,.radical-character,.ruby-text{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Yu Gothic Medium,Yu Gothic,MS PGothic,Noto Sans CJK JP,serif}.ruby-text{ruby-align:center}.furigana-rt{color:#2196f3;color:var(--accent-color);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Yu Gothic Medium,Yu Gothic,MS PGothic,Noto Sans CJK JP,serif;font-size:.6em;font-weight:400;line-height:1}.word-with-furigana{display:inline-block;position:relative}.word-furigana{color:#2196f3;color:var(--accent-color);font-size:.8em;font-weight:400;left:50%;position:absolute;text-align:center;top:-1.5rem;transform:translateX(-50%);white-space:nowrap}.word-furigana,.word-kanji{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Yu Gothic Medium,Yu Gothic,MS PGothic,Noto Sans CJK JP,serif}.kanji-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-around;margin:1.5rem 0;padding:1rem}.detail-item{text-align:center}.detail-label{color:#e3f2fd;color:var(--secondary-text);display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.detail-value{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:600}.kanji-examples{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:2rem;padding:1.5rem}.kanji-examples h4{font-size:1.1rem;margin-bottom:1rem}.examples-list{gap:1rem}.example-item{grid-gap:1rem;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:auto auto 1fr;padding:.75rem}.example-word{color:#fff;color:var(--primary-text);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Yu Gothic Medium,Yu Gothic,MS PGothic,Noto Sans CJK JP,serif;font-size:1.25rem;font-weight:500;min-width:60px}.example-reading{font-size:1rem;min-width:80px}.example-meaning{font-size:.95rem}.kanji-controls{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.kanji-actions{display:flex;justify-content:center}.quiz-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea4d;color:#fff;padding:.875rem 2rem;transition:all .3s ease}.quiz-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.kanji-help{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.help-text{font-size:.875rem;margin:0;opacity:.8}.help-text,.shortcut-hint{color:#e3f2fd;color:var(--secondary-text)}.shortcut-hint{font-size:.75rem;font-style:italic;margin-top:4px;opacity:.7}.coming-soon{background:#ceffd8;border-radius:12px;color:#2d5a3d;font-size:.6rem;font-style:normal;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}@media (max-width:768px){.kanji-character-enhanced{font-size:6rem}.kanji-details{flex-direction:column;gap:1rem}.example-item{gap:.5rem;grid-template-columns:1fr;text-align:center}.example-word{font-size:1.5rem;min-width:auto}.example-reading{font-size:1.1rem;min-width:auto}.landing-container-modern{padding:0 16px}.landing-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px 0}.logo-minimal{align-items:center}.top-nav{gap:16px}.nav-links,.top-nav{flex-wrap:wrap;justify-content:center}.nav-links{gap:12px;order:2}.nav-actions{gap:8px;order:1}.nav-btn-primary,.nav-btn-secondary{font-size:13px;min-width:80px;padding:8px 16px}.hero-main{gap:30px;grid-template-columns:1fr;padding:20px 0;text-align:center}.hero-content-modern{max-width:100%}.hero-title{font-size:2.2rem;line-height:1.2;margin-bottom:16px;text-align:center}.hero-subtitle{font-size:1.1rem;line-height:1.3}.hero-description{font-size:16px;margin-bottom:24px;text-align:center}.hero-form{flex-direction:column;gap:12px;margin-top:20px}.hero-input{font-size:16px;padding:14px 16px}.hero-cta-btn{font-size:16px;padding:14px 24px}.character-showcase{gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px;transform:rotate(0deg)}.showcase-card{padding:16px}.showcase-card:first-child{grid-column:auto;margin-bottom:0}.features-section{padding:40px 0}.features-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:480px){.landing-container-modern{padding:0 12px}.nav-links{display:none}.top-nav{justify-content:center}.hero-title{font-size:1.8rem;line-height:1.1}.hero-subtitle{font-size:1rem}.hero-main{gap:20px;padding:16px 0}.script-hover{font-size:.9rem;padding:2px 4px}.script-hover:hover{transform:none}.character-showcase{gap:12px;grid-template-columns:repeat(3,1fr)}.showcase-card{padding:12px}.showcase-char{font-size:28px}.showcase-romaji{font-size:12px}.features-section{padding:30px 0}.features-title{font-size:1.5rem}.feature-card{padding:20px}.feature-icon{font-size:32px}.landing-footer{margin-left:calc(-50vw + 50%);padding:30px 0 16px;width:100vw}.footer-content{max-width:100%;padding:20px 12px 16px}}.landing-footer{background:#64a1ff;-webkit-clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);color:#1976d2;margin-bottom:-20px;margin-left:calc(-50vw + 50%);margin-top:auto;min-height:200px;padding-bottom:50px;padding-top:60px;position:relative;width:100vw}.landing-footer *{color:#fff!important}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:60px 20px 40px}.footer-left{max-width:300px}.footer-logo{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:16px}.footer-logo .logo-japanese{color:#fff;font-family:Kalam,cursive;font-size:24px;font-weight:700}.footer-logo .logo-english{color:#a0aec0;font-size:14px;font-weight:500;margin-top:-2px}.footer-description{color:#1976d2;font-size:16px;line-height:1.6;margin:0;text-align:left}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-column h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin-bottom:8px}.footer-column a{color:#fffc;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:#667eea}.footer-bottom{border-top:1px solid #ffffff26;padding:24px 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-bottom p{color:#fffc;font-size:14px;margin:0}.footer-links-inline{display:flex;gap:24px}.footer-links-inline a{color:#fffc;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-links-inline a:hover{color:#667eea}@media (max-width:768px){.landing-footer{-webkit-clip-path:none;clip-path:none;margin-bottom:-15px;margin-left:calc(-50vw + 50%);padding:40px 0 35px;width:100vw}.footer-content{gap:30px;grid-template-columns:1fr;max-width:100%;padding:30px 20px 20px;text-align:center}.footer-left{max-width:none}.footer-logo{align-items:center}.footer-links{gap:24px;grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;gap:12px;padding:0 20px;text-align:center}.footer-links-inline{justify-content:center}}@media (max-width:480px){.landing-footer{margin-bottom:-10px;padding:30px 0 25px}}.App-header.menu-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh}.menu-container-modern{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:0 20px}.menu-header{border-bottom:1px solid #00000014;justify-content:space-between;margin-bottom:40px;padding:20px 0}.menu-header,.menu-nav{align-items:center;display:flex}.menu-nav{gap:24px}.user-welcome{color:#e3f2fd;color:var(--secondary-text);font-size:16px}.user-welcome strong{color:#fff;color:var(--primary-text)}.nav-btn-logout{background:#0000;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.nav-btn-logout:hover{background:#fed7d7;color:#c53030}.menu-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:40px 0}.menu-content{max-width:800px;width:100%}.mode-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr;margin-bottom:40px}.mode-card{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;transition:all .3s ease}.mode-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.mode-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.mode-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.icon-study{background:linear-gradient(135deg,#667eea,#764ba2)}.icon-study:before{content:"📚";filter:grayscale(100%) brightness(0) invert(1);font-size:24px}.icon-quiz{background:linear-gradient(135deg,#4ade80,#22c55e)}.icon-quiz:before{content:"🎯";filter:grayscale(100%) brightness(0) invert(1);font-size:24px}.icon-lessons{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-lessons:before{content:"📖";filter:grayscale(100%) brightness(0) invert(1);font-size:24px}.icon-kanji{background:linear-gradient(135deg,#dc2626,#991b1b)}.icon-kanji:before{content:"漢";filter:grayscale(100%) brightness(0) invert(1);font-size:24px}.icon-vocab{background:linear-gradient(135deg,#059669,#047857)}.icon-vocab:before{content:"語";filter:grayscale(100%) brightness(0) invert(1);font-size:24px}.mode-title h3{color:#fff;color:var(--primary-text);font-size:20px;font-weight:700;margin:0 0 8px}.mode-title p{color:#e3f2fd;color:var(--secondary-text);font-size:15px;line-height:1.5;margin:0}.mode-actions{display:flex;flex-direction:column;gap:12px}.action-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.action-btn.secondary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.action-btn.secondary:hover{box-shadow:0 4px 12px #4ade804d;transform:translateY(-1px)}.action-btn.accent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn.accent:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.stats-overview-card{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.stats-overview-card h3{color:#fff;color:var(--primary-text);font-size:20px;font-weight:700;margin:0 0 24px;text-align:center}.stats-grid-modern{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.stat-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.stat-number{color:#667eea;margin-bottom:4px}.stat-label{color:#e3f2fd;color:var(--secondary-text);font-size:13px;letter-spacing:.5px}@media (max-width:1024px){.mode-cards{gap:24px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.menu-header{align-items:stretch;flex-direction:column;gap:16px}.menu-nav{flex-wrap:wrap;justify-content:space-between}.mode-cards{gap:24px;grid-template-columns:1fr}.stats-grid-modern{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}}@media (max-width:480px){.mode-card{padding:24px}.stats-grid-modern{grid-template-columns:1fr}}.App-header.dashboard-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh;padding:0}.dashboard-container-modern{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 24px}.dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding:32px 0 24px}.dashboard-nav{gap:24px}.back-btn-modern{align-items:center;background:#6366f1;border:none;border-radius:12px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.back-btn-modern:hover{background:#5856eb;box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.back-icon{font-size:18px;font-weight:700}.dashboard-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0}.dashboard-subtitle{color:#e3f2fd;color:var(--secondary-text);font-size:1.1rem;font-weight:400;margin:8px 0 0}.dashboard-main{flex:1 1;padding-bottom:32px}.dashboard-content-modern{display:flex;flex-direction:column;gap:32px}.stats-overview-modern{width:100%}.stats-cards-modern{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.stats-card-modern{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.stats-card-modern:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stats-card-modern.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stats-card-modern.accent:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stats-card-modern.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stats-card-modern:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.card-icon{align-items:center;border-radius:12px;color:#5d5d5d;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-icon.quiz-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);position:relative}.card-icon.quiz-icon:after{content:"📝";font-size:24px}.card-icon.character-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);position:relative}.card-icon.character-icon:after{content:"文";font-size:24px}.card-icon.streak-icon{background:linear-gradient(135deg,#bbf7d0,#86efac);position:relative}.card-icon.streak-icon:after{content:"🔥";font-size:24px}.card-title h3{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:700;margin:0 0 4px}.card-title p{color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;margin:0}.card-stats{display:flex;flex-direction:column;gap:16px}.big-stat-modern{color:#fff;color:var(--primary-text);font-size:3rem;font-weight:800;line-height:1;margin:0}.big-stat-modern.streak{color:#059669}.stat-label-modern{color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.secondary-stats{grid-gap:16px;border-top:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;padding-top:16px}.stat-item{text-align:center}.stat-value{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:700}.stat-desc{color:#e3f2fd;color:var(--secondary-text);font-size:.75rem;margin-top:4px}.character-breakdown{align-items:center;display:flex;gap:24px;justify-content:center}.character-stat{align-items:center;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.character-stat.hiragana{background:linear-gradient(135deg,#fef3c7,#fde68a)}.character-stat.katakana{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.character-sample{align-items:center;background:#fffc;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:2rem;font-weight:700;height:48px;justify-content:center;width:48px}.character-info{display:flex;flex-direction:column;gap:4px}.character-count{color:#fff;color:var(--primary-text);font-size:1.5rem;font-weight:700}.character-label{color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;font-weight:500}.streak-info{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;justify-content:center;padding:12px}.best-streak,.streak-info{align-items:center;display:flex}.best-streak{color:#065f46;font-size:.875rem;font-weight:600;gap:8px}.trophy-icon{font-size:1.25rem}.recent-sessions-modern{width:100%}.section-header{margin-bottom:24px;text-align:center}.section-header h2{font-size:2rem;margin:0 0 8px}.sessions-grid-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.session-card-modern{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.session-card-modern:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.session-card-modern.good-score:before{background:linear-gradient(90deg,#10b981,#059669)}.session-card-modern.needs-work:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.session-card-modern:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.session-type-badge{background:#6366f1;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.session-date-modern{color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;font-weight:500}.session-score-modern{align-items:baseline;display:flex;gap:12px;margin-bottom:12px}.score-main{color:#fff;color:var(--primary-text);font-size:1.5rem;font-weight:700}.score-percentage{border-radius:8px;font-size:1.25rem;font-weight:600;padding:4px 8px}.score-percentage.excellent{background:#d1fae5;color:#065f46}.score-percentage.good{background:#dbeafe;color:#1e40af}.score-percentage.needs-work{background:#fed7aa;color:#9a3412}.session-result{background:#f9fafb;border-radius:8px;color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;font-weight:600;padding:8px;text-align:center}.loading-dashboard{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#6366f1}.loading-dashboard p{color:#e3f2fd;color:var(--secondary-text);font-size:1.125rem;margin:0}@media (max-width:1024px){.stats-cards-modern{grid-template-columns:1fr}.secondary-stats{grid-template-columns:1fr 1fr}.character-breakdown{flex-direction:column;gap:16px}}@media (max-width:768px){.dashboard-container-modern{padding:0 16px}.dashboard-nav{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-title h1{font-size:2rem}.stats-card-modern{padding:24px}.big-stat-modern{font-size:2.5rem}.sessions-grid-modern{grid-template-columns:1fr}}.App-header.dashboard-clean{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh;padding:0}.dashboard-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 24px}.dashboard-header-clean{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding:32px 0 24px}.dashboard-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-logo{display:flex;flex-direction:column;gap:4px}.dashboard-logo .logo-main{color:#fff;font-size:1.75rem;font-weight:700;line-height:1}.dashboard-logo .logo-sub{color:#ffffffb3;font-size:.875rem;font-weight:400;letter-spacing:.05em}.dashboard-nav-buttons{align-items:center;display:flex;gap:24px}.dashboard-nav .user-greeting{color:#ffffffe6;font-size:1rem}.dashboard-nav .user-greeting strong{color:#fff;font-weight:600}.dashboard-nav .nav-buttons{display:flex;gap:12px}.dashboard-nav .nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 18px;transition:all .3s ease}.dashboard-nav .nav-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.dashboard-nav .nav-btn.logout{background:#ef444433}.dashboard-nav .nav-btn.logout:hover{background:#ef44444d}.dashboard-welcome{text-align:center}.dashboard-welcome h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 8px}.motivational-text{color:#fffc;font-size:1.2rem;font-weight:400;margin:0}.dashboard-content{display:flex;flex:1 1;flex-direction:column;gap:32px;max-width:none!important;padding-bottom:32px;width:100%}.stats-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.streak:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.accent:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{display:block;font-size:2rem;margin-bottom:16px}.stat-info{text-align:center}.stat-number{color:#1565c0;color:var(--card-text);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}.stat-label{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.character-stats-section{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.character-stats-section h2{color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:700;margin:0 0 24px}.character-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.character-cards .character-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.character-cards .character-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.character-display{align-items:center;background:#fff;border-radius:12px;color:#1f2937;display:flex;font-size:3rem;font-weight:300;height:60px;justify-content:center;width:60px}.character-info h3{color:#1565c0;color:var(--card-text);font-size:1.25rem;font-weight:600;margin:0 0 4px}.character-info p{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;margin:0}.recent-activity-section{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.recent-activity-section h2{color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:700;margin:0 0 24px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;transform:translateY(-1px)}.activity-icon{align-items:center;background:#fff;border-radius:12px;color:#1f2937;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.activity-info{flex:1 1}.activity-title{color:#1565c0;color:var(--card-text);font-size:1rem;font-weight:600;margin:0 0 4px}.activity-date{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem}.activity-score{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.score-text{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;font-weight:500}.score-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px;text-align:center}.score-badge.good{background:#dcfce7;color:#166534}.score-badge.needs-work{background:#fef3c7;color:#92400e}.quick-actions-section{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;color:#454545;padding:32px}.quick-actions-section h2{color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:700;margin:0 0 24px}.action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card-clean{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .3s ease}.action-card-clean:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-4px)}.action-card-clean.primary:hover{background:#dbeafe;border-color:#3b82f6}.action-card-clean.secondary:hover{background:#f3e8ff;border-color:#8b5cf6}.action-card-clean.accent:hover{background:#fef3c7;border-color:#f59e0b}.action-text h3{color:#1565c0;color:var(--card-text);font-size:1.125rem;font-weight:600;margin:0 0 4px}.action-text p{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;margin-bottom:20px;width:48px}.loading-state p{color:#fffc;font-size:1.125rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recommendation-section{margin-bottom:32px}.recommendation-card{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:32px;position:relative}.recommendation-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0}.recommendation-header h2{color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:700;margin:0 0 8px}.today-goal{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;font-weight:500;margin:0 0 24px}.recommendation-content{align-items:center;display:flex;gap:24px;justify-content:space-between}.recommendation-action h3{color:#1565c0;color:var(--card-text);font-size:1.25rem;font-weight:600;margin:0 0 8px}.recommendation-action p{color:#1976d2;color:var(--card-secondary-text);font-size:1rem;margin:0}.start-studying-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.start-studying-btn:hover{box-shadow:0 8px 24px #10b9814d;transform:translateY(-2px)}.streak-section{margin-bottom:32px}.streak-card{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:24px 32px;position:relative}.streak-fire{animation:flicker 2s ease-in-out infinite alternate;font-size:3rem}@keyframes flicker{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.streak-content h3{color:#92400e;font-size:1.5rem;font-weight:700;margin:0 0 4px}.streak-content p{color:#92400e;font-size:1rem;margin:0}.streak-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:8px;padding:4px 12px}.quick-stats{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;display:flex;justify-content:space-around;margin-bottom:32px;padding:24px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-item .stat-number{color:#1565c0;color:var(--card-text);font-size:2rem;font-weight:800;line-height:1}.stat-item .stat-label{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;font-weight:500;text-align:center}.progress-section{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.progress-section h2{color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:700;margin:0 0 24px}.progress-cards{display:flex;flex-direction:column;gap:16px}.progress-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.progress-header{gap:16px;margin-bottom:12px}.progress-char{align-items:center;background:#fff;border-radius:12px;color:#1f2937;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.progress-info h4{color:#1565c0;color:var(--card-text);font-size:1.125rem;font-weight:600;margin:0 0 4px}.progress-info p{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem;margin:0}.progress-bar{background:#e2e8f0}.progress-fill.hiragana{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progress-fill.katakana{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.recent-sessions{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.recent-sessions h2{color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:700;margin:0 0 24px}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.session-item:hover{background:#f1f5f9;transform:translateY(-1px)}.session-icon{align-items:center;background:#fff;border-radius:10px;color:#1f2937;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.session-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.session-type{color:#1565c0;color:var(--card-text);font-size:1rem;font-weight:600;text-transform:capitalize}.session-time{color:#1976d2;color:var(--card-secondary-text);font-size:.875rem}.session-score{border-radius:20px;font-size:1rem;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.session-score.good{background:#dcfce7;color:#166534}.session-score.needs-work{background:#fef3c7;color:#92400e}@media (max-width:768px){.dashboard-nav{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-nav-buttons{justify-content:space-between;width:100%}.dashboard-welcome h1{font-size:2rem}.recommendation-content{align-items:stretch;flex-direction:column;gap:20px}.start-studying-btn{align-self:center;width:-webkit-fit-content;width:fit-content}.streak-card{gap:16px;text-align:center}.quick-stats,.streak-card{flex-direction:column;padding:20px}.quick-stats{gap:20px}.progress-header{gap:12px}.progress-char{font-size:1.5rem;height:40px;width:40px}.session-item{padding:12px}}.App-header.practice-page{align-items:stretch;background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;min-height:100vh;padding:0}.practice-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 24px}.practice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px 0 24px}.practice-logo{display:flex;flex-direction:column;gap:4px}.logo-main{color:#fff;font-size:2rem;font-weight:700;line-height:1}.logo-sub{color:#fffc;font-size:1rem;font-weight:400;letter-spacing:.05em}.practice-nav{align-items:center;display:flex;gap:24px}.user-greeting{color:#ffffffe6;font-size:1.125rem}.user-greeting strong{color:#fff;font-weight:600}.nav-buttons{display:flex;gap:12px}.nav-btn{background:#fff3;border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:500;padding:12px 20px}.nav-btn:hover{background:#ffffff4d}.nav-btn.logout{background:#ef444433}.nav-btn.logout:hover{background:#ef44444d}.practice-main{flex:1 1;padding-bottom:32px}.practice-intro{margin-bottom:48px;text-align:center}.practice-intro h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 16px}.practice-subtitle{color:#fffc;font-size:1.25rem;font-weight:400;margin:0}.practice-modes{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin:0 auto;max-width:1200px}.practice-card{background:#fff;border-radius:24px;box-shadow:0 12px 48px #00000026;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.practice-card:hover{box-shadow:0 20px 64px #0003;transform:translateY(-8px)}.practice-card.featured{border:3px solid #f59e0b;box-shadow:0 12px 48px #f59e0b4d}.practice-card.featured:hover{box-shadow:0 20px 64px #f59e0b66}.card-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:6px 12px;position:absolute;right:16px;top:16px}.card-icon{display:block;font-size:3rem;margin-bottom:20px}.card-content h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 12px}.card-content p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 20px}.card-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.feature{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:8px}.card-actions{display:flex;flex-direction:column;gap:12px}.study-btn{background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;text-align:center;transition:all .3s ease}.study-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.study-btn.primary:hover{box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.study-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.study-btn.secondary:hover{box-shadow:0 8px 24px #f59e0b4d;transform:translateY(-2px)}.study-btn.outline:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}@media (max-width:1024px){.practice-modes{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-row{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard-container,.practice-container{padding:0 16px}.dashboard-header-clean,.practice-header{align-items:flex-start;flex-direction:column;gap:16px}.practice-nav{justify-content:space-between;width:100%}.practice-intro h1{font-size:2.5rem}.practice-modes{gap:20px}.practice-modes,.stats-row{grid-template-columns:1fr}.stat-card{padding:20px}.action-grid,.character-cards{grid-template-columns:1fr}.practice-card{padding:24px}}.App-header.lessons-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh;padding:0}.lessons-container-modern{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 24px}.lessons-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding:32px 0 24px}.lessons-nav{align-items:center;display:flex;gap:24px;justify-content:space-between}.lessons-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0}.lessons-subtitle{color:#e3f2fd;color:var(--secondary-text);font-size:1.1rem;font-weight:400;margin:8px 0 0}.lessons-main{flex:1 1;padding-bottom:32px}.loading-lessons,.no-lessons{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-lessons-icon{font-size:4rem;margin-bottom:24px}.no-lessons h2{color:#fff;color:var(--primary-text);font-size:2rem;font-weight:700;margin:0 0 16px}.no-lessons p{color:#e3f2fd;color:var(--secondary-text);font-size:1.125rem;margin:0}.lessons-content-modern{display:flex;flex-direction:column;gap:48px}.lesson-category{width:100%}.category-header{margin-bottom:32px;text-align:center}.category-title{color:#fff;color:var(--primary-text);font-size:2rem;font-weight:700;margin:0 0 8px}.category-description{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;margin:0}.lessons-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.lesson-card{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.lesson-card:before{background:#e2e8f0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.lesson-card.not-started:before{background:linear-gradient(90deg,#e2e8f0,#cbd5e1)}.lesson-card.in-progress:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.lesson-card.completed:before{background:linear-gradient(90deg,#10b981,#059669)}.lesson-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.lesson-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lesson-level-badge{background:#6366f1;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.lesson-status-badge{border-radius:16px;font-size:.75rem;font-weight:500;padding:4px 10px}.lesson-status-badge.not-started{background:#f3f4f6;color:#e3f2fd;color:var(--secondary-text)}.lesson-status-badge.in-progress{background:#dbeafe;color:#1e40af}.lesson-status-badge.completed{background:#d1fae5;color:#065f46}.lesson-card-content{margin-bottom:20px}.lesson-title{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:700;margin:0 0 8px}.lesson-description{color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;line-height:1.5;margin:0}.lesson-card-footer{display:flex;flex-direction:column;gap:8px}.lesson-progress-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.lesson-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%;transition:width .3s ease}.lesson-card.completed .lesson-progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.lesson-progress-text{color:#e3f2fd;color:var(--secondary-text);font-size:.75rem;font-weight:500;text-align:right}.App-header.lesson-view-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh;padding:0}.lesson-view-container{display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;padding:0 24px}.lesson-view-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding:32px 0 24px}.lesson-view-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.lesson-view-progress{align-items:center;display:flex;gap:12px}.lesson-progress-bar-header{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:120px}.lesson-progress-fill-header{background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%;transition:width .3s ease}.lesson-progress-text-header{color:#e3f2fd;color:var(--secondary-text);font-size:.875rem;font-weight:600}.lesson-view-title{text-align:center}.lesson-meta{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.lesson-category-badge{background:#f59e0b;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 16px;text-transform:capitalize}.lesson-view-title h1{color:#fff;color:var(--primary-text);font-size:2.25rem;font-weight:800;margin:0 0 12px}.lesson-view-title .lesson-description{color:#e3f2fd;color:var(--secondary-text);font-size:1.125rem;line-height:1.6;margin:0}.lesson-view-main{flex:1 1;padding-bottom:32px}.lesson-content{display:flex;flex-direction:column;gap:32px}.lesson-section{background:#e3f2fd;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px}.section-title{color:#fff;color:var(--primary-text);font-size:1.5rem;font-weight:700;margin:0 0 20px}.section-content{line-height:1.7}.text-content p{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;margin:0}.example-content{display:flex;flex-direction:column;gap:16px}.example-text{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;margin-bottom:16px}.examples-list{display:flex;flex-direction:column;gap:12px}.example-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:16px}.example-japanese{color:#fff;color:var(--primary-text);font-size:1.125rem}.vocabulary-content{display:flex;flex-direction:column;gap:20px}.vocab-description{color:#e3f2fd;color:var(--secondary-text);font-size:1rem}.vocabulary-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.vocabulary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.vocab-japanese{align-items:center;display:flex;gap:8px;margin-bottom:8px}.vocab-main{color:#fff;color:var(--primary-text);font-size:1.5rem;font-weight:700}.vocab-hiragana{color:#e3f2fd;color:var(--secondary-text);font-size:1rem}.vocab-pronunciation{color:#3b82f6;font-size:1rem;font-weight:600;margin-bottom:4px}.vocab-meaning{font-size:1rem;font-weight:500;margin-bottom:8px}.vocab-example,.vocab-meaning{color:#e3f2fd;color:var(--secondary-text)}.vocab-example{background:#e3f2fd;background:var(--card-bg);border-left:3px solid #f59e0b;border-radius:6px;font-size:.875rem;font-style:italic;padding:8px}.grammar-content{display:flex;flex-direction:column;gap:20px}.grammar-explanation{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;line-height:1.7}.grammar-examples h4{color:#fff;color:var(--primary-text);font-size:1.125rem;font-weight:600;margin:0 0 12px}.grammar-example{background:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;color:#fff;color:var(--primary-text);font-size:1rem;margin-bottom:8px;padding:16px}.cultural-content{align-items:flex-start;background:#fef7ed;border-left:4px solid #f59e0b;border-radius:12px;display:flex;gap:16px;padding:20px}.cultural-icon{flex-shrink:0;font-size:2rem}.cultural-text{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;line-height:1.7}.lesson-completion{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:16px;padding:32px;text-align:center}.completion-content h3{color:#065f46;font-size:1.5rem;font-weight:700;margin:0 0 12px}.completion-content p{color:#047857;font-size:1rem;margin:0 0 24px}.completion-actions{display:flex;gap:16px;justify-content:center}.complete-lesson-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.complete-lesson-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.back-to-lessons-btn{background:#6b7280;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-to-lessons-btn:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width:768px){.lessons-container-modern{padding:0 16px}.lessons-nav{align-items:flex-start;flex-direction:column;gap:16px}.lessons-title h1{font-size:2rem}.lessons-grid{grid-template-columns:1fr}.lesson-view-container{padding:0 16px}.lesson-view-nav{align-items:stretch;flex-direction:column;gap:16px}.lesson-view-progress{justify-content:center}.lesson-view-title h1{font-size:1.75rem}.lesson-section{padding:24px}.vocabulary-list{grid-template-columns:1fr}.completion-actions{align-items:stretch;flex-direction:column}}.kanji-study-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh}.kanji-study-container{margin:0 auto;max-width:1200px;padding:20px}.kanji-study-header{margin-bottom:40px}.kanji-study-nav{align-items:center;display:flex;margin-bottom:20px}.kanji-study-title{margin:0 auto 20px;text-align:center}.kanji-study-title h1{color:#fff;color:var(--primary-text);font-size:2.5rem;font-weight:700;margin:0 0 10px}.kanji-subtitle{color:#e3f2fd;color:var(--secondary-text);font-size:1.1rem;margin:0 0 20px}.level-toggle{display:flex;gap:10px;justify-content:center}.level-btn{background:#e3f2fd;background:var(--card-bg);border:2px solid #dc2626;border-radius:25px;color:#dc2626;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.level-btn.active,.level-btn:hover{background:#dc2626;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:translateY(-2px)}.kanji-card-modern{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;min-height:300px;padding:40px}.kanji-display{border-bottom:1px solid #0000001a;margin-bottom:40px;padding-bottom:40px;text-align:center}.kanji-character{color:#dc2626;font-family:Noto Sans JP,serif;font-size:12rem;font-weight:700;line-height:1;margin-bottom:30px;text-shadow:0 4px 8px #dc262633}.kanji-meaning{color:#fff;color:var(--primary-text);font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:20px}.kanji-meta{color:#e3f2fd;color:var(--secondary-text);display:flex;font-size:1.1rem;font-weight:500;gap:30px;justify-content:center}.kanji-readings{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.reading-section h4{color:#e3f2fd;color:var(--secondary-text);font-size:1.3rem;font-weight:700;margin-bottom:12px;text-align:center}.reading-value{background:#dc26260d;border:1px solid #dc262633;border-radius:12px;font-family:Noto Sans JP,sans-serif;font-size:1.8rem;margin:0;padding:15px}.kanji-examples h4,.reading-value{color:#fff;color:var(--primary-text);font-weight:600;text-align:center}.kanji-examples h4{font-size:1.3rem;margin-bottom:20px}.examples-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.example-word{background:#dc26260d;border:1px solid #dc262633;border-radius:12px;padding:20px;text-align:center}.word-japanese{color:#dc2626;font-family:Noto Sans JP,serif;font-size:2.2rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #dc26261a}.word-reading{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;margin-bottom:8px}.word-meaning,.word-reading{color:#e3f2fd;color:var(--secondary-text)}.word-meaning{font-size:1rem;font-weight:500}.kanji-navigation{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:15px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;padding:20px}.kanji-progress{color:#fff;color:var(--primary-text);font-size:1.1rem;font-weight:600}.kanji-back-button-container{left:20px;position:absolute;top:20px;z-index:10}.kanji-back-btn-left{margin:0}.meaning-toggle-btn{background:#1565c0cc;border:1px solid #1565c0;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.meaning-toggle-btn:hover{background:#1565c0;transform:translateY(-1px)}.kanji-progress-visible{background:#0000001a;border:1px solid #0003;border-radius:20px;color:#1565c0!important;color:var(--card-text)!important;font-size:1.1rem;font-weight:600;padding:8px 16px}.kanji-meaning-container{align-items:center;display:flex;height:80px;justify-content:center;margin-top:20px}.kanji-meaning-toggle{align-items:center;display:flex;flex-direction:column;gap:8px;margin:20px 0}.vocabulary-study-modern{background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);color:#fff;color:var(--primary-text);min-height:100vh}.vocabulary-study-container{margin:0 auto;max-width:1000px;padding:20px}.vocabulary-study-header{align-items:flex-start;display:flex;justify-content:center;margin-bottom:40px;position:relative}.page-title-section{margin:40px 0;text-align:center}.page-title-section h1{color:#fff;color:var(--primary-text);font-size:2.5rem;font-weight:700;margin:0 0 10px}.page-subtitle{color:#e3f2fd;color:var(--secondary-text);font-size:1.1rem;margin:0}.page-main{flex:1 1}.vocabulary-study-title{margin:0 auto;text-align:center}.vocabulary-study-title h1{color:#fff;color:var(--primary-text);font-size:2.5rem;font-weight:700;margin:0 0 10px}.vocab-subtitle{color:#e3f2fd;color:var(--secondary-text);font-size:1.1rem;margin:0}.vocab-card-modern{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);margin-bottom:30px;padding:40px}.vocab-display{border-bottom:1px solid #0000001a;margin-bottom:40px;padding-bottom:40px;text-align:center}.vocab-word{color:#059669;font-family:Noto Sans JP,serif;font-size:5rem;font-weight:700;line-height:1;margin-bottom:20px;text-shadow:0 4px 8px #05966933}.vocab-reading{background:#0596690d;border:1px solid #05966933;border-radius:12px;color:#e3f2fd;color:var(--secondary-text);display:inline-block;font-family:Noto Sans JP,sans-serif;font-size:2.2rem;margin-bottom:20px;padding:12px 20px}.vocab-meaning{color:#fff;color:var(--primary-text);font-size:1.8rem;font-weight:700;letter-spacing:.3px;margin-bottom:25px}.vocab-meta{display:flex;gap:15px;justify-content:center}.vocab-category,.vocab-level{border-radius:20px;font-size:.9rem;font-weight:600;padding:6px 15px}.vocab-level{background:#059669;color:#fff}.vocab-category{background:#0596691a;border:1px solid #0596694d;color:#059669}.vocab-example{text-align:center}.vocab-example h4{color:#fff;color:var(--primary-text);font-size:1.3rem;font-weight:600;margin-bottom:20px}.example-japanese{background:#0596690d;border:1px solid #05966933;border-radius:12px;color:#059669;font-family:Noto Sans JP,serif;font-size:2rem;font-weight:600;margin-bottom:12px;padding:15px}.example-reading{font-family:Noto Sans JP,sans-serif;font-size:1.4rem;margin-bottom:12px}.example-meaning,.example-reading{color:#e3f2fd;color:var(--secondary-text);font-weight:500}.example-meaning{font-size:1.2rem;line-height:1.4}.vocab-navigation{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:#e3f2fd;background:var(--card-bg);border:1px solid #fff3;border:1px solid var(--border-light);border-radius:15px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;padding:20px}.vocab-progress{color:#fff;color:var(--primary-text);font-size:1.1rem;font-weight:600}.vocab-navigation-clean{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:30px auto 20px;max-width:600px;padding:0 20px}.vocab-counter-clean{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;color:var(--primary-text);font-size:1.1rem;font-weight:600;min-width:80px;padding:8px 16px;text-align:center}.vocab-help-text{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-top:20px;text-align:center}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000001a;border-radius:25px;color:#1565c0;color:var(--card-text);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.nav-btn:hover{background:#e3f2fd;background:var(--card-bg);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.kanji-character{font-size:6rem}.vocab-word{font-size:3rem}.kanji-readings{gap:20px}.examples-list,.kanji-readings{grid-template-columns:1fr}.kanji-card-modern,.vocab-card-modern{padding:30px 20px}.vocab-card-clean{margin:0 auto 20px;max-width:100%;min-height:450px;padding:30px 20px;width:100%}.vocab-navigation-clean{gap:15px;padding:0 10px}.nav-btn{font-size:.9rem;min-width:100px;padding:10px 18px}.vocabulary-study-header{align-items:center;flex-direction:column}}.error-boundary{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);background:var(--primary-bg);display:flex;justify-content:center;min-height:100vh}.error-content{background:#e3f2fd;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:3rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-content h1{color:#fff;color:var(--primary-text);font-size:2rem;margin:0 0 1rem}.error-content p{color:#e3f2fd;color:var(--secondary-text);font-size:1.1rem;margin-bottom:2rem}.error-details{margin:1.5rem 0;text-align:left}.error-details summary{color:#2196f3;color:var(--accent-color);cursor:pointer;margin-bottom:.5rem}.error-details pre{background:#f5f5f5;border-radius:8px;color:#333;font-size:.9rem;overflow-x:auto;padding:1rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.error-button.primary{background:#2196f3;background:var(--accent-color);color:#fff}.error-button.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.error-button.secondary{background:linear-gradient(#2196f3e6,#1976d2e6);background:var(--secondary-bg);border:1px solid var(--border-color);color:#fff;color:var(--primary-text)}.error-button.secondary:hover{background:var(--hover-bg);transform:translateY(-1px)}.dashboard-actions-section{margin:3rem 0}.action-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.action-card{background:#e3f2fd;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:pointer;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.action-card:hover{border-color:#2196f3;border-color:var(--accent-color);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.action-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.action-card h3{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.action-card p{color:#e3f2fd;color:var(--secondary-text);font-size:.9rem;line-height:1.4;margin:0}.learning-progress-section{margin:3rem 0}.progress-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.progress-card{background:#e3f2fd;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h4{color:#fff;color:var(--primary-text);font-size:1.1rem;font-weight:600;margin:0}.progress-percentage{color:#2196f3;color:var(--accent-color);font-size:1.1rem;font-weight:700}.progress-bar{background:linear-gradient(#2196f3e6,#1976d2e6);background:var(--secondary-bg);margin-bottom:.75rem;width:100%}.progress-fill{background:linear-gradient(90deg,#2196f3,var(--accent-hover));background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));border-radius:4px}.progress-detail{color:#e3f2fd;color:var(--secondary-text);font-size:.9rem;margin:0}.section-header{margin-bottom:1.5rem}.section-header h2{color:#fff;color:var(--primary-text);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;margin:0}.mode-card.featured{background:linear-gradient(135deg,#ff9800,#f57c00);background:linear-gradient(135deg,var(--srs-featured) 0,#f57c00 100%);border:2px solid #ffcc80;border:2px solid var(--srs-featured-light);box-shadow:0 12px 32px #ff98004d;transform:scale(1.02)}.mode-card.featured .mode-title h3{color:#fff;font-weight:700}.mode-card.featured .mode-title p{color:#ffffffe6}.action-btn.featured{background:#fff3;border:1px solid #ffffff4d;color:#fff;font-weight:600}.action-btn.featured:hover{background:#ffffff4d;transform:translateY(-2px)}.srs-study{min-height:100vh}.srs-container{margin:0 auto;max-width:900px;padding:2rem}.srs-header{margin-bottom:3rem}.srs-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.progress-bar-container{align-items:center;display:flex;gap:1rem}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden;width:300px}.progress-fill{background:linear-gradient(90deg,#4caf50,#81c784);background:linear-gradient(90deg,var(--success-color),#81c784);height:100%;transition:width .3s ease}.progress-text{color:#e3f2fd;color:var(--secondary-text);font-weight:600;min-width:80px}.study-info{text-align:center}.study-info h1{font-size:2.5rem;margin-bottom:1rem}.session-stats{color:#e3f2fd;color:var(--secondary-text);font-weight:500}.character-card-srs,.session-stats{display:flex;gap:2rem;justify-content:center}.character-card-srs{align-items:center;background:#e3f2fd;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 24px #1976d24d,0 2px 8px #2196f333;box-shadow:var(--shadow-light);flex-direction:column;margin-bottom:2rem;min-height:400px;padding:3rem}.character-display{color:#1565c0;color:var(--kanji-color);font-size:8rem;font-weight:700;transition:all .3s ease}.character-display.correct{color:#4caf50;color:var(--success-color);transform:scale(1.1)}.character-display.incorrect{animation:shake .5s ease-in-out;color:#f44336;color:var(--danger-color)}.character-type-badge{background:#2196f3;background:var(--accent-color);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.input-section{max-width:400px;width:100%}.romaji-input{background:#fff;border:3px solid #2196f3;border:3px solid var(--accent-color);border-radius:15px;color:#1565c0;color:var(--card-text);font-size:1.5rem;font-weight:600;padding:1.5rem}.romaji-input:focus{border-color:#00bcd4;border-color:var(--hiragana-color);box-shadow:0 0 0 4px #00bcd433;outline:none}.romaji-input.correct{background:#f1f8e9;border-color:#4caf50;border-color:var(--success-color)}.romaji-input.incorrect{background:#ffebee;border-color:#f44336;border-color:var(--danger-color)}.answer-feedback{gap:1rem;margin-top:1rem}.answer-feedback,.feedback-content{align-items:center;display:flex;flex-direction:column}.feedback-content{gap:.5rem}.feedback-icon{font-size:2rem}.feedback-text{color:#1565c0;color:var(--card-text);font-size:1.2rem;font-weight:600}.continue-btn{background:#2196f3;background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .2s ease}.continue-btn:hover{background:#1565c0;background:var(--kanji-color);transform:translateY(-2px)}.study-help{color:#e3f2fd;color:var(--secondary-text);font-size:1rem;text-align:center}.srs-complete{justify-content:center}.session-results{background:#e3f2fd;background:var(--card-bg);border-radius:20px;color:#1565c0;color:var(--card-text);max-width:600px;padding:3rem}.session-results h1{color:#1565c0;color:var(--card-text);margin-bottom:2rem}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.result-card{background:#fff;border-radius:15px;padding:1.5rem;text-align:center}.result-number{color:#2196f3;color:var(--accent-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-label{color:#1976d2;color:var(--card-secondary-text);font-weight:600}.progress-summary{margin-bottom:2rem}.progress-stats{background:#fff;border-radius:15px;display:flex;justify-content:space-around;padding:1.5rem}.progress-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.progress-label{color:#1976d2;color:var(--card-secondary-text);font-size:.9rem;font-weight:600}.progress-count{color:#2196f3;color:var(--accent-color);font-size:1.5rem;font-weight:700}.session-actions{display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.btn-primary{background:#2196f3;background:var(--accent-color);color:#fff}.btn-primary:hover{background:#1565c0;background:var(--kanji-color);transform:translateY(-2px)}.btn-secondary{background:#bbdefb;background:var(--button-bg);color:#1565c0;color:var(--card-text)}.btn-secondary:hover{background:#90caf9;transform:translateY(-2px)}.srs-loading{color:#fff;color:var(--primary-text);text-align:center}.srs-loading h2{font-size:2rem;margin-bottom:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.action-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.progress-cards-grid{gap:1rem;grid-template-columns:1fr}.action-card{padding:1.5rem}.action-icon{font-size:2rem}.srs-container{padding:1rem}.character-display{font-size:6rem}.character-card-srs{min-height:300px;padding:2rem}.progress-bar-container{flex-direction:column;gap:.5rem}.progress-bar{width:200px}.session-stats{flex-direction:column;gap:.5rem}.results-grid{gap:1rem;grid-template-columns:1fr}.progress-stats{flex-wrap:wrap;gap:1rem}.session-actions{flex-direction:column}}.quick-actions-section{margin-bottom:32px}.quick-actions-section h2{color:var(--primary-brown);font-size:1.4rem;margin-bottom:20px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.quick-action-btn{align-items:center;background:#e3f2fd;background:var(--card-bg);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;text-decoration:none;transition:all .3s ease}.quick-action-btn:hover{border-color:var(--primary-brown);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.quick-action-btn.kanji{background:linear-gradient(135deg,#fef3c7,#fde68a)}.quick-action-btn.vocab{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.quick-action-btn.quiz{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.quick-action-btn.study{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.action-icon{color:var(--primary-brown);font-size:2rem;font-weight:700}.action-text{display:flex;flex-direction:column;gap:4px;text-align:center}.action-title{color:var(--text-primary);font-size:1rem;font-weight:600}.action-subtitle{color:var(--text-secondary);font-size:.8rem}.dashboard-stats-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.dashboard-stats-modern .stat-card{align-items:center;background:#e3f2fd;background:var(--card-bg);border:1px solid #8b45131a;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.dashboard-stats-modern .stat-card:hover{transform:translateY(-2px)}.dashboard-stats-modern .stat-icon{font-size:2rem;opacity:.8}.dashboard-stats-modern .stat-content{display:flex;flex-direction:column;gap:4px}.dashboard-stats-modern .stat-content .stat-number{color:var(--primary-brown);font-size:1.8rem;font-weight:700;line-height:1}.dashboard-stats-modern .stat-content .stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width:640px){.dashboard-stats-modern,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats-modern .stat-card,.quick-action-btn{padding:16px}.action-icon{font-size:1.5rem}.action-title{font-size:.9rem}}.weekly-activity-section{margin-bottom:32px}.weekly-activity-section h2{color:var(--primary-brown);font-size:1.4rem;margin-bottom:20px}.activity-week{grid-gap:12px;background:#e3f2fd;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);padding:24px}.activity-day{align-items:center;display:flex;flex-direction:column;gap:8px}.day-name{color:#000!important;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase}.day-indicator{display:flex;justify-content:center;width:100%}.activity-dot{align-items:center;background:var(--primary-brown);border-radius:50%;color:#1853c4;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.empty-dot{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;height:32px;width:32px}.activity-day.active .day-name{color:var(--primary-brown);font-weight:600}@media (max-width:640px){.activity-week{gap:8px;padding:16px}.activity-dot,.empty-dot{height:24px;width:24px}.activity-dot,.day-name{font-size:.7rem}}.quiz-completion-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}.quiz-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:140px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.quiz-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.quiz-btn.primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.quiz-btn.secondary{background:#f7fafc;border-color:#e2e8f0;color:#4a5568}.quiz-btn.secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.quiz-btn.outline{background:#0000;border-color:#667eea;color:#667eea}.quiz-btn.outline:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.sentence-vocabulary-quiz{margin:0 auto;max-width:800px;padding:20px}.sentence-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:40px;text-align:center}.sentence-container h3{color:#2196f3;font-size:1.3rem;font-weight:500;margin-bottom:30px}.sentence-display{background:#f8fafe;border:1px solid #e3f2fd;border-radius:12px;font-size:2rem;font-weight:500;margin:20px 0;padding:30px}.sentence-text{color:#1976d2}.highlighted-word{background:#2196f31a;border-bottom:3px solid #2196f3;border-radius:6px;color:#1976d2;display:inline-block;font-weight:600;margin:0 2px;padding:4px 8px;position:relative;transition:all .2s ease}.highlighted-word:before{background:linear-gradient(135deg,#2196f326,#1976d20d);border-radius:6px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.answer-form{margin-top:30px}.input-group{align-items:center;display:flex;flex-direction:column;gap:20px}.romaji-input{background:#f8fafe;border:2px solid #e3f2fd;border-radius:12px;color:#1976d2;font-size:1.4rem;font-weight:500;max-width:400px;outline:none;padding:18px 24px;text-align:center;transition:all .2s ease;width:100%}.romaji-input:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.submit-btn{background:#2196f3;border:none;border-radius:12px;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.submit-btn:disabled{background:#bbdefb;box-shadow:none;cursor:not-allowed;transform:none}.result-display{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-top:20px;padding:40px;text-align:center}.result-display.correct{background:linear-gradient(135deg,#f1f8e9,#fff);border-left:6px solid #4caf50}.result-display.incorrect{background:linear-gradient(135deg,#ffebee,#fff);border-left:6px solid #f44336}.result-icon{font-size:4rem;margin-bottom:20px}.result-text{color:#1976d2;font-size:1.2rem;font-weight:500;line-height:1.5;margin-bottom:30px}.next-btn{background:#2196f3;border:none;border-radius:12px;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .2s ease}.next-btn:hover{background:#1976d2;box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.sentence-display{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--primary-text);font-size:1.8rem;line-height:1.6;margin:1rem 0;padding:2rem}.furigana-word{color:#667eea;font-weight:600}.furigana-word rt{color:#8b5cf6;font-size:.7em;font-weight:500}.error-boundary{margin:0 auto;max-width:600px;padding:2rem;text-align:center}.error-boundary h2{color:#f44336;font-size:1.5rem;margin-bottom:1rem}.error-boundary p{color:#e3f2fd;color:var(--secondary-text);line-height:1.6;margin-bottom:2rem}.error-boundary details{background:#f443361a;border:1px solid #f443364d;border-radius:8px;padding:1rem}.error-boundary summary{color:#f44336;cursor:pointer;font-weight:600}.error-boundary pre{background:#0000000d;border-radius:4px;color:#333;overflow-x:auto;padding:1rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input{padding-right:3rem}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:all .2s ease;width:2rem;z-index:1}.password-toggle svg{transition:color .2s ease}.password-toggle:hover{background:#0000000d;color:#333}.password-toggle:focus{outline:2px solid #2196f3;outline:2px solid var(--accent-color);outline-offset:2px}.hero-password-container{width:100%}.hero-password-toggle{background:#ffffff1a;border-radius:4px;color:#666}.hero-password-toggle:hover{background:#fff3;color:#333}.form-group .password-input-container{width:100%}.form-group .password-toggle{color:#4a5568}.form-group .password-toggle:hover{background:#4a55681a;color:#2d3748}.auth-required-btn{background:#2196f3;background:var(--accent-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.auth-required-btn:hover{background:#fff;background:var(--primary-text);background:#1976d2;transform:translateY(-1px)}
/*# sourceMappingURL=main.54cfa3c8.css.map*/