:root{--bg-page: #EBF3FB;--bg-dark: #EBF3FB;--panel-bg: #ffffff;--card-bg: #ffffff;--border-color: #d4e4f7;--border-light: rgba(76, 163, 169, .3);--color-deep-blue: #1c4cb8;--color-sky-blue: #3875cf;--color-teal: #4ca3a9;--color-gold: #F59E0B;--color-success: #4ca3a9;--color-danger: #f43f5e;--glow-deep-blue: rgba(28, 76, 184, .15);--glow-sky-blue: rgba(56, 117, 207, .15);--glow-teal: rgba(76, 163, 169, .2);--glow-gold: rgba(245, 158, 11, .2);--neon-cyan: var(--color-teal);--neon-gold: var(--color-gold);--neon-pink: var(--color-sky-blue);--neon-green: var(--color-success);--neon-red: var(--color-danger);--learn-deep-blue: var(--color-deep-blue);--learn-sky-blue: var(--color-sky-blue);--learn-teal: var(--color-teal);--learn-gold: var(--color-gold);--learn-deep-blue-glow: var(--glow-deep-blue);--learn-sky-blue-glow: var(--glow-sky-blue);--learn-teal-glow: var(--glow-teal);--learn-gold-glow: var(--glow-gold);--text-main: #1a3a6e;--text-muted: #6b80a0;--pjs: "Plus Jakarta Sans", "Be Vietnam Pro", sans-serif;--font-heading: "Plus Jakarta Sans", "Be Vietnam Pro", sans-serif;--font-body: "Plus Jakarta Sans", "Be Vietnam Pro", sans-serif;--font-japanese: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:#ebf3fb;color:#1a3a6e;font-family:var(--pjs);display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;background-image:radial-gradient(circle at 70% 10%,rgba(76,163,169,.12) 0%,transparent 55%),radial-gradient(circle at 20% 90%,rgba(28,76,184,.1) 0%,transparent 50%)}#app{display:flex;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;padding:0;margin:0 auto;box-sizing:border-box}.screen{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;margin:auto;padding:0}.screen.active{display:flex;padding:20px 24px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}#game-screen.active{padding:0;overflow:hidden;height:100vh;height:100dvh;max-height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center}#intro-video-screen.active{padding:0!important;overflow:hidden}h1{font-family:var(--pjs);font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;color:#1a3a6e;background:none;-webkit-text-fill-color:initial;filter:none;margin-bottom:5px;letter-spacing:-.5px;text-align:center}.subtitle{font-size:clamp(.95rem,2.5vw,1.2rem);color:#f59e0b;margin-bottom:25px;font-family:var(--pjs);font-weight:700;text-align:center}h2,h3{font-family:var(--pjs);font-weight:700;color:#1a3a6e;margin-bottom:15px}.glow-text{color:#1a3a6e;background:none;-webkit-text-fill-color:initial;filter:none;font-weight:800}.btn{background:#fff;border:2px solid #d4e4f7;color:#1c4cb8;font-family:var(--pjs);font-size:.97rem;font-weight:700;padding:10px 24px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1c4cb81a;margin:5px;display:inline-flex;align-items:center;justify-content:center}.btn:hover{border-color:#1c4cb8;background:#ebf3ff;box-shadow:0 4px 16px #1c4cb82e;transform:translateY(-2px);color:#1c4cb8}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#1c4cb8,#3875cf);border-color:#1c4cb8;color:#fff;box-shadow:0 4px 14px #1c4cb84d}.btn-primary:hover{background:linear-gradient(135deg,#3875cf,#4ca3a9);border-color:#4ca3a9;box-shadow:0 6px 20px #4ca3a94d;color:#fff}.btn-danger{color:#f43f5e;border-color:#f43f5e59;background:#fff}.btn-danger:hover{border-color:#f43f5e;box-shadow:0 4px 14px #f43f5e33;background:#fff1f3;color:#be123c}.mt-2{margin-top:10px}.mt-4{margin-top:20px}.hidden{display:none!important}.text-muted{color:#6b80a0}.text-gold{color:#f59e0b}.text-teal{color:#4ca3a9}.text-blue{color:#1c4cb8}#global-controls{display:none!important}.ctrl-btn{background:#ebf3ff;border:1.5px solid #c7d9f5;color:#1a3a6e;padding:6px 12px;font-size:.82rem;font-family:var(--pjs);font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s}.ctrl-btn:hover{border-color:#4ca3a9;color:#4ca3a9;background:#eef9f9;box-shadow:0 2px 8px #4ca3a92e}.card-panel{background:#fff;border:1.5px solid #d4e4f7;padding:24px;border-radius:16px;box-shadow:0 4px 20px #1c4cb81a;margin:15px 0;width:100%}.narrative-box{background:#fff;border:1.5px solid #d4e4f7;padding:35px;border-radius:18px;max-width:780px;width:100%;text-align:center;line-height:1.65;font-size:1.1rem;color:#1a3a6e;box-shadow:0 6px 28px #1c4cb81a}#intro-video-screen{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;max-width:100vw!important;background:#000;z-index:9000;display:none;padding:0!important;margin:0!important}#intro-video-screen.active{display:flex!important;flex-direction:column;justify-content:center;align-items:center}.intro-video-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.btn-skip-video-float{position:absolute;top:20px;right:24px;z-index:9100;padding:8px 22px;border-radius:8px;border:1.5px solid var(--color-teal);background:#070a12bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-teal);font-family:var(--font-heading);font-size:.9rem;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.btn-skip-video-float:hover{background:var(--color-teal);color:#070a12;box-shadow:0 0 16px var(--glow-teal)}.story-illustration{font-size:4rem;margin:15px 0;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 12px var(--glow-gold))}.character-select{max-width:600px;width:100%;text-align:center}.avatar-row{display:flex;justify-content:space-around;gap:20px;margin-top:15px}.avatar-card{flex:1;background:#fff;border:2.5px solid #d4e4f7;border-radius:18px;padding:22px 18px;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-shadow:0 3px 14px #1c4cb81a}.avatar-card:hover{border-color:#4ca3a9;box-shadow:0 8px 24px #4ca3a938;transform:translateY(-4px)}.avatar-card.selected{border-color:#f59e0b;background:linear-gradient(145deg,#fff8eb,#fffbf0);box-shadow:0 0 0 3px #f59e0b33,0 6px 20px #f59e0b26}.avatar-portrait{font-size:3.6rem;margin-bottom:15px;filter:none}.travel-box{width:100%;max-width:520px}.travel-p{font-size:1.05rem;min-height:45px;color:#1c4cb8;font-weight:700;font-family:var(--pjs)}.progress-bar-container{width:100%;background-color:#e8f0fb;height:10px;border-radius:6px;overflow:hidden;margin:20px 0;border:1px solid #d4e4f7}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#1c4cb8,#3875cf,#4ca3a9,#f59e0b);box-shadow:none;transition:width .4s ease;border-radius:6px}.travel-steps{font-family:var(--pjs);font-size:.85rem;font-weight:600;color:#6b80a0}.t-step.active{color:#4ca3a9;font-weight:800}.game-container{position:relative;aspect-ratio:1451 / 1084;height:100vh;height:100dvh;max-height:100dvh;max-width:100vw;width:auto;background:#080d16;border-radius:0;overflow:hidden;box-shadow:0 12px 40px #1c4cb833;display:flex;flex-direction:column;margin:auto}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#lighting-canvas,#particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}#game-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:20;pointer-events:none}.hud-right{display:flex;gap:8px}.hud-btn{pointer-events:auto;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid #d4e4f7;color:#1a3a6e;font-family:var(--pjs);font-weight:700;font-size:.85rem;padding:6px 14px;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #1c4cb826;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:4px}.hud-btn:hover{background:#ebf3ff;border-color:#1c4cb8;color:#1c4cb8;transform:translateY(-2px);box-shadow:0 6px 18px #1c4cb838}.hud-btn-accent{background:linear-gradient(135deg,#1c4cb8,#3875cf);border-color:#1c4cb8;color:#fff}.hud-btn-accent:hover{background:linear-gradient(135deg,#3875cf,#4ca3a9);border-color:#4ca3a9;color:#fff}.hud-popup{position:absolute;top:48px;z-index:30;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid #d4e4f7;border-radius:14px;padding:14px 16px;box-shadow:0 10px 30px #1c4cb833;min-width:230px;animation:hudPopupFadeIn .18s ease-out}@keyframes hudPopupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}#help-popup{left:12px;max-width:320px}#settings-popup{right:12px;max-width:260px}.hud-popup-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--pjs);font-weight:800;font-size:.95rem;color:#1a3a6e;border-bottom:1px solid #e2edf9;padding-bottom:8px;margin-bottom:10px}.hud-popup-close{background:none;border:none;font-size:1rem;color:#8fa2bc;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .15s}.hud-popup-close:hover{background:#f1f5fa;color:#f43f5e}.hud-popup-body{display:flex;flex-direction:column;gap:8px}.help-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#3b506e;font-family:var(--pjs);font-weight:600}.help-row kbd{background:#ebf3ff;border:1px solid #c8dbf4;border-radius:6px;padding:2px 6px;font-size:.78rem;font-weight:700;color:#1c4cb8;box-shadow:0 1px 3px #00000014}.help-row span{flex:1;color:#1a3a6e}.hud-popup-action{background:#fff;border:1.5px solid #d4e4f7;color:#1a3a6e;font-family:var(--pjs);font-weight:700;font-size:.86rem;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;display:flex;align-items:center;gap:8px}.hud-popup-action:hover{background:#ebf3ff;border-color:#1c4cb8;color:#1c4cb8}.hud-popup-action.danger{color:#f43f5e;border-color:#ffd2d9}.hud-popup-action.danger:hover{background:#fff1f3;border-color:#f43f5e}.lang-switcher{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.07)}.lang-switcher-label{font-size:.82rem;color:#555}.lang-btn-group{display:flex;gap:4px}.lang-btn{padding:3px 10px;font-size:.78rem;font-weight:600;border:1px solid #ccc;border-radius:4px;background:transparent;cursor:pointer;color:#555;transition:all .15s}.lang-btn:hover{border-color:#4bbdd6;color:#4bbdd6}.lang-btn.active{background:#4bbdd6;border-color:#4bbdd6;color:#fff}.speed-setting-box{background:#f8fbff;border:1px solid #d4e4f7;border-radius:12px;padding:12px 14px;text-align:left}.speed-label{display:block;font-size:.85rem;font-weight:700;color:#1a3a6e;margin-bottom:6px}.speed-option-btn,.voice-pitch-btn,.theme-option-btn{flex:1;background:#fff;border:1.5px solid #d4e4f7;color:#1a3a6e;font-family:var(--pjs);font-weight:700;font-size:.82rem;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease}.speed-option-btn:hover,.voice-pitch-btn:hover,.theme-option-btn:hover{background:#ebf3ff;border-color:#1c4cb8;color:#1c4cb8}.speed-option-btn.active,.voice-pitch-btn.active,.theme-option-btn.active{background:#1c4cb8;border-color:#1c4cb8;color:#fff;box-shadow:0 2px 8px #1c4cb840}.voice-select-dropdown{width:100%;padding:8px 12px;font-family:var(--pjs);font-size:.85rem;border-radius:8px;border:1.5px solid #d4e4f7;background:#fff;color:#1a3a6e}body.theme-dark{--bg-page: #0b101d;--bg-dark: #0b101d;--panel-bg: #131c31;--card-bg: #131c31;--border-color: #243556;--border-light: rgba(76, 163, 169, .35);--text-main: #f0f4f8;--text-muted: #8ca2bf;background-color:#0b101d;color:#f0f4f8;background-image:radial-gradient(circle at 70% 10%,rgba(76,163,169,.15) 0%,transparent 55%),radial-gradient(circle at 20% 90%,rgba(28,76,184,.15) 0%,transparent 50%)}body.theme-dark .overlay-ui{background:#0b101df7!important;color:#f0f4f8!important}body.theme-dark .card-panel,body.theme-dark .narrative-box,body.theme-dark .avatar-card,body.theme-dark .menu-box,body.theme-dark .hud-popup,body.theme-dark .eval-box,body.theme-dark .complete-box,body.theme-dark .verb-card,body.theme-dark .verb-drill-box{background:#131c31!important;border-color:#243556!important;color:#f0f4f8!important;box-shadow:0 10px 30px #00000080!important}body.theme-dark .state-info{background:#18233c!important;border-color:#243556!important;color:#4ca3a9!important}body.theme-dark .learning-header{border-bottom-color:#243556!important}body.theme-dark .learning-header h2,body.theme-dark #learning-hub-ui h2,body.theme-dark .learning-step h3,body.theme-dark #travel-title,body.theme-dark #eval-title{color:#f0f4f8!important}body.theme-dark .activity-desc,body.theme-dark .travel-p,body.theme-dark .menu-desc,body.theme-dark .text-muted{color:#8ca2bf!important}body.theme-dark .learning-nav-indicator .nav-dot{background:#18233c;border-color:#243556;color:#8ca2bf}body.theme-dark .learning-nav-indicator .nav-dot.active{background:#f59e0b;border-color:#f59e0b;color:#fff}body.theme-dark .learning-nav-indicator .nav-dot.completed{background:#4ca3a9;border-color:#4ca3a9;color:#fff}body.theme-dark .learning-progress-bar-wrap,body.theme-dark .practice-progress-bar-wrap,body.theme-dark .progress-bar-container,body.theme-dark .speed-setting-box{background:#18233c!important;border-color:#243556!important}body.theme-dark .speed-label{color:#f0f4f8!important}body.theme-dark .speed-option-btn,body.theme-dark .voice-pitch-btn,body.theme-dark .theme-option-btn{background:#131c31!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .speed-option-btn.active,body.theme-dark .voice-pitch-btn.active,body.theme-dark .theme-option-btn.active{background:#1c4cb8!important;border-color:#3875cf!important;color:#fff!important}body.theme-dark .voice-select-dropdown{background:#131c31!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .hud-btn{background:#131c31eb!important;border-color:#243556!important;color:#e2eaf8!important}body.theme-dark .hud-btn:hover{background:#1b2844!important;border-color:#4ca3a9!important;color:#4ca3a9!important}body.theme-dark .hud-popup-action{background:#18233c!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .hud-popup-action:hover{background:#202e4d!important;border-color:#3875cf!important;color:#fff!important}body.theme-dark .hud-popup-header{color:#f0f4f8!important;border-bottom-color:#243556!important}body.theme-dark .help-row{color:#c0d1e8!important}body.theme-dark .help-row kbd{background:#1c2a47!important;border-color:#2d426d!important;color:#4ca3a9!important}body.theme-dark .inventory-list li{background:#18233c!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3{color:#f0f4f8!important}body.theme-dark .dialogue-box,body.theme-dark .jrpg-panel{background:#0e1525f7!important;box-shadow:0 -6px 28px #00000080!important}body.theme-dark .dlg-upper{background:#131c31cc!important;border-bottom-color:#243556!important}body.theme-dark .dialogue-text{color:#f0f4f8!important}body.theme-dark .dialogue-footer{background:#0e1525f2!important;border-top-color:#243556!important}body.theme-dark .path-node{background:#131c31!important;border-color:#243556!important}body.theme-dark .path-node .hub-label{color:#f0f4f8!important}body.theme-dark .path-node.node-active{border-color:#f59e0b!important;background:linear-gradient(145deg,#241d13,#1f170c)!important;box-shadow:0 0 0 3px #f59e0b40,0 6px 20px #f59e0b33!important}body.theme-dark .path-node.node-active .hub-label{color:#f59e0b!important}body.theme-dark .path-node.node-completed{border-color:#4ca3a9!important;background:linear-gradient(145deg,#102325,#0b1a1c)!important}body.theme-dark .verb-main h4{color:#f0f4f8!important}body.theme-dark .verb-details p{color:#e2eaf8!important}body.theme-dark .verb-divider{background:linear-gradient(90deg,transparent,#243556,transparent)!important}body.theme-dark .drill-prompt{background:#18233c!important;border-left-color:#4ca3a9!important;color:#f0f4f8!important}body.theme-dark .duo-speech-bubble{background:#18233c!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .drill-prompt-text{color:#f0f4f8!important}body.theme-dark .quiz-option-btn,body.theme-dark .drill-option-btn,body.theme-dark .drill-opt-btn,body.theme-dark .match-item{background:#131c31!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .quiz-option-btn:hover:not(:disabled),body.theme-dark .drill-option-btn:hover:not(:disabled),body.theme-dark .drill-opt-btn:hover:not(:disabled),body.theme-dark .match-item:hover{background:#1b2844!important;border-color:#4ca3a9!important;color:#fff!important}body.theme-dark .quiz-option-btn.selected,body.theme-dark .drill-option-btn.selected,body.theme-dark .drill-opt-btn.selected,body.theme-dark .match-item.selected{border-color:#f59e0b!important;background:#281d0f!important;color:#f59e0b!important}body.theme-dark .quiz-option-btn.correct,body.theme-dark .drill-option-btn.correct,body.theme-dark .drill-opt-btn.drill-correct,body.theme-dark .match-item.correct{border-color:#4ca3a9!important;background:#0f2b2e!important;color:#38d4de!important}body.theme-dark .quiz-option-btn.wrong,body.theme-dark .drill-option-btn.wrong,body.theme-dark .drill-opt-btn.drill-wrong,body.theme-dark .match-item.incorrect{border-color:#f43f5e!important;background:#331219!important;color:#ff6b85!important}body.theme-dark .quiz-jp,body.theme-dark .quiz-question{color:#f0f4f8!important}body.theme-dark .quiz-vn{color:#4ca3a9!important;border-top-color:#4ca3a94d!important}body.theme-dark .hint-block{background:#251b0f!important;border-color:#f59e0b66!important;color:#f59e0b!important}body.theme-dark .duo-bottom-bar{background:#131c31!important;border-top-color:#243556!important}body.theme-dark #practice-explain{color:#f0f4f8!important}body.theme-dark .eval-msg-text,body.theme-dark .complete-congrats{color:#e2eaf8!important}body.theme-dark .achievement-card{background:#241c0e!important;border-color:#f59e0b!important;color:#f0f4f8!important}body.theme-dark .review-item{background:#18233c!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .admin-json-box{background:#131c31!important;border-color:#243556!important;color:#f0f4f8!important}body.theme-dark .admin-json-area{background:#0b101d!important;color:#f0f4f8!important;border-color:#243556!important}.dialogue-box,.jrpg-panel{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;z-index:10;border-top:3px solid #4ca3a9;border-left:3px solid #4ca3a9;border-right:3px solid #4ca3a9;border-radius:14px 14px 0 0;overflow:hidden;background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -6px 28px #1c4cb824}.dlg-upper{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:#ebf3fbb3;min-height:85px;position:relative;border-bottom:1px solid #d4e4f7}.dlg-portrait{width:68px;height:76px;border:2px solid #4ca3a9;background:#eef9f9;flex-shrink:0;image-rendering:pixelated;border-radius:8px;box-shadow:0 3px 10px #4ca3a933}.dlg-body{flex:1;min-width:0;padding-top:2px}.speaker-name{font-family:var(--pjs);color:#4ca3a9;font-size:.9rem;font-weight:800;margin-bottom:6px;letter-spacing:.3px}.dialogue-text{font-size:.97rem;color:#1a3a6e;line-height:1.65;font-family:var(--pjs);font-weight:500}.dialogue-translation{font-size:.83rem;color:#b45309;font-style:italic;margin-top:6px;line-height:1.45;border-top:1px dashed rgba(245,158,11,.4);padding-top:4px}.dlg-cursor{position:absolute;bottom:8px;right:12px;color:#4ca3a9;font-size:.85rem;animation:dlgBlink .9s ease-in-out infinite}@keyframes dlgBlink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.15;transform:translateY(3px)}}.dialogue-footer{background:#ebf3fbe6;border-top:1px solid #d4e4f7;display:flex;justify-content:flex-end;gap:8px;padding:8px 14px}.dialogue-btn{padding:5px 18px;font-size:.82rem;margin:0;border:1.5px solid #4ca3a9;color:#4ca3a9;background:#eef9f9;border-radius:8px;font-family:var(--pjs);font-weight:700;cursor:pointer;transition:all .15s ease}.dialogue-btn:hover{background:#4ca3a9;border-color:#4ca3a9;color:#fff;box-shadow:0 3px 10px #4ca3a940}.overlay-ui{position:absolute;top:0;left:0;width:100%;height:100%;background:#ebf3fbf5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:10;padding:clamp(10px,2.5vw,20px);text-align:center;overflow-y:auto;box-sizing:border-box}.menu-box{background:#fff;border:2px solid #d4e4f7;border-radius:18px;padding:30px;max-width:460px;width:100%;box-shadow:0 6px 28px #1c4cb824;margin:auto}.state-info{background:#ebf3ff;border:1px solid #c7d9f5;padding:10px;border-radius:10px;font-size:.9rem;font-family:var(--pjs);font-weight:600;margin-bottom:20px;color:#1c4cb8}.menu-actions{display:flex;flex-direction:column;gap:10px}#learning-hub-ui{text-align:center;--pjs: "Plus Jakarta Sans", "Be Vietnam Pro", sans-serif}#learning-hub-ui h2{font-family:var(--pjs);color:#1a3a6e;margin-bottom:8px;background:none;-webkit-text-fill-color:initial}.hub-path{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;max-width:700px;margin:16px auto 24px}.path-node{background:#fff;border:2.5px solid #e0eaf8;border-radius:16px;padding:16px 14px;min-width:118px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;box-shadow:0 3px 12px #1c4cb817}.path-node .hub-icon{font-size:1.9rem;transition:transform .2s ease}.path-node .hub-label{font-size:.83rem;font-weight:700;font-family:var(--pjs);color:#1a3a6e;line-height:1.3}.path-node .hub-label small{font-size:.7rem;color:#4ca3a9;font-weight:600}.path-node:hover:not(.node-locked){transform:translateY(-4px);border-color:#4ca3a9;box-shadow:0 8px 24px #4ca3a938}.path-node:hover:not(.node-locked) .hub-icon{transform:scale(1.15)}.path-node.node-active{border-color:#f59e0b;background:linear-gradient(145deg,#fff8eb,#fffbf0);box-shadow:0 0 0 3px #f59e0b2e,0 6px 20px #f59e0b26;transform:scale(1.05)}.path-node.node-active .hub-label{color:#b45309}.path-node.node-active .hub-label small{color:#f59e0b;font-weight:700}.path-node.node-completed{border-color:#4ca3a9;background:linear-gradient(145deg,#eef9f9,#f5fffe);box-shadow:0 2px 12px #4ca3a92e}.path-node.node-completed:after{content:"✓";position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#4ca3a9;color:#fff;border-radius:50%;font-size:.73rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #4ca3a966}.path-node.node-locked{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}.hub-arrow{font-size:1.2rem;color:#94a3b8;font-weight:900;-webkit-user-select:none;user-select:none;opacity:.8}.learning-header{width:100%;max-width:580px;margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e8f0fb;padding-bottom:10px;flex-shrink:0}.learning-header h2{margin:0;font-size:1.3rem;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;font-weight:700;color:#1a3a6e;background:none;-webkit-text-fill-color:initial}.learning-nav-indicator{display:flex;gap:8px}.nav-dot{width:30px;height:30px;border-radius:50%;background:#e8f0fb;border:2px solid #c7d9f5;color:#7a9cc5;display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;cursor:default;transition:all .25s ease}.nav-dot.active{background:#f59e0b;color:#fff;border-color:#f59e0b;box-shadow:0 3px 10px #f59e0b59;transform:scale(1.12)}.nav-dot.completed{background:#4ca3a9;color:#fff;border-color:#4ca3a9;box-shadow:0 2px 8px #4ca3a94d}#btn-back-to-hub{border:1.5px solid #4ca3a9;color:#4ca3a9;background:#4ca3a912;border-radius:8px;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;font-weight:600;transition:all .2s ease}#btn-back-to-hub:hover{background:#4ca3a9;color:#fff;box-shadow:0 3px 12px #4ca3a94d}.learning-step{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:580px;margin:auto 0;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.activity-desc{font-size:.93rem;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;color:#6b80a0;margin-bottom:15px}.flashcard-container{width:320px;height:195px;perspective:1000px;margin:14px 0 20px;cursor:pointer;filter:drop-shadow(0 8px 24px rgba(28,76,184,.13))}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.flashcard-front{background:linear-gradient(140deg,#1c4cb8,#3875cf 60%,#4ca3a9);border:none;box-shadow:0 10px 30px #1c4cb84d}.flashcard-back{background:linear-gradient(140deg,#f59e0b,#e8a020 60%,#cf9d4e);border:none;transform:rotateY(180deg);box-shadow:0 10px 30px #f59e0b4d}.fc-badge{font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;font-size:.72rem;padding:3px 10px;border-radius:20px;font-weight:700;letter-spacing:.4px}.flashcard-front .fc-badge{color:#fff;background:#ffffff38;border:1px solid rgba(255,255,255,.35)}.flashcard-back .fc-badge{color:#7a3f00;background:#ffffff59;border:1px solid rgba(255,255,255,.5)}.fc-jp{font-size:2.4rem;color:#fff;font-weight:800;font-family:var(--font-japanese),var(--font-body);text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:1px}.fc-romaji{font-size:.95rem;color:#ffffffd9;font-family:var(--font-body);font-weight:700;letter-spacing:.6px;margin-top:2px}.fc-en{font-size:1.85rem;color:#fff;font-weight:800;font-family:var(--font-body);text-shadow:0 1px 6px rgba(0,0,0,.2);letter-spacing:-.3px}.flip-hint{font-size:.75rem;color:#ffffffb3}#btn-fc-audio{background:#4ca3a926;border:1px solid var(--color-teal);color:var(--color-teal);border-radius:4px;transition:all .15s ease}#btn-fc-audio:hover{background:var(--color-teal);color:#0b1320}.step-counter{font-family:var(--font-heading);font-size:.9rem;color:var(--color-gold);font-weight:700}#btn-fc-next,#btn-verb-next{background:linear-gradient(135deg,var(--color-deep-blue),var(--color-sky-blue));border:1px solid var(--color-sky-blue);color:#fff;font-weight:700;box-shadow:0 4px 14px var(--glow-sky-blue);transition:all .2s ease}#btn-fc-next:hover,#btn-verb-next:hover{background:linear-gradient(135deg,var(--color-sky-blue),var(--color-teal));border-color:var(--color-teal);transform:translateY(-2px);box-shadow:0 6px 18px var(--glow-teal)}.verb-card{width:100%;max-width:380px;margin:15px 0 22px;text-align:left;background:#fff;border:1.5px solid #d4e4f7;border-top:4px solid #1c4cb8;border-radius:14px;padding:18px;box-shadow:0 4px 18px #1c4cb81f}.verb-main h4{font-size:2.1rem;color:#1a3a6e;font-weight:800;font-family:var(--font-japanese),var(--font-body)}.verb-jp-sub{font-size:.85rem;color:#4ca3a9;font-family:var(--pjs);font-weight:700;margin-bottom:4px}.verb-divider{height:1px;background:linear-gradient(90deg,transparent,#d4e4f7,transparent);margin:14px 0}.verb-details p{font-size:1rem;margin:8px 0;display:flex;justify-content:space-between;color:#1a3a6e}.verb-details .v-en-highlight{color:#f59e0b;font-weight:700}.verb-details .v-conj-highlight{color:#4ca3a9;font-weight:700}#btn-verb-audio{background:#ebf3ff;border:1.5px solid #1c4cb8;color:#1c4cb8;border-radius:8px;font-family:var(--pjs);font-weight:600;transition:all .15s ease}#btn-verb-audio:hover{background:#1c4cb8;color:#fff}#learning-verb-drill{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:540px;margin:auto 0}.drill-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:540px;margin-bottom:2px}.drill-prompt{font-size:1.02rem;font-family:var(--pjs);font-weight:600;color:#1a3a6e;margin:12px 0 16px;line-height:1.55;background:#ebf3ff;padding:10px 16px;border-radius:10px;border-left:4px solid #4ca3a9}.drill-options{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:100%;margin:0 auto}.drill-option-btn,.drill-opt-btn{width:100%;margin:0;background:#fff;border:2px solid #d4e4f7;color:#1a3a6e;padding:12px 16px;border-radius:12px;font-size:1.12rem;font-family:var(--font-japanese),var(--pjs);font-weight:700;cursor:pointer;transition:all .18s ease;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;box-sizing:border-box;box-shadow:0 2px 8px #1c4cb812}.drill-option-btn:hover:not(:disabled),.drill-opt-btn:hover:not(:disabled){border-color:#4ca3a9;background:#eef9f9;transform:translateY(-1px);box-shadow:0 4px 14px #4ca3a933}.drill-option-btn.selected,.drill-opt-btn.selected{border-color:#f59e0b;background:#fff8eb;color:#92400e;box-shadow:0 4px 14px #f59e0b33}.drill-option-btn.correct,.drill-opt-btn.drill-correct{border-color:#4ca3a9!important;background:#eef9f9!important;color:#0f6c72!important;font-weight:700;box-shadow:0 3px 12px #4ca3a933!important}.drill-option-btn.wrong,.drill-opt-btn.drill-wrong{border-color:#f43f5e!important;background:#fff1f3!important;color:#be123c!important}.matching-container{display:flex;justify-content:space-between;width:100%;max-width:460px;gap:16px;margin:15px 0}.match-column{display:flex;flex-direction:column;gap:10px;flex:1}.match-item{background:#fff;border:2px solid #d4e4f7;padding:12px;border-radius:10px;font-size:1.05rem;font-family:var(--font-japanese),var(--pjs);color:#1a3a6e;cursor:pointer;transition:all .18s ease;text-align:center;box-shadow:0 2px 8px #1c4cb812;font-weight:600}#match-jp-col .match-item{border-left:3px solid #4ca3a9}#match-en-col .match-item{border-right:3px solid #F59E0B}.match-item:hover{border-color:#3875cf;background:#ebf3ff;transform:translateY(-1px);box-shadow:0 4px 12px #3875cf26}.match-item.selected{border-color:#f59e0b;background:#fff8eb;box-shadow:0 4px 14px #f59e0b33;font-weight:700;color:#92400e}.match-item.correct{border-color:#4ca3a9!important;background:#eef9f9!important;color:#0f6c72!important;cursor:default;box-shadow:0 2px 10px #4ca3a933}.match-item.incorrect{border-color:#f43f5e!important;background:#fff1f3!important;color:#be123c!important;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.match-feedback{font-family:var(--pjs);font-size:.95rem;font-weight:700;color:#f59e0b}.study-complete-graphic{font-size:5rem;margin:15px 0;animation:pulse 2s infinite;filter:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}#btn-finish-learning{background:linear-gradient(135deg,#4ca3a9,#f59e0b);border:none;color:#fff;font-weight:800;box-shadow:0 4px 18px #f59e0b40;transition:all .2s ease}#btn-finish-learning:hover{transform:translateY(-2px);box-shadow:0 6px 22px #f59e0b59}.learning-progress-bar-wrap{width:100%;max-width:580px;margin:0 auto 14px;height:7px;background:#e8f0fb;border-radius:6px;overflow:hidden;border:1px solid #d4e4f7;flex-shrink:0}.learning-progress-fill{height:100%;background:linear-gradient(90deg,#1c4cb8,#3875cf,#4ca3a9);border-radius:6px;transition:width .5s ease;width:0%}.practice-progress-bar-wrap{width:100%;height:7px;background:#e8f0fb;flex-shrink:0;border-bottom:1px solid #d4e4f7}.practice-progress-fill{height:100%;background:linear-gradient(90deg,#1c4cb8,#3875cf,#4ca3a9);transition:width .4s ease;width:0%;border-radius:0 4px 4px 0}.quiz-jp{font-size:1.35rem;font-family:var(--font-japanese),var(--font-body);color:#1a3a6e;margin-bottom:2px;line-height:2.4;font-weight:600;padding-top:14px}.quiz-jp ruby{position:relative;display:inline-block;margin:0 2px;font-family:var(--font-japanese),var(--font-body);cursor:pointer;padding:1px 4px;border-radius:6px;transition:background .15s ease,transform .15s ease}.quiz-jp ruby:hover{background:#1c4cb814;transform:translateY(-1px)}.quiz-jp rt{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(3px);white-space:nowrap;font-size:.74rem;font-family:var(--font-body);letter-spacing:.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;line-height:1;padding-bottom:2px}.quiz-jp ruby:hover rt,.quiz-jp.show-all-romaji rt{opacity:1;transform:translate(-50%) translateY(0)}.ruby-word.rw-1,.ruby-word.rw-1 rt{color:#1c7abf}.ruby-word.rw-2,.ruby-word.rw-2 rt{color:#b45309}.ruby-word.rw-3,.ruby-word.rw-3 rt{color:#1c4cb8}.ruby-part,.ruby-part rt{color:#8fa3bf}.ruby-plain,.ruby-plain rt{color:#4a6596}.quiz-romaji{display:none!important}.quiz-vn{font-size:.87rem;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;color:#4ca3a9;font-style:italic;margin-top:5px;padding-top:4px;border-top:1px dashed rgba(76,163,169,.3)}.quiz-question{font-size:.98rem;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;font-weight:600;color:#1a3a6e;line-height:2.1;padding-top:6px}.quiz-question ruby{position:relative;display:inline-block;margin:0 3px;font-family:var(--font-japanese),var(--font-body);font-weight:700;color:#1c7abf;cursor:pointer;padding:0 4px;border-radius:4px;transition:background .15s ease}.quiz-question ruby:hover{background:#1c4cb814}.quiz-question rt{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);white-space:nowrap;font-size:.72rem;font-family:var(--font-body);font-weight:700;color:#b45309;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;line-height:1;padding-bottom:2px}.quiz-question ruby:hover rt,#practice-ui.show-hints .quiz-question rt,.show-hints .quiz-question rt{opacity:1;transform:translate(-50%) translateY(0)}body.theme-dark .quiz-question{color:#f0f4f8!important}body.theme-dark .quiz-question ruby{color:#38d4de!important}body.theme-dark .quiz-question rt{color:#fbbf24!important}body.theme-dark .quiz-question ruby:hover{background:#38d4de1f!important}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 12px;width:100%}.quiz-option-btn{width:100%;padding:10px 12px;background:#fff;border:2.5px solid #d4e4f7;color:#1a3a6e;font-family:var(--font-japanese),"Plus Jakarta Sans","Be Vietnam Pro",sans-serif;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;text-align:center;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;gap:3px;box-shadow:0 2px 8px #1c4cb812}.quiz-option-btn .opt-main{font-size:1rem;line-height:1.3}.quiz-option-btn .opt-romaji{display:none;font-size:.8rem;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;color:#b45309;font-weight:700;letter-spacing:.5px;margin-top:3px;background:#f59e0b1a;padding:2px 10px;border-radius:20px;border:1px solid rgba(245,158,11,.3)}#practice-ui.show-hints .quiz-option-btn .opt-romaji,#quiz-options.show-hints .quiz-option-btn .opt-romaji,.show-hints .quiz-option-btn .opt-romaji,.show-hints .opt-romaji{display:inline-block!important}.quiz-option-btn:hover{border-color:#3875cf;background:#ebf3ff;box-shadow:0 4px 14px #3875cf26;transform:translateY(-1px)}.quiz-option-btn.selected{border-color:#f59e0b;background:linear-gradient(135deg,#fff8eb,#fffbf5);color:#92400e;box-shadow:0 4px 16px #f59e0b33}.quiz-option-btn.correct{border-color:#4ca3a9!important;background:#eef9f9!important;color:#0f6c72!important;font-weight:700;box-shadow:0 3px 12px #4ca3a933!important}.quiz-option-btn.wrong{border-color:#f43f5e!important;background:#fff1f3!important;color:#be123c!important}.hint-bar{display:flex;flex-direction:column;gap:5px;padding:4px 12px}.hint-block{background:#fff8eb;border:1.5px solid rgba(245,158,11,.35);border-radius:10px;padding:9px 13px;font-size:.88rem;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;color:#92400e;line-height:1.55;text-align:left}.duo-bottom-bar{display:flex;align-items:center;padding:10px 16px;border-top:1.5px solid #e8f0fb;background:#f5f9ff;gap:10px;min-height:54px;width:100%;margin-top:auto;position:sticky;bottom:0;z-index:10}.duo-bottom-bar.correct{background:#eef9f9;border-top-color:#4ca3a966}.duo-bottom-bar.wrong{background:#fff1f3;border-top-color:#f43f5e4d}.duo-btn{padding:9px 22px;border:none;border-radius:10px;font-family:Plus Jakarta Sans,Be Vietnam Pro,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.duo-btn:disabled{opacity:.35;cursor:default}.duo-btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06)}.duo-btn-primary{background:linear-gradient(135deg,#1c4cb8,#3875cf);color:#fff;box-shadow:0 4px 14px #1c4cb84d}.duo-btn-success{background:#4ca3a9;color:#fff;font-weight:700;box-shadow:0 4px 14px #4ca3a94d}.duo-btn-danger{background:#f43f5e;color:#fff;box-shadow:0 4px 14px #f43f5e40}.eval-box{max-width:480px;width:100%}.eval-score-text{font-size:1.9rem;font-family:var(--pjs);font-weight:800;color:#f59e0b;margin:10px 0}.eval-msg-text{font-size:1.05rem;font-family:var(--pjs);color:#1a3a6e;margin-bottom:15px}.complete-box{max-width:520px;width:100%;border-color:#4ca3a9;box-shadow:0 6px 24px #4ca3a92e}.train-badge{font-size:4rem;margin:15px 0;animation:trainMove 4s ease-in-out infinite;filter:none}@keyframes trainMove{0%{transform:translate(-10px)}50%{transform:translate(10px)}to{transform:translate(-10px)}}.complete-congrats{font-size:1.15rem;font-family:var(--pjs);color:#1a3a6e;line-height:1.6;margin-bottom:20px}.achievement-card{background:#fff8eb;border:1.5px solid rgba(245,158,11,.4);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:15px;text-align:left;margin-bottom:15px}.ach-icon{font-size:2rem}.review-list{width:100%;max-height:160px;overflow-y:auto;margin:12px 0}.review-item{background:#ebf3ff;border:1px solid #c7d9f5;border-radius:8px;padding:8px 12px;margin-bottom:8px;font-size:.9rem;text-align:left;color:#1a3a6e;font-family:var(--pjs)}.text-pink{color:var(--neon-pink)}.text-cyan{color:var(--neon-cyan)}.neon-text-pink{color:var(--neon-pink);font-weight:600}.neon-text-cyan{color:var(--neon-cyan);font-weight:600}.select-desc{font-size:1rem;color:var(--text-muted);margin-bottom:20px}.travel-animation{font-size:3rem;margin:25px 0;letter-spacing:15px;height:60px;display:flex;justify-content:center;align-items:center}#lighting-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.jrpg-choices{display:flex;flex-direction:column}.jrpg-choice{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(75,189,214,.1);padding:10px 20px;text-align:left;font-size:.97rem;color:#d0d8f0;cursor:pointer;font-family:var(--font-body);font-weight:500;display:flex;align-items:center;gap:10px;transition:background .12s;letter-spacing:.2px}.jrpg-choice:hover{background:#4bbdd629;color:#fff}.jrpg-choice-cursor{color:#4bbdd6;font-size:.75rem;width:12px;flex-shrink:0}.jrpg-choice-num{color:#4bbdd6;font-family:var(--font-heading);font-size:.82rem;min-width:22px;flex-shrink:0}.jrpg-progress{padding:5px 20px;font-family:var(--font-heading);font-size:.75rem;color:#4bbdd699;background:#0a122699;border-top:1px solid rgba(75,189,214,.1);text-align:right}.menu-desc{font-size:.95rem;color:var(--text-muted);margin:15px 0}.learning-actions{display:flex;align-items:center;gap:20px}.verb-main{display:flex;justify-content:space-between;align-items:center}.verb-main-text{display:flex;flex-direction:column;gap:2px}.quiz-instruction{font-size:.95rem;color:var(--text-muted);margin-bottom:15px}.quiz-box{width:100%;max-width:480px}.quiz-progress{font-family:var(--font-heading);color:var(--neon-gold);font-size:1rem}ruby{display:inline-flex;flex-direction:column-reverse;align-items:center}rt{font-size:.6em;color:var(--neon-gold);line-height:1.1}.jp-word-tag{display:inline-block;color:var(--neon-cyan);border-bottom:1px dashed var(--neon-cyan);cursor:pointer;font-weight:600;transition:color .15s,background .15s;padding:0 2px;border-radius:2px}.jp-word-tag:hover,.jp-word-tag.active{background:#00f0ff1f;color:#fff}.hub-icon{font-size:1.8rem}.hub-label{font-family:var(--font-heading);font-size:.78rem;line-height:1.4;color:var(--text-muted)}.hub-actions{display:flex;gap:12px;justify-content:center}.drill-opt-btn{width:100%;margin:0;padding:11px 16px;font-size:1.15rem;font-family:var(--font-japanese),var(--font-heading);font-weight:700;border:2px solid var(--border-color);border-radius:10px;background:#181d28;color:#fff;cursor:pointer;transition:all .15s;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;box-sizing:border-box}.drill-opt-btn:hover:not(:disabled){border-color:var(--neon-cyan);background:#00f0ff1a;transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff33}.drill-opt-btn.drill-correct{border-color:var(--neon-green)!important;background:#39ff1426!important;color:var(--neon-green)}.drill-opt-btn.drill-wrong{border-color:var(--neon-red)!important;background:#ff336626!important;color:var(--neon-red)}.drill-prompt-text{font-size:.98rem;color:#fff;line-height:1.5;margin:0;text-align:left}.verb-drill-box{width:100%;max-width:540px;margin:8px auto;padding:16px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.duo-panel{border-radius:20px}.navichan-speech-container{display:flex;align-items:center;gap:14px;margin-bottom:16px;width:100%}.navichan-avatar-circle{width:54px;height:54px;min-width:54px;background:#1c2333;border:2px solid var(--neon-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 0 12px #ff007f66;flex-shrink:0}.duo-speech-bubble{background:#1c2333;border:2px solid var(--border-color);padding:12px 18px;border-radius:18px 18px 18px 4px;position:relative;font-size:1.02rem;color:var(--text-main);box-shadow:0 4px 10px #0000004d;flex:1;display:flex;align-items:center}.duo-speech-bubble:before{content:"";position:absolute;bottom:0;left:-12px;width:0;height:0;border-top:10px solid transparent;border-right:12px solid var(--border-color);border-bottom:0 solid transparent}.duo-speech-bubble:after{content:"";position:absolute;bottom:2px;left:-9px;width:0;height:0;border-top:8px solid transparent;border-right:10px solid #1c2333;border-bottom:0 solid transparent}.duo-options-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:100%;margin:0 auto}.duo-feedback-content{display:flex;align-items:center;gap:10px;flex:1}.duo-feedback-icon{font-size:1.4rem}.duo-feedback-text{font-size:.88rem;flex:1;text-align:left}.speed-setting-box{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;padding:12px 15px;text-align:left;margin:15px 0}.speed-label{font-family:var(--font-heading);color:var(--neon-cyan);font-size:.95rem;display:block;margin-bottom:8px}.speed-btn-group{display:flex;gap:8px}.speed-option-btn{flex:1;padding:8px 10px;font-size:.85rem;font-family:var(--font-heading);background:#181d28;border:1.5px solid var(--border-color);color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.speed-option-btn:hover{border-color:var(--neon-cyan);color:#fff}.speed-option-btn.active{background:#00f0ff26;border-color:var(--neon-cyan);color:var(--neon-cyan);font-weight:700;box-shadow:0 0 10px #00f0ff4d}.voice-select-dropdown{width:100%;background:#10141e;border:1.5px solid var(--border-color);color:var(--neon-cyan);padding:8px 12px;border-radius:8px;font-family:var(--font-heading);font-size:.85rem;outline:none;cursor:pointer}.voice-select-dropdown:focus{border-color:var(--neon-pink);box-shadow:0 0 8px #ff007f4d}.voice-pitch-btn{flex:1;padding:6px 10px;background:#141824;border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease}.voice-pitch-btn:hover{border-color:var(--neon-pink);color:#fff}.voice-pitch-btn.active{background:#ff007f26;border-color:var(--neon-pink);color:var(--neon-pink);font-weight:700;box-shadow:0 0 10px #ff007f4d}.admin-mode-badge{position:fixed;top:14px;left:50%;transform:translate(-50%);background:#ff0055e6;color:#fff;font-family:var(--font-heading),"Orbitron",sans-serif;font-size:.82rem;font-weight:700;letter-spacing:1px;padding:5px 18px;border-radius:20px;border:1px solid #ff3366;box-shadow:0 0 16px #f059;z-index:10000;pointer-events:none;animation:pulse-badge 1.8s infinite ease-in-out}@keyframes pulse-badge{0%,to{opacity:.9;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.04)}}.admin-toolbar-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#0d1424f0;border:1.5px solid var(--neon-blue);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;z-index:9999;box-shadow:0 10px 30px #0009,0 0 18px #00f0ff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:95vw}.admin-toolbar-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.admin-title{font-family:var(--font-heading),"Orbitron",sans-serif;font-size:.88rem;font-weight:700;color:var(--neon-blue);letter-spacing:.5px}.admin-info-badge{font-family:Rajdhani,sans-serif;font-size:.8rem;color:gold;background:#ffd7001f;border:1px solid rgba(255,215,0,.3);padding:2px 8px;border-radius:4px}.admin-toolbar-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.admin-btn{background:#141f36;border:1px solid rgba(0,240,255,.3);color:#d0e4ff;font-family:var(--font-heading),"Rajdhani",sans-serif;font-size:.82rem;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.admin-btn:hover:not(:disabled){background:#00f0ff33;border-color:var(--neon-blue);color:#fff;transform:translateY(-1px)}.admin-btn.active{background:var(--neon-blue);color:#0d1424;font-weight:700;border-color:#fff;box-shadow:0 0 12px var(--neon-blue)}.admin-btn-danger{border-color:#ff323266;color:#f88}.admin-btn-danger:hover:not(:disabled){background:#ff323240!important;border-color:#f34!important;color:#fff!important}.admin-btn-close{background:#2a1b24;border-color:#ff649666;color:#f9b}.admin-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.admin-layer-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.12)}.admin-layer-label{font-family:var(--font-heading),"Rajdhani",sans-serif;font-size:.8rem;font-weight:700;color:gold;letter-spacing:.5px}.admin-layer-group{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;background:#0d1629}.admin-layer-btn{border-radius:0;border:none;border-right:1px solid rgba(255,255,255,.1);padding:4px 8px;font-size:.78rem;background:#101a2e}.admin-layer-btn:not(.active){opacity:.5;background:#090e1a;color:#89a;text-decoration:line-through}.admin-layer-btn.active{background:#00f0ff38;color:#fff;font-weight:600}.admin-lock-btn{border-radius:0;border:none;padding:4px 7px;font-size:.78rem;background:#141f36}.admin-lock-btn.locked{background:#4a1d1d!important;color:#f99!important;border-left:1px solid #ff3344!important;box-shadow:inset 0 0 6px #ff323299}.admin-json-box{background:#0e1526;border:1.5px solid var(--neon-blue);border-radius:12px;padding:24px;max-width:580px;width:90%;box-shadow:0 15px 40px #000000b3,0 0 25px #00f0ff33}.admin-json-area{width:100%;background:#090e1a;border:1px solid rgba(0,240,255,.3);border-radius:8px;padding:12px;color:#79f7ff;font-family:Consolas,monospace;font-size:.82rem;line-height:1.45;resize:vertical;outline:none}.admin-json-area:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #00f0ff4d}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-sidebar-panel{position:fixed;left:16px;top:16px;bottom:85px;width:290px;max-width:calc(100vw - 32px);background:#0a101ef0;border:1.5px solid var(--neon-blue);border-radius:12px;box-shadow:0 10px 30px #000000b3,0 0 18px #00f0ff38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9998;display:flex;flex-direction:column;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s ease}.admin-sidebar-panel.collapsed{width:44px}.admin-sidebar-panel.collapsed .admin-sidebar-title,.admin-sidebar-panel.collapsed .admin-sidebar-tabs,.admin-sidebar-panel.collapsed .admin-sidebar-batch,.admin-sidebar-panel.collapsed .admin-sidebar-list{display:none!important}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(0,240,255,.2);background:#00f0ff0d}.admin-sidebar-title{font-family:var(--font-heading),"Orbitron",sans-serif;font-size:.84rem;font-weight:700;color:var(--neon-blue);letter-spacing:.5px}.admin-sidebar-collapse-btn{background:#141f36;border:1px solid rgba(0,240,255,.3);color:#fff;border-radius:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .15s ease}.admin-sidebar-collapse-btn:hover{background:var(--neon-blue);color:#000}.admin-sidebar-tabs{display:flex;padding:6px 8px;gap:4px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08)}.admin-tab-btn{flex:1;background:transparent;border:1px solid transparent;color:#8fa4c4;font-family:var(--font-heading),"Rajdhani",sans-serif;font-size:.76rem;padding:5px 2px;border-radius:4px;cursor:pointer;text-align:center;transition:all .15s ease}.admin-tab-btn:hover{color:#fff;background:#ffffff0f}.admin-tab-btn.active{background:#00f0ff2e;border-color:#00f0ff66;color:#00f0ff;font-weight:700}.admin-sidebar-batch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026}.admin-batch-btn{background:#111a2e;border:1px solid rgba(255,255,255,.12);color:#c0d4f0;font-family:Rajdhani,sans-serif;font-size:.74rem;padding:3px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease}.admin-batch-btn:hover{background:#00f0ff33;border-color:var(--neon-blue);color:#fff}.admin-sidebar-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.admin-sidebar-list::-webkit-scrollbar{width:5px}.admin-sidebar-list::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:3px}.admin-layer-row-item{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#0d1527;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.admin-layer-row-item:hover{background:#15223e;border-color:#00f0ff59}.admin-layer-row-item.selected{background:#00f0ff2e;border-color:var(--neon-blue);box-shadow:0 0 8px #00f0ff59}.admin-layer-row-item.hidden-item{opacity:.45;background:#080c16}.admin-layer-row-item.locked-item{border-color:#ff50504d}.admin-item-toggle-btn{background:transparent;border:none;font-size:.85rem;cursor:pointer;padding:0 2px;opacity:.75;transition:transform .1s ease,opacity .1s ease}.admin-item-toggle-btn:hover{opacity:1;transform:scale(1.18)}.admin-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.admin-item-name{font-family:var(--font-heading),"Rajdhani",sans-serif;font-size:.8rem;font-weight:600;color:#e0eeff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-layer-row-item.selected .admin-item-name{color:#fff;font-weight:700}.admin-item-meta{font-size:.68rem;color:#7b93b5;font-family:Consolas,monospace}.admin-item-del-btn{background:transparent;border:none;font-size:.78rem;opacity:.3;cursor:pointer;padding:2px;transition:opacity .15s ease}.admin-layer-row-item:hover .admin-item-del-btn{opacity:.8}.admin-item-del-btn:hover{opacity:1!important;transform:scale(1.15)}.ai-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:radial-gradient(circle at center,#101c3af5,#080e1efa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),visibility .5s}.ai-loading-overlay.hidden{display:none!important}.quiz-blank-slot,ruby.rw-blank{background:#f59e0b2e;border:1.5px dashed var(--color-gold, #F59E0B);color:var(--color-gold, #F59E0B)!important;padding:1px 8px;border-radius:6px;font-weight:800;font-family:var(--font-japanese),sans-serif;display:inline-block;margin:0 4px;animation:blank-pulse 2s ease-in-out infinite}@keyframes blank-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1;border-color:#ffbe3b}}.ai-loading-overlay.fade-out{opacity:0;transform:scale(1.03);visibility:hidden;pointer-events:none}.ai-loading-card{width:90%;max-width:480px;background:#ffffff0d;border:1px solid rgba(76,163,169,.35);border-radius:24px;padding:36px 28px;text-align:center;box-shadow:0 20px 60px #0009,0 0 40px #4ca3a926;position:relative;overflow:hidden}.ai-loading-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(56,117,207,.12),transparent 30%);animation:ai-rotate-glow 6s linear infinite;pointer-events:none}@keyframes ai-rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-loading-logo-wrap{position:relative;width:84px;height:84px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.ai-loading-pulse-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--color-teal, #4ca3a9);animation:ai-pulse-ring 2s cubic-bezier(.25,.46,.45,.94) infinite;opacity:.7}@keyframes ai-pulse-ring{0%{transform:scale(.85);opacity:.9}50%{transform:scale(1.15);opacity:.3}to{transform:scale(.85);opacity:.9}}.ai-loading-icon{font-size:2.6rem;filter:drop-shadow(0 0 12px rgba(255,120,180,.6));animation:ai-float 2.5s ease-in-out infinite}@keyframes ai-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ai-loading-title{font-family:"Orbitron",var(--font-heading),sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:3px;color:#fff;text-shadow:0 0 20px rgba(56,117,207,.8),0 2px 4px rgba(0,0,0,.5);margin-bottom:6px}.ai-loading-chapter{font-family:var(--font-heading),sans-serif;font-size:.95rem;font-weight:600;color:var(--color-teal, #4ca3a9);margin-bottom:24px}.ai-loading-bar-wrap{width:100%;height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:18px;border:1px solid rgba(255,255,255,.08)}.ai-loading-bar-fill{height:100%;width:10%;background:linear-gradient(90deg,#1c4cb8,#3875cf,#4ca3a9,#f59e0b);border-radius:999px;transition:width .35s ease;box-shadow:0 0 16px #4ca3a9cc}.ai-loading-status-wrap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;margin-bottom:6px}.ai-loading-status-text{font-family:var(--font-body),sans-serif;font-size:.92rem;font-weight:600;color:#e2eafc;margin:0}.ai-loading-spinner-dots{display:flex;gap:4px}.ai-loading-spinner-dots span{width:6px;height:6px;background:var(--color-teal, #4ca3a9);border-radius:50%;animation:ai-dot-bounce 1.4s ease-in-out infinite both}.ai-loading-spinner-dots span:nth-child(1){animation-delay:-.32s}.ai-loading-spinner-dots span:nth-child(2){animation-delay:-.16s}.ai-loading-spinner-dots span:nth-child(3){animation-delay:0s}@keyframes ai-dot-bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.ai-loading-subtext{font-family:var(--font-body),sans-serif;font-size:.78rem;color:#8da4c4;margin:0}