:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-layout{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e);color:#fff;font-family:Noto Sans JP,sans-serif}.main-header{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding:1rem;position:sticky;top:0;z-index:100}.main-header .header-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:1024px){.main-header .header-container{flex-direction:row;justify-content:space-between;gap:2rem}}.main-header .header-title{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center;white-space:nowrap;display:flex;align-items:center;gap:.6rem}@media(min-width:768px){.main-header .header-title{font-size:1.2rem;gap:.8rem}}@media(min-width:1024px){.main-header .header-title{font-size:1.4rem}}.main-header .header-nav{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;width:100%}@media(min-width:1024px){.main-header .header-nav{width:auto;flex-wrap:nowrap}}.main-header .header-nav .nav-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.4rem .6rem;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;white-space:nowrap;display:flex;flex-direction:column;gap:.15rem;align-items:center}@media(min-width:768px){.main-header .header-nav .nav-button{padding:.5rem .8rem;font-size:.85rem}}.main-header .header-nav .nav-button .nav-label{font-size:.85rem;font-weight:600}@media(min-width:768px){.main-header .header-nav .nav-button .nav-label{font-size:.95rem}}.main-header .header-nav .nav-button .nav-spanish{font-size:.65rem;opacity:.7;font-weight:400}@media(min-width:768px){.main-header .header-nav .nav-button .nav-spanish{font-size:.7rem}}.main-header .header-nav .nav-button:hover{background:#ffffff1a;border-color:#fff3}.main-header .header-nav .nav-button.active{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none}.main-header .header-nav .nav-button.active .nav-spanish{opacity:.9}.main-content{max-width:1400px;margin:0 auto;padding:2rem 1rem}@media(min-width:768px){.main-content{padding:2rem 1.5rem}}.main-footer{text-align:center;padding:2rem;opacity:.4;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05);margin-top:2rem}.search-box{margin-bottom:1.5rem;position:relative}.search-box .search-input{width:100%;padding:.8rem 2.5rem .8rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .2s ease}.search-box .search-input:focus{outline:none;border-color:#fff6;background:#0000004d}.search-box .search-input::placeholder{color:#888}.search-box .clear-button{position:absolute;right:.8rem;top:.8rem;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.3rem .6rem;font-size:.9rem;line-height:1;transition:all .2s ease;opacity:.6}.search-box .clear-button:hover{background:#fff3;opacity:1}.search-box .search-results-count{margin-top:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;color:#ffffffb3;font-size:.85rem;text-align:center}.home-page{display:grid;gap:2rem}.search-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.search-section .search-title{margin:0 0 1rem;font-weight:500;font-size:1rem}.search-section .search-title .search-subtitle{opacity:.5;font-weight:400;font-size:.85rem}.search-section .search-filters{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.search-section .search-filters .filter-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.5rem .8rem;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.search-section .search-filters .filter-button:hover{background:#ffffff1a}.search-section .search-filters .filter-button.active{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none}.search-section .search-filters .filter-button .filter-label{display:block}.search-section .search-filters .filter-button .filter-subtitle{display:block;font-size:.55rem;opacity:.7}.search-section .search-results{margin-top:1.5rem}.search-section .search-results .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;max-height:500px;overflow-y:auto}.search-section .search-results .result-card{border-radius:12px;padding:1rem}.search-section .search-results .result-card--vocabulary{background:#feca571a;border:1px solid rgba(254,202,87,.15)}.search-section .search-results .result-card--vocabulary .result-meaning{color:#feca57}.search-section .search-results .result-card--vocabulary .result-lesson{margin-top:.5rem;font-size:.75rem;opacity:.6;font-style:italic}.search-section .search-results .result-card--noun{background:#1dd1a11a;border:1px solid rgba(29,209,161,.15)}.search-section .search-results .result-card--noun .result-meaning{color:#1dd1a1}.search-section .search-results .result-card--verb{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.15)}.search-section .search-results .result-card--verb .result-meaning{color:#ff6b6b}.search-section .search-results .result-card--verbform{background:#a29bfe1a;border:1px solid rgba(162,155,254,.15)}.search-section .search-results .result-card--adj{background:#ff9ff31a;border:1px solid rgba(255,159,243,.15)}.search-section .search-results .result-card--adj .result-meaning{color:#ff9ff3}.search-section .search-results .result-card--counter{background:#ffa5021a;border:1px solid rgba(255,165,2,.15)}.search-section .search-results .result-card--counter .result-usage{color:#ffa502}.search-section .search-results .result-card--kanji{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.25)}.search-section .search-results .result-card--kanji .kanji-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.search-section .search-results .result-card--kanji .kanji-result-header .kanji-character{font-size:3rem;font-weight:300;color:#ff6b6b}.search-section .search-results .result-card--kanji .kanji-result-header .kanji-jlpt{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.search-section .search-results .result-card--kanji .kanji-meaning{color:#feca57;font-size:1rem;margin-bottom:.6rem;font-weight:500}.search-section .search-results .result-card--kanji .kanji-readings{display:flex;flex-direction:column;gap:.3rem}.search-section .search-results .result-card--kanji .kanji-readings .kanji-reading-group{font-size:.85rem}.search-section .search-results .result-card--kanji .kanji-readings .kanji-reading-group .reading-label{opacity:.6;margin-right:.4rem}.search-section .search-results .result-card--kanji .kanji-readings .kanji-reading-group .reading-values{opacity:.9}.search-section .search-results .result-card .result-japanese{font-size:1.4rem;font-weight:500}.search-section .search-results .result-card .result-kanji{opacity:.5;font-size:.9rem}.search-section .search-results .result-card .result-romaji{color:#a8a8a8;font-size:.85rem;font-style:italic}.search-section .search-results .result-card .result-meaning{margin-top:.4rem}.search-section .search-results .result-card .result-meaning-title{color:#feca57;font-size:.95rem;margin-bottom:.5rem}.search-section .search-results .result-card .verb-forms-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.5rem}.search-section .search-results .result-card .verb-form{background:#0003;border-radius:8px;padding:.6rem .4rem;text-align:center}.search-section .search-results .result-card .verb-form .verb-form-label{font-size:.65rem;opacity:.6;margin-bottom:.3rem}.search-section .search-results .result-card .verb-form .verb-form-jp{font-size:1rem;font-weight:500;margin-bottom:.2rem}.search-section .search-results .result-card .verb-form .verb-form-romaji{font-size:.75rem;opacity:.7;font-style:italic}.search-section .search-results .no-results{text-align:center;opacity:.5}.word-of-day{background:linear-gradient(135deg,#ff6b6b26,#feca5714);border:1px solid rgba(255,107,107,.25);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.word-of-day .word-bg-decoration{position:absolute;top:-30px;right:10px;font-size:140px;opacity:.06}.word-of-day .word-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-align:center;line-height:1.4}@media(max-width:480px){.word-of-day .word-badge{font-size:.65rem;padding:.4rem .6rem}}.word-of-day .word-japanese{font-size:3.5rem;margin:.5rem 0;font-weight:400}.word-of-day .word-kanji{font-size:1.2rem;opacity:.6;margin:.3rem 0}.word-of-day .word-romaji{font-size:1.1rem;color:#a8a8a8;margin:.5rem 0;font-style:italic}.word-of-day .word-meaning{font-size:1.4rem;color:#feca57;margin:.8rem 0;font-weight:500}.current-lesson-section{background:linear-gradient(135deg,#ff6b6b1f,#ee5a5a0f);border:1px solid rgba(255,107,107,.25);border-radius:16px;padding:1.5rem}.current-lesson-section .lesson-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.current-lesson-section .lesson-header .lesson-label{display:block;font-size:.85rem;opacity:.6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.current-lesson-section .lesson-header .lesson-title{display:flex;align-items:center;justify-content:center;gap:1rem}.current-lesson-section .lesson-header .lesson-title .lesson-kanji{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.current-lesson-section .lesson-header .lesson-title .lesson-romaji{font-size:1rem;opacity:.6;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:.8rem}.stats-grid .stat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem .7rem;text-align:center}.stats-grid .stat-card .stat-value{font-size:1.6rem;font-weight:700}.stats-grid .stat-card .stat-label{opacity:.8;font-size:.8rem;margin-top:.3rem}.stats-grid .stat-card .stat-romaji{opacity:.5;font-size:.6rem}.stats-grid .stat-card .stat-spanish{opacity:.4;font-size:.55rem}.kotoba-page .page-title{margin-bottom:.3rem;font-weight:600}.kotoba-page .page-subtitle{margin-top:0;margin-bottom:2rem;opacity:.5;font-size:.85rem}.kotoba-page .lessons-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:600px){.kotoba-page .lessons-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.kotoba-page .lessons-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.kotoba-page .lessons-grid{grid-template-columns:repeat(4,1fr)}}.kotoba-page .lesson-card{background:linear-gradient(135deg,#ff6b6b26,#ee5a5a1a);border:1px solid rgba(255,107,107,.3);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.kotoba-page .lesson-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff6b6b40;border-color:#ff6b6b80}.kotoba-page .lesson-card .lesson-number{font-size:2rem;font-weight:700;color:#ff6b6b;margin-bottom:.5rem}.kotoba-page .lesson-card .lesson-info{display:flex;flex-direction:column;gap:.3rem}.kotoba-page .lesson-card .lesson-info .lesson-label{font-size:1rem;font-weight:600}.kotoba-page .lesson-card .lesson-info .word-count{font-size:.85rem;opacity:.7}.kotoba-page .lesson-view .lesson-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.kotoba-page .lesson-view .lesson-header{flex-direction:row;align-items:center;justify-content:space-between}}.kotoba-page .lesson-view .lesson-header .back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;cursor:pointer;transition:all .3s ease;font-size:.9rem}.kotoba-page .lesson-view .lesson-header .back-button:hover{background:#ffffff1a;border-color:#fff3}.kotoba-page .lesson-view .lesson-header .selected-lesson-title{margin:0;font-size:1.5rem;font-weight:600;color:#ff6b6b}.kotoba-page .lesson-view .search-container{position:relative;margin-bottom:1rem}.kotoba-page .lesson-view .search-container .search-input{width:100%;padding:.8rem 3rem .8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease}.kotoba-page .lesson-view .search-container .search-input::placeholder{color:#ffffff4d}.kotoba-page .lesson-view .search-container .search-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.kotoba-page .lesson-view .search-container .clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:1.8rem;height:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.kotoba-page .lesson-view .search-container .clear-search:hover{background:#fff3}.kotoba-page .lesson-view .words-stats{margin-bottom:1.5rem;font-size:.9rem;opacity:.7}.kotoba-page .lesson-view .words-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:600px){.kotoba-page .lesson-view .words-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.kotoba-page .lesson-view .words-grid{grid-template-columns:repeat(3,1fr)}}.kotoba-page .lesson-view .word-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;transition:all .3s ease}.kotoba-page .lesson-view .word-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.kotoba-page .lesson-view .word-card .word-type-badge{position:absolute;top:.8rem;right:.8rem;font-size:.7rem;padding:.2rem .5rem;border-radius:6px;font-weight:600;opacity:.8}.kotoba-page .lesson-view .word-card--verb{border-left:4px solid #ff6b6b}.kotoba-page .lesson-view .word-card--verb .word-type-badge{background:#ff6b6b}.kotoba-page .lesson-view .word-card--verb .word-japanese{color:#ff6b6b}.kotoba-page .lesson-view .word-card--adj-i{border-left:4px solid #4ecdc4}.kotoba-page .lesson-view .word-card--adj-i .word-type-badge{background:#4ecdc4}.kotoba-page .lesson-view .word-card--adj-i .word-japanese{color:#4ecdc4}.kotoba-page .lesson-view .word-card--adj-na{border-left:4px solid #a29bfe}.kotoba-page .lesson-view .word-card--adj-na .word-type-badge{background:#a29bfe}.kotoba-page .lesson-view .word-card--adj-na .word-japanese{color:#a29bfe}.kotoba-page .lesson-view .word-card--noun{border-left:4px solid #feca57}.kotoba-page .lesson-view .word-card--noun .word-type-badge{background:#feca57;color:#333}.kotoba-page .lesson-view .word-card--noun .word-japanese{color:#feca57}.kotoba-page .lesson-view .word-card .word-japanese{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;padding-right:4rem}.kotoba-page .lesson-view .word-card .word-japanese .kanji{display:block;margin-bottom:.2rem}.kotoba-page .lesson-view .word-card .word-japanese .kana{display:block;font-size:1rem;opacity:.7}.kotoba-page .lesson-view .word-card .word-romaji{font-size:.85rem;color:#a8a8a8;font-style:italic;margin-bottom:.5rem}.kotoba-page .lesson-view .word-card .word-meaning{font-size:.95rem;opacity:.9}.kotoba-page .lesson-view .word-card .word-group{margin-top:.5rem;font-size:.75rem;color:#48dbfb;font-weight:600}.kotoba-page .lesson-view .no-results{text-align:center;padding:3rem 1rem;opacity:.5;font-style:italic}.word-card{border-radius:12px;padding:1.1rem 1.3rem;transition:transform .2s ease,box-shadow .2s ease}.word-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.word-card__japanese{font-size:1.6rem;font-weight:500}.word-card__kanji{opacity:.5;margin-top:.2rem;font-size:.95rem}.word-card__romaji{color:#a8a8a8;margin-top:.3rem;font-size:.9rem;font-style:italic}.word-card__meaning{margin-top:.5rem;font-size:1rem}.word-card__type{display:inline-block;margin-top:.5rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem}.word-card--default{background:linear-gradient(135deg,#feca571a,#feca5708);border:1px solid rgba(254,202,87,.2)}.word-card--default .word-card__meaning{color:#feca57}.word-card--default .word-card__type{background:#feca5733}.word-card--verb{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b08);border:1px solid rgba(255,107,107,.2)}.word-card--verb .word-card__meaning{color:#ff6b6b}.word-card--verb .word-card__type{background:#ff6b6b33}.word-card--adj-i{background:linear-gradient(135deg,#48dbfb1a,#48dbfb08);border:1px solid rgba(72,219,251,.2)}.word-card--adj-i .word-card__meaning{color:#48dbfb}.word-card--adj-i .word-card__type{background:#48dbfb40}.word-card--adj-na{background:linear-gradient(135deg,#ff9ff31a,#ff9ff308);border:1px solid rgba(255,159,243,.2)}.word-card--adj-na .word-card__meaning{color:#ff9ff3}.word-card--adj-na .word-card__type{background:#ff9ff340}.nouns-page .page-title{margin-bottom:.3rem;font-weight:600}.nouns-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.nouns-page .search-container{position:relative;margin-bottom:1.5rem}.nouns-page .search-container .search-input{width:100%;padding:.8rem 3rem .8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease}.nouns-page .search-container .search-input::placeholder{color:#ffffff4d}.nouns-page .search-container .search-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.nouns-page .search-container .clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:1.8rem;height:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.nouns-page .search-container .clear-search:hover{background:#fff3}.nouns-page .search-results-count{margin-bottom:1rem;opacity:.7;font-size:.9rem}.nouns-page .nouns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.nouns-page .noun-card{background:linear-gradient(135deg,#1dd1a11a,#1dd1a108);border:1px solid rgba(29,209,161,.15);border-radius:12px;padding:1.1rem 1.3rem;transition:transform .2s ease}.nouns-page .noun-card:hover{transform:translateY(-2px)}.nouns-page .noun-card .noun-japanese{font-size:1.6rem;font-weight:500}.nouns-page .noun-card .noun-kanji{opacity:.5;margin-top:.2rem;font-size:.95rem}.nouns-page .noun-card .noun-romaji{color:#a8a8a8;margin-top:.3rem;font-size:.9rem;font-style:italic}.nouns-page .noun-card .noun-meaning{color:#1dd1a1;margin-top:.5rem;font-size:1rem}.nouns-page .noun-card .noun-lesson{display:inline-block;margin-top:.5rem;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;font-size:.7rem}.verbs-page .page-title{margin-bottom:.3rem;font-weight:600}.verbs-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.verbs-page .search-container{position:relative;margin-bottom:1.5rem}.verbs-page .search-container .search-input{width:100%;padding:.8rem 3rem .8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease}.verbs-page .search-container .search-input::placeholder{color:#ffffff4d}.verbs-page .search-container .search-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.verbs-page .search-container .clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:1.8rem;height:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.verbs-page .search-container .clear-search:hover{background:#fff3}.verbs-page .search-results-count{margin-bottom:1rem;opacity:.7;font-size:.9rem}.verbs-page .verbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.verbs-page .verb-card{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b08);border:1px solid rgba(255,107,107,.15);border-radius:12px;padding:1.1rem 1.3rem;transition:transform .2s ease}.verbs-page .verb-card:hover{transform:translateY(-2px)}.verbs-page .verb-card .verb-japanese{font-size:1.6rem;font-weight:500}.verbs-page .verb-card .verb-kanji{opacity:.5;margin-top:.2rem;font-size:.95rem}.verbs-page .verb-card .verb-romaji{color:#a8a8a8;margin-top:.3rem;font-size:.9rem;font-style:italic}.verbs-page .verb-card .verb-meaning{color:#ff6b6b;margin-top:.5rem;font-size:1rem}.verbs-page .verb-card .verb-lesson{display:inline-block;margin-top:.5rem;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;font-size:.7rem}.verb-forms-page .page-title{margin-bottom:.3rem;font-weight:600}.verb-forms-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.verb-forms-page .search-container{position:relative;margin-bottom:1.5rem}.verb-forms-page .search-container .search-input{width:100%;padding:.8rem 3rem .8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease}.verb-forms-page .search-container .search-input::placeholder{color:#ffffff4d}.verb-forms-page .search-container .search-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.verb-forms-page .search-container .clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:1.8rem;height:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.verb-forms-page .search-container .clear-search:hover{background:#fff3}.verb-forms-page .search-results-count{margin-bottom:1rem;opacity:.7;font-size:.9rem}.verb-forms-page .rules-section{margin-bottom:2rem}.verb-forms-page .rules-section .rules-title{font-size:1.1rem;margin-bottom:1rem;opacity:.8}.verb-forms-page .rules-section .rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.verb-forms-page .rules-section .rule-card{border-radius:12px;padding:1rem}.verb-forms-page .rules-section .rule-card--group1{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2)}.verb-forms-page .rules-section .rule-card--group2{background:#48dbfb1a;border:1px solid rgba(72,219,251,.2)}.verb-forms-page .rules-section .rule-card--group3{background:#ff9ff31a;border:1px solid rgba(255,159,243,.2)}.verb-forms-page .rules-section .rule-card .rule-name{font-weight:600;font-size:1.1rem}.verb-forms-page .rules-section .rule-card .rule-name-jp{opacity:.6;font-size:.85rem}.verb-forms-page .rules-section .rule-card .rule-description{opacity:.7;font-size:.85rem}.verb-forms-page .rules-section .rule-card .rule-examples{display:flex;flex-direction:column;gap:.4rem}.verb-forms-page .rules-section .rule-card .rule-example{background:#0003;padding:.4rem .7rem;border-radius:6px;font-size:.9rem;display:flex;justify-content:space-between}.verb-forms-page .rules-section .rule-card .rule-example .rule-example-text{opacity:.6}.verb-forms-page .rules-section .rule-card .rule-exception{margin-top:.5rem;font-size:.8rem;color:#feca57}.verb-forms-page .verbs-list-title{font-size:1.1rem;margin-bottom:1rem;opacity:.8}.verb-forms-page .verb-forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.verb-forms-page .verb-form-card{border-radius:12px;padding:1rem}.verb-forms-page .verb-form-card--group1{background:#ff6b6b14;border:1px solid rgba(255,107,107,.15)}.verb-forms-page .verb-form-card--group1 .verb-form-group{background:#ff6b6b4d}.verb-forms-page .verb-form-card--group2{background:#48dbfb14;border:1px solid rgba(72,219,251,.15)}.verb-forms-page .verb-form-card--group2 .verb-form-group{background:#48dbfb4d}.verb-forms-page .verb-form-card--group3{background:#ff9ff314;border:1px solid rgba(255,159,243,.15)}.verb-forms-page .verb-form-card--group3 .verb-form-group{background:#ff9ff34d}.verb-forms-page .verb-form-card .verb-form-header{display:flex;justify-content:space-between;margin-bottom:.7rem}.verb-forms-page .verb-form-card .verb-form-header .verb-form-meaning{color:#feca57;font-size:1rem;font-weight:500}.verb-forms-page .verb-form-card .verb-form-header .verb-form-group{padding:.15rem .5rem;border-radius:4px;font-size:.7rem}.verb-forms-page .verb-form-card .verb-forms{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.verb-forms-page .verb-form-card .verb-form{background:#0003;border-radius:8px;padding:.6rem;text-align:center}.verb-forms-page .verb-form-card .verb-form .verb-form-label{font-size:.65rem;opacity:.5}.verb-forms-page .verb-form-card .verb-form .verb-form-text{font-size:1.1rem;font-weight:500}.verb-forms-page .verb-form-card .verb-form .verb-form-romaji{font-size:.7rem;color:#a8a8a8;font-style:italic}.adjectives-page .page-title{margin-bottom:.3rem;font-weight:600}.adjectives-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.adjectives-page .search-container{position:relative;margin-bottom:1.5rem}.adjectives-page .search-container .search-input{width:100%;padding:.8rem 3rem .8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease}.adjectives-page .search-container .search-input::placeholder{color:#ffffff4d}.adjectives-page .search-container .search-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.adjectives-page .search-container .clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:1.8rem;height:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.adjectives-page .search-container .clear-search:hover{background:#fff3}.adjectives-page .search-results-count{margin-bottom:1rem;opacity:.7;font-size:.9rem}.adjectives-page .adjectives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.adjectives-page .adj-card{border-radius:12px;padding:1.1rem 1.3rem;transition:transform .2s ease}.adjectives-page .adj-card:hover{transform:translateY(-2px)}.adjectives-page .adj-card--adj-i{background:linear-gradient(135deg,#48dbfb1a,#48dbfb08);border:1px solid rgba(72,219,251,.15)}.adjectives-page .adj-card--adj-i .adj-meaning{color:#48dbfb}.adjectives-page .adj-card--adj-i .adj-type{background:#48dbfb40}.adjectives-page .adj-card--adj-na{background:linear-gradient(135deg,#ff9ff31a,#ff9ff308);border:1px solid rgba(255,159,243,.15)}.adjectives-page .adj-card--adj-na .adj-meaning{color:#ff9ff3}.adjectives-page .adj-card--adj-na .adj-type{background:#ff9ff340}.adjectives-page .adj-card .adj-japanese{font-size:1.6rem;font-weight:500}.adjectives-page .adj-card .adj-kanji{opacity:.5;margin-top:.2rem;font-size:.95rem}.adjectives-page .adj-card .adj-romaji{color:#a8a8a8;margin-top:.3rem;font-size:.9rem;font-style:italic}.adjectives-page .adj-card .adj-meaning{margin-top:.5rem;font-size:1rem}.adjectives-page .adj-card .adj-type{display:inline-block;margin-top:.5rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem}.counters-page .page-title{margin-bottom:.3rem;font-weight:600}.counters-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.counters-page .counters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.2rem}.counters-page .counter-card{background:linear-gradient(135deg,#ffa5021a,#ffa50208);border:1px solid rgba(255,165,2,.2);border-radius:14px;padding:1.3rem}.counters-page .counter-card .counter-main{font-size:1.8rem;font-weight:600}.counters-page .counter-card .counter-romaji{color:#a8a8a8;font-size:.9rem;font-style:italic}.counters-page .counter-card .counter-usage{color:#ffa502;font-size:.95rem;margin-bottom:1rem}.counters-page .counter-card .counter-examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.counters-page .counter-card .counter-example{background:#0003;border-radius:8px;padding:.5rem;text-align:center}.counters-page .counter-card .counter-example .example-num{font-size:.7rem;opacity:.5}.counters-page .counter-card .counter-example .example-reading{font-size:1rem;font-weight:500}.counters-page .counter-card .counter-example .example-romaji{font-size:.7rem;color:#a8a8a8;font-style:italic}.grammar-page .page-title{margin-bottom:.3rem;font-weight:600}.grammar-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.grammar-page .grammar-lessons{display:grid;gap:1.5rem}.grammar-page .grammar-lesson{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.grammar-page .grammar-lesson .lesson-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}.grammar-page .grammar-lesson .lesson-header .lesson-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);padding:.3rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;flex-shrink:0}.grammar-page .grammar-lesson .lesson-header .lesson-title{margin:0;font-size:1.3rem;font-weight:600}.grammar-page .grammar-lesson .patterns-list{display:grid;gap:1.2rem}.grammar-page .grammar-lesson .pattern-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.2rem}.grammar-page .grammar-lesson .pattern-card .pattern-header{margin-bottom:.8rem}.grammar-page .grammar-lesson .pattern-card .pattern-header .pattern-japanese{font-size:1.4rem;font-weight:600;color:#feca57;margin-bottom:.3rem}.grammar-page .grammar-lesson .pattern-card .pattern-header .pattern-romaji{font-size:.9rem;color:#a8a8a8;font-style:italic;margin-bottom:.3rem}.grammar-page .grammar-lesson .pattern-card .pattern-header .pattern-meaning{font-size:1rem;color:#48dbfb}.grammar-page .grammar-lesson .pattern-card .pattern-explanation{background:#ffffff08;padding:.8rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;opacity:.8}.grammar-page .grammar-lesson .pattern-card .pattern-examples{display:grid;gap:.6rem}.grammar-page .grammar-lesson .pattern-card .pattern-example{background:#ffffff05;border-left:3px solid #1dd1a1;padding:.8rem 1rem;border-radius:6px}.grammar-page .grammar-lesson .pattern-card .pattern-example .example-japanese{font-size:1.1rem;font-weight:500;margin-bottom:.2rem}.grammar-page .grammar-lesson .pattern-card .pattern-example .example-romaji{font-size:.85rem;color:#a8a8a8;font-style:italic;margin-bottom:.3rem}.grammar-page .grammar-lesson .pattern-card .pattern-example .example-spanish{font-size:.9rem;color:#1dd1a1}.time-expressions-page .page-title{margin-bottom:.3rem;font-weight:600}.time-expressions-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.time-expressions-page .time-categories{display:flex;flex-direction:column;gap:2rem}.time-expressions-page .time-category{background:linear-gradient(135deg,#a29bfe1a,#a29bfe08);border:1px solid rgba(162,155,254,.2);border-radius:14px;padding:1.5rem}.time-expressions-page .time-category .category-header{margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid rgba(162,155,254,.2)}.time-expressions-page .time-category .category-header .category-title-jp{font-size:1.6rem;font-weight:600;margin:0 0 .3rem}.time-expressions-page .time-category .category-header .category-title-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.time-expressions-page .time-category .category-header .category-title-info .category-romaji{color:#a8a8a8;font-style:italic}.time-expressions-page .time-category .category-header .category-title-info .category-separator{opacity:.3}.time-expressions-page .time-category .category-header .category-title-info .category-title-es{color:#a29bfe}.time-expressions-page .time-category .time-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}.time-expressions-page .time-category .time-item{background:#0003;border-radius:10px;padding:.8rem;text-align:center;transition:all .2s ease}.time-expressions-page .time-category .time-item:hover{background:#0000004d;transform:translateY(-2px)}.time-expressions-page .time-category .time-item .item-num{font-size:.7rem;opacity:.5;margin-bottom:.2rem}.time-expressions-page .time-category .time-item .item-japanese{font-size:1.1rem;font-weight:500;margin-bottom:.2rem}.time-expressions-page .time-category .time-item .item-kanji{font-size:.85rem;color:#a8a8a8;margin-bottom:.2rem}.time-expressions-page .time-category .time-item .item-romaji{font-size:.75rem;color:#a8a8a8;font-style:italic;margin-bottom:.3rem}.time-expressions-page .time-category .time-item .item-meaning{font-size:.85rem;color:#a29bfe}.time-expressions-page .time-category .time-subcategories{display:flex;flex-direction:column;gap:1.5rem}.time-expressions-page .time-category .time-subcategory .subcategory-title{font-size:1.1rem;font-weight:500;margin:0 0 .5rem;color:#c9c3ff}.time-expressions-page .time-category .time-subcategory .subcategory-counter{font-size:.9rem;color:#a8a8a8;margin-bottom:.8rem}.time-expressions-page .time-category .time-subcategory .subcategory-counter .counter-romaji{font-style:italic;opacity:.7}.time-expressions-page .time-category .time-related{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(162,155,254,.2)}.time-expressions-page .time-category .time-related .related-title{font-size:.9rem;font-weight:500;margin:0 0 .8rem;color:#c9c3ff;opacity:.7}.kanji-page .page-title{margin-bottom:.3rem;font-weight:600}.kanji-page .page-subtitle{margin-top:0;margin-bottom:1.5rem;opacity:.5;font-size:.85rem}.kanji-page .kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;margin-top:1.5rem}.kanji-page .kanji-card{background:linear-gradient(135deg,#ff6b6b1f,#ee5a5a0d);border:1px solid rgba(255,107,107,.25);border-radius:16px;padding:1.5rem;transition:all .2s ease}.kanji-page .kanji-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b26}.kanji-page .kanji-card .kanji-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,107,107,.2)}.kanji-page .kanji-card .kanji-header .kanji-character{font-size:4rem;font-weight:300;line-height:1;color:#ff6b6b}.kanji-page .kanji-card .kanji-header .kanji-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.kanji-page .kanji-card .kanji-header .kanji-meta .kanji-strokes{font-size:.75rem;opacity:.6}.kanji-page .kanji-card .kanji-header .kanji-meta .kanji-jlpt{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.kanji-page .kanji-card .kanji-meaning{font-size:1.1rem;color:#feca57;margin-bottom:1rem;font-weight:500}.kanji-page .kanji-card .kanji-readings{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,107,107,.15)}.kanji-page .kanji-card .kanji-readings .reading-section .reading-label{font-size:.75rem;opacity:.6;margin-bottom:.3rem}.kanji-page .kanji-card .kanji-readings .reading-section .reading-values{display:flex;flex-wrap:wrap;gap:.5rem}.kanji-page .kanji-card .kanji-readings .reading-section .reading-values .reading-item{background:#0003;padding:.3rem .6rem;border-radius:6px;font-size:.9rem}.kanji-page .kanji-card .kanji-readings .reading-section .reading-values .reading-item .reading-romaji{margin-left:.3rem;opacity:.6;font-size:.8rem;font-style:italic}.kanji-page .kanji-card .kanji-examples .examples-label{font-size:.8rem;opacity:.6;margin-bottom:.6rem}.kanji-page .kanji-card .kanji-examples .example-item{background:#00000026;border-radius:8px;padding:.6rem;margin-bottom:.5rem}.kanji-page .kanji-card .kanji-examples .example-item:last-child{margin-bottom:0}.kanji-page .kanji-card .kanji-examples .example-item .example-word{font-size:1.1rem;font-weight:500;margin-bottom:.2rem}.kanji-page .kanji-card .kanji-examples .example-item .example-reading{font-size:.85rem;opacity:.7;margin-bottom:.1rem}.kanji-page .kanji-card .kanji-examples .example-item .example-romaji{font-size:.8rem;color:#a8a8a8;font-style:italic;margin-bottom:.3rem}.kanji-page .kanji-card .kanji-examples .example-item .example-meaning{font-size:.85rem;color:#ff9ff3}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:9999;animation:fadeIn .5s ease-in}.splash-screen.fade-out{animation:fadeOut .5s ease-out forwards}.splash-screen .splash-logo{max-width:80%;max-height:60vh;width:auto;height:auto;animation:logoFadeIn 1s ease-in}@media(min-width:768px){.splash-screen .splash-logo{max-width:60%}}@media(min-width:1024px){.splash-screen .splash-logo{max-width:50%}}.splash-screen .button-container{min-height:60px;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.splash-screen .button-container{min-height:70px}}.splash-screen .enter-button{padding:1rem 3rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;animation:buttonFadeIn .4s ease-out;box-shadow:0 4px 15px #ff6b6b66}.splash-screen .enter-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99;background:linear-gradient(135deg,#ee5a5a,#ff6b6b)}.splash-screen .enter-button:active{transform:translateY(0)}@media(min-width:768px){.splash-screen .enter-button{padding:1.2rem 4rem;font-size:1.2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0;padding:0}.loading-screen,.error-screen{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP,sans-serif}.loading-content,.error-content{text-align:center;padding:2rem}.loading-icon,.error-icon{font-size:3rem;margin-bottom:1rem}.error-message{color:#ff6b6b;margin:1rem 0}.error-hint{opacity:.6;font-size:.9rem;margin-top:1rem}