:root{--primary-color:#6200ea}.kanji-card{cursor:pointer;transition:all .3s ease;border-radius:12px;border:2px solid #f8f9fa}.kanji-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#6200ea}.kanji-main{font-size:4rem;font-weight:700;color:#6200ea;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.kanji-hiragana{font-size:1.25rem;color:#007bff;font-weight:500}.kanji-romaji{font-size:1rem;color:#6c757d;font-style:italic}.kanji-vietnamese{font-size:1.1rem;font-weight:500;color:#28a745}.kanji-word-count{margin-top:auto}.kanji-card-footer{font-size:.9rem;color:#6c757d}.kanji-detail-modal .modal-header{background:linear-gradient(135deg,#6200ea,#9c27b0);color:white;border-bottom:none}.kanji-detail-modal .modal-title{font-weight:600}.kanji-detail-main{font-size:5rem;font-weight:700;color:#6200ea;text-shadow:3px 3px 6px rgba(0,0,0,.1);text-align:center}.kanji-detail-info{background:#f8f9fa;border-radius:10px;padding:20px;margin:20px 0}.kanji-detail-hiragana{font-size:1.5rem;color:#007bff;font-weight:600}.kanji-detail-romaji{font-size:1.2rem;color:#6c757d;font-style:italic}.kanji-detail-vietnamese{font-size:1.3rem;font-weight:600;color:#28a745}.kanji-words-section{margin-top:30px}.kanji-word-item{background:white;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.kanji-word-item:hover{border-color:#6200ea;box-shadow:0 4px 12px rgba(98,0,234,.1)}.kanji-word-main{font-size:1.4rem;font-weight:700;color:#6200ea}.kanji-word-hiragana{font-size:1.1rem;color:#007bff;font-weight:500}.kanji-word-romaji{font-size:1rem;color:#6c757d;font-style:italic}.kanji-word-vietnamese{font-size:1.1rem;font-weight:500;color:#28a745}.kanji-example-section{background:#e8f5e9;border-left:4px solid #28a745;border-radius:0 8px 8px 0;padding:15px;margin-top:15px}.kanji-example-jp{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:5px}.kanji-example-hiragana{font-size:1rem;color:#007bff;margin-bottom:5px}.kanji-example-romaji{font-size:.95rem;color:#6c757d;font-style:italic;margin-bottom:8px}.kanji-example-vietnamese{font-size:1rem;font-weight:500;color:#28a745}.kanji-sidebar{position:sticky;top:64px;align-self:flex-start;height:calc(100vh - 64px);width:280px;padding:20px 0;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;z-index:10}.kanji-sidebar h1{color:#6200ea;font-weight:700;font-size:1.5rem;margin-bottom:30px;padding:0 20px}.kanji-nav{list-style:none;padding:0 20px;margin:0}.kanji-nav-item{margin-bottom:8px}.kanji-nav-link{display:flex;align-items:center;padding:12px 15px;color:#333;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;border:2px solid transparent}.kanji-nav-link:hover{background:var(--primary-color)!important;color:#ffffff!important}.kanji-nav-link:hover .kanji-nav-lesson-title{color:#fff!important}.kanji-nav-link.active{background:#6200ea;color:#fff;border-color:#6200ea}.kanji-nav-kanji{font-size:1.5rem;font-weight:700;margin-right:12px;min-width:30px}.kanji-nav-info{flex:1}.kanji-nav-hiragana{font-size:.9rem;color:inherit;opacity:.8}.kanji-nav-vietnamese{font-size:.85rem;color:inherit;opacity:.7;margin-top:2px}.kanji-nav-lesson-title{font-size:1.1rem;font-weight:600;color:var(--bs-dark);margin-bottom:.25rem}.kanji-nav-coming-soon{font-style:italic;opacity:.7}.kanji-nav-link:disabled{opacity:.6;cursor:not-allowed}.kanji-nav-link:disabled:hover{background-color:transparent!important}.kanji-toggle{display:none}@media (max-width:768px){.kanji-sidebar{display:none}.kanji-toggle{top:64px;left:0;right:0;z-index:1010;align-items:center;width:100%;padding:12px 16px;border-bottom:1px solid #e0e0e0;background:#fff;font-weight:600;font-size:1.25rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.02)}.kanji-mobile-overlay,.kanji-toggle{position:fixed;display:flex;justify-content:center}.kanji-mobile-overlay{inset:0;width:100vw;height:100vh;z-index:2000;background:rgba(32,32,32,.93);align-items:start;animation:fadeIn .2s}.kanji-mobile-content{width:100vw;max-width:100vw;min-height:100vh;background:#fff;box-shadow:0 8px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;padding-bottom:30px;animation:fadeInUp .3s}.kanji-mobile-header{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:700;padding:18px 20px;border-bottom:1px solid #e0e0e0}.kanji-mobile-close{font-size:2rem;background:none;border:none;color:#6200ea;cursor:pointer;margin-left:10px;line-height:1;padding:0 6px;transition:color .15s}.kanji-mobile-close:hover{color:#222}.kanji-mobile-content .kanji-nav{padding:16px 12px}.kanji-mobile-content .kanji-nav-link{font-size:1.1rem;padding:16px 18px;border-radius:8px;margin-bottom:6px}.kanji-mobile-content .kanji-nav-link.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;font-weight:600;box-shadow:0 2px 8px rgba(98,0,234,.1);border-left:4px solid #fff}.kanji-mobile-content .kanji-nav-link.active .kanji-nav-lesson-title{color:#fff!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kanji-layout{display:flex;gap:30px;max-width:100%;margin:0 auto}.kanji-main{flex:1;min-width:0;max-width:100%;padding:0 15px}.min-vh-50{min-height:50vh}@media (max-width:768px){.kanji-layout{flex-direction:column;gap:0}.kanji-main{padding:20px 15px;margin-top:60px}}.kanji-page-header{background:linear-gradient(135deg,#6200ea,#9c27b0);color:white;padding:40px 0;margin-bottom:40px;border-radius:15px;text-align:center}.kanji-page-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.kanji-page-subtitle{font-size:1.2rem;opacity:.9}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:30px}@media (max-width:768px){.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.kanji-page-title{font-size:2rem}.kanji-page-subtitle{font-size:1.1rem}}.kanji-detail-modal{z-index:1055}