:root{--primary-green:#198754;--secondary-yellow:#ffc107;--text-dark:#212529;--text-light:#6c757d;--bg-light:#fff;--bg-dark:#f8f9fa;--border-color:#dee2e6;--shadow-color:rgba(0,0,0,.1)}[data-theme=dark]{--text-dark:#f8f9fa;--text-light:#adb5bd;--bg-light:#212529;--bg-dark:#343a40;--border-color:#495057;--shadow-color:hsla(0,0%,100%,.1)}body{background-color:var(--bg-light);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.navbar-brand img{height:40px;width:auto}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.85);transition:color .3s ease}.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.navbar-dark .navbar-nav .nav-link.active{color:#fff;font-weight:500}.hero-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:60vh}.min-vh-50{min-height:50vh}.card{border:none;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.border-success{border:1px solid rgba(25,135,84,.2)!important}.btn-success{background-color:var(--primary-green);border-color:var(--primary-green)}.btn-success:hover{background-color:#157347;border-color:#146c43}.btn-outline-success{border-color:var(--primary-green);color:var(--primary-green)}.btn-outline-success:hover{background-color:var(--primary-green);border-color:var(--primary-green)}.theme-toggle{background:var(--primary-green);border:none;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-size:1.2rem;top:20px;z-index:1050}.theme-toggle:hover{background:#157347;box-shadow:0 6px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.theme-toggle:focus{outline:2px solid #ffc107;outline-offset:2px}[data-theme=dark] .theme-toggle{background:#ffc107;color:#212529}[data-theme=dark] .theme-toggle:hover{background:#ffca2c}@media (max-width:768px){.theme-toggle{font-size:1.1rem;height:45px;right:15px;top:15px;width:45px}}.nko-text{direction:rtl;text-align:right}footer{background-color:#212529!important}footer a:hover{color:#fff!important}@media (max-width:768px){.hero-section{padding-top:2rem}.display-4{font-size:2.5rem}}.page-content{padding:4rem 0}.page-header{background-color:var(--primary-green);color:#fff;margin-bottom:3rem;padding:3rem 0}.table-bordered,.table-bordered td,.table-bordered th{border-color:#dee2e6}.alphabet-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:2rem 0}.alphabet-item{border:1px solid #dee2e6;border-radius:.25rem;padding:1rem;text-align:center;transition:all .3s ease}.alphabet-item:hover{background-color:#f8f9fa;border-color:var(--primary-green)}.audio-player{background-color:#f8f9fa;border-radius:.25rem;margin:1rem 0;padding:1rem}.book-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:2rem 0}.book-item{text-align:center}.book-item img{border:1px solid #dee2e6;border-radius:.25rem;height:auto;max-width:100%;transition:transform .3s ease}.book-item img:hover{transform:scale(1.05)}.gallery-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:2rem 0}.gallery-item{border-radius:.25rem;overflow:hidden;position:relative}.gallery-item img{height:auto;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.1)}.unicode-table{font-size:1.2rem}.unicode-table .nko-char{font-family:Koli Nko Manden,sans-serif;font-size:1.5rem}.alert-info{background-color:#cfe2ff;border-color:#b6d4fe;color:#084298}.breadcrumb{background-color:transparent;padding:0}.breadcrumb-item+.breadcrumb-item:before{content:"›"}.loading{animation:spin 1s ease-in-out infinite;border:3px solid rgba(25,135,84,.3);border-radius:50%;border-top:3px solid var(--primary-green);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=dark] body{background-color:#1a1d20}[data-theme=dark] .navbar{background-color:#0f1113!important}[data-theme=dark] .card{background-color:var(--bg-dark);border-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] .btn-outline-success{border-color:#25d366;color:#25d366}[data-theme=dark] .btn-outline-success:hover{background-color:#25d366;border-color:#25d366;color:#1a1d20}[data-theme=dark] .table{color:var(--text-dark)}[data-theme=dark] .table-bordered td,[data-theme=dark] .table-bordered th{border-color:var(--border-color)}[data-theme=dark] .breadcrumb-item.active{color:var(--text-light)}[data-theme=dark] .text-muted{color:var(--text-light)!important}[data-theme=dark] .bg-light{background-color:var(--bg-dark)!important}[data-theme=dark] .learning-sidebar{background:var(--bg-dark)!important;border-color:var(--primary-green)!important}[data-theme=dark] .learning-sidebar .nav-link{color:var(--text-light)}[data-theme=dark] .learning-sidebar .nav-link:hover{background-color:hsla(0,0%,100%,.1);color:var(--primary-green)}[data-theme=dark] .consonant-row,[data-theme=dark] .vowel-card{background-color:var(--bg-dark);border-color:var(--border-color)}[data-theme=dark] .consonant-row:hover,[data-theme=dark] .vowel-card:hover{background-color:rgba(25,135,84,.1)}.theme-toggle{align-items:center;background-color:var(--bg-dark);border:2px solid var(--border-color);border-radius:50%;bottom:20px;box-shadow:0 2px 10px var(--shadow-color);color:var(--text-dark);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle:hover{box-shadow:0 4px 20px var(--shadow-color);transform:scale(1.1)}.theme-toggle i{font-size:20px}@media print{.navbar,.no-print,.theme-toggle,footer{display:none!important}.page-content{padding:0}.card{border:1px solid #dee2e6!important;box-shadow:none!important}}