.kanji-list-container{background:var(--container-background);border-radius:20px;padding:40px;min-height:100vh;transition:background-color .3s ease}.kanji-list-header{text-align:center;margin-bottom:40px;border-bottom:3px solid var(--border-color);padding-bottom:20px}.kanji-list-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:10px;transition:color .3s ease}.kanji-list-header p{color:var(--text-secondary);font-size:1.1rem;transition:color .3s ease}.loading,.error{text-align:center;padding:40px;font-size:1.2rem;color:var(--text-primary)}.error{color:#ff6b6b}.kanji-source-info{background:var(--stats-background);padding:20px 30px;border-radius:12px;margin-bottom:30px;transition:background-color .3s ease}.kanji-source-info h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:10px;transition:color .3s ease}.kanji-source-info p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin:0;transition:color .3s ease}.kanji-sections{display:flex;flex-direction:column;gap:30px}.kanji-grade-section{background:var(--output-background);padding:25px;border-radius:15px;transition:background-color .3s ease}.grade-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.grade-color-indicator{width:30px;height:30px;border-radius:8px}.grade-header h2{color:var(--text-primary);font-size:1.8rem;margin:0;flex:1;transition:color .3s ease}.kanji-count{color:var(--text-secondary);font-size:1.2rem;font-weight:600;transition:color .3s ease}.kanji-grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}.kanji-item{width:45px;height:45px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:var(--text-primary);font-size:1.5rem;font-weight:400;border:1px solid var(--border-color);border-radius:6px;transition:color .3s ease;margin:4px;-webkit-flex-shrink:0;flex-shrink:0}@media (max-width: 768px){.kanji-list-container{padding:20px}.kanji-list-header{margin-bottom:30px;padding-bottom:15px}.kanji-list-header h1{font-size:1.8rem}.kanji-list-header p{font-size:.9rem}.kanji-source-info{padding:15px 20px}.kanji-source-info h3{font-size:1.1rem}.kanji-source-info p{font-size:.9rem}.kanji-sections{gap:25px}.kanji-grade-section{padding:20px}.grade-header{gap:12px;margin-bottom:15px;padding-bottom:12px}.grade-header h2{font-size:1.4rem}.kanji-count{font-size:1rem}.kanji-grid{-webkit-justify-content:flex-start;justify-content:flex-start}.kanji-item{width:40px;height:40px;font-size:1.3rem;margin:3px}}@media (max-width: 480px){.kanji-list-container{padding:15px;border-radius:15px}.kanji-list-header{margin-bottom:25px;padding-bottom:12px}.kanji-list-header h1{font-size:1.5rem;margin-bottom:8px}.kanji-list-header p{font-size:.85rem}.loading,.error{padding:30px;font-size:1rem}.kanji-source-info{padding:12px 15px;margin-bottom:20px}.kanji-source-info h3{font-size:1rem;margin-bottom:8px}.kanji-source-info p{font-size:.85rem;line-height:1.6}.kanji-sections{gap:20px}.kanji-grade-section{padding:15px;border-radius:12px}.grade-header{gap:10px;margin-bottom:12px;padding-bottom:10px}.grade-color-indicator{width:25px;height:25px;border-radius:6px}.grade-header h2{font-size:1.2rem}.kanji-count{font-size:.9rem}.kanji-grid{-webkit-justify-content:flex-start;justify-content:flex-start}.kanji-item{width:35px;height:35px;font-size:1.2rem;margin:2.5px}}