*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans KR,sans-serif}:root{--bg-body:#f5f7fa;--bg-container:#fff;--bg-element:#fff;--bg-intro:#fffffff2;--bg-hover-soft:#f8f9ff;--bg-hover-hard:#e9ecef;--bg-filter-chip:#f8f9ff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-link:#1976d2;--border-default:#ddd;--border-light:#eee;--border-dark:#999;--border-focus:#667eea;--shadow-default:#0000001a;--shadow-strong:#0000004d;--primary-color:#667eea;--accent-orange:#ff9800;--accent-orange-bg:#fff3e0;--accent-orange-hover:#e65100;--accent-blue:#4374d9;--accent-blue-bg:#e8f0fe;--accent-delete:#666;--accent-delete-hover:#d32f2f;--accent-delete-bg:#ffebee;--accent-teal:#009688;--accent-teal-dark:#00695c;--accent-teal-bg:#e0f2f1;--grade-8-bg:#e3f2fd;--grade-8-text:#01579b;--grade-8-border:#bbdefb;--grade-7-2-bg:#bbdefb;--grade-7-2-text:#01579b;--grade-7-bg:#90caf9;--grade-7-text:#01579b;--grade-6-2-bg:#64b5f6;--grade-6-2-text:#01579b;--grade-6-bg:#42a5f5;--grade-6-text:white;--grade-5-2-bg:#2196f3;--grade-5-2-text:white;--grade-5-bg:#1e88e5;--grade-5-text:white;--grade-4-2-bg:#1976d2;--grade-4-2-text:white;--grade-4-bg:#1565c0;--grade-4-text:white;--grade-3-2-bg:#0d47a1;--grade-3-2-text:white;--grade-3-bg:#0c3d8a;--grade-3-text:white;--grade-3-border:#42a5f5;--grade-sp2-bg:#0a3474;--grade-sp2-text:white;--grade-sp2-border:#64b5f6;--grade-sp-bg-grad-start:#082a5e;--grade-sp-bg-grad-end:#051a3d;--grade-sp-text:gold;--grade-sp-border:gold;--length-long-bg:#e3f2fd;--length-long-text:#1976d2;--length-long-border:#90caf9;--length-short-bg:#fff3e0;--length-short-text:#f57c00;--length-short-border:#ffb74d;--length-none-bg:#f5f5f5;--length-none-text:#9e9e9e;--length-none-border:#e0e0e0}body.dark-mode{--bg-body:#1a1a1a;--bg-container:#2d2d2d;--bg-element:#3a3a3a;--bg-intro:#2d2d2d;--bg-hover-soft:#3a3a3a;--bg-hover-hard:#4a4a4a;--bg-filter-chip:#2d2d2d;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-tertiary:#777;--text-link:#64b5f6;--border-default:#444;--border-light:#3a3a3a;--border-dark:#666;--shadow-default:#0000004d;--shadow-strong:#000c;--accent-blue-bg:#3a3a3a;--accent-teal-dark:#80cbc4;--accent-teal-bg:#252525;--accent-delete:#aaa;--accent-delete-bg:#3a3a3a;--grade-8-bg:#bbdefb;--grade-7-2-bg:#90caf9;--grade-7-bg:#64b5f6;--grade-sp-bg-grad-start:#1565c0;--grade-sp-bg-grad-end:#0d47a1}body.dark-mode,body.dark-mode *{transition:none!important}html{scroll-behavior:smooth}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--bg-body);color:var(--text-primary);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .3s,color .3s}h1{color:var(--text-primary);margin-bottom:10px;font-size:2.5rem}.subtitle{color:var(--text-secondary);font-size:1.1rem}.container{background:var(--bg-container);max-width:1200px;box-shadow:0 20px 60px var(--shadow-strong);border-radius:20px;margin:0 auto;padding:40px;transition:background .3s,box-shadow .3s;position:relative}header{text-align:center;margin-bottom:40px}footer{text-align:center;color:var(--text-secondary);margin-top:30px}footer a{color:var(--text-link);text-decoration:underline}.search-section{z-index:10;background:var(--bg-container);box-shadow:0 2px 8px var(--shadow-default);margin:0 0 20px;padding:15px 0;transition:background .3s;position:sticky;top:0}.search-filter-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.search-input-wrapper{grid-column:1/-1;position:relative}.filter-group label{color:var(--text-secondary);margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.favorites-filter{z-index:20;grid-column:1/-1;justify-content:center;margin-top:10px;padding:10px 0;display:flex;position:relative}.chosung-filter-section{background:linear-gradient(135deg, var(--bg-body) 0%, var(--border-default) 100%);border-radius:12px;margin-bottom:20px;padding:20px}body.dark-mode .chosung-filter-section{background:linear-gradient(135deg, var(--bg-container) 0%, var(--bg-element) 100%)}.chosung-buttons{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.syllable-buttons{background:var(--bg-element);border-radius:8px;flex-wrap:wrap;gap:6px;max-height:300px;padding:15px;display:none;overflow-y:auto}.syllable-buttons.show{display:flex}.result-info{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem;font-weight:600}.table-container{box-shadow:0 2px 10px var(--shadow-default);border-radius:10px;overflow-x:auto}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-hover-soft);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}table{border-collapse:collapse;background:var(--bg-container);table-layout:fixed;width:100%;transition:background .3s}thead{color:#fff;background:#4a5568}body.dark-mode thead{background:#1a1a1a}th{text-align:left;padding:12px 8px;font-size:.9rem;font-weight:600}th:first-child{width:6%}th:nth-child(2){width:30%}th:nth-child(3),th:nth-child(4){width:13%}th:nth-child(5){width:18%}th:nth-child(6){width:12%}th:nth-child(7){width:8%}td{border-bottom:1px solid var(--border-light);text-overflow:ellipsis;color:var(--text-primary);padding:10px 8px;font-size:.9rem;overflow:hidden}body.dark-mode td{border-bottom-color:var(--border-default)}tbody tr:hover{background:var(--bg-hover-soft)}.pagination{justify-content:center;align-items:center;gap:3px;margin-top:20px;padding:30px 20px;display:flex}.page-numbers{align-items:center;gap:3px;display:flex}.active-filters{background:var(--bg-hover-soft);border:1px solid var(--border-light);border-radius:8px;flex-wrap:wrap;gap:8px;margin:10px 0 15px;padding:12px;display:flex}.custom-dropdown{width:100%;position:relative}.dropdown-menu{background:var(--bg-container);border:1px solid var(--border-default);z-index:1000;border-radius:8px;flex-direction:column;max-height:400px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 12px #00000026}.custom-dropdown.open .dropdown-menu{display:flex}.dropdown-search{border-bottom:1px solid var(--border-light);padding:10px}.checkbox-list{flex:1;padding:8px;overflow-y:auto}.dropdown-footer{border-top:1px solid var(--border-light);gap:8px;padding:10px;display:flex}.recent-modal{background:var(--bg-container);width:320px;max-height:500px;box-shadow:0 10px 30px var(--shadow-strong);z-index:1000;border:1px solid var(--border-light);border-radius:15px;flex-direction:column;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:80px;right:30px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recent-header{background:var(--accent-teal);color:#fff;justify-content:space-between;align-items:center;padding:15px;display:flex}body.dark-mode .recent-header{background:var(--accent-teal-dark)}.recent-content{background:var(--bg-hover-soft);flex:1;padding:0;overflow-y:auto}.recent-item{border-bottom:1px solid var(--border-light);background:var(--bg-container);justify-content:space-between;align-items:center;padding:12px 15px;transition:background .2s;display:flex}.recent-item:hover{background:var(--accent-teal-bg)}.recent-item-link{color:var(--text-primary);flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.recent-footer{background:var(--bg-container);border-top:1px solid var(--border-light);text-align:center;padding:10px}.dark-mode-toggle{z-index:100;margin:0;padding:0;display:block;position:absolute;top:30px;right:30px}.stroke-filter-section{margin-bottom:25px}.stroke-buttons{white-space:nowrap;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1;gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.stroke-buttons::-webkit-scrollbar{height:8px}.stroke-buttons::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.stroke-buttons::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.stroke-buttons::-webkit-scrollbar-thumb:hover{background:#aaa}.radicals-section{margin-bottom:40px}.radicals-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:200px;padding:5px;display:grid;overflow-y:auto}.radicals-grid::-webkit-scrollbar{width:8px}.radicals-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.radicals-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.radicals-grid::-webkit-scrollbar-thumb:hover{background:#aaa}.hanja-section{border-top:3px solid var(--border-default);margin-top:30px;padding-top:30px}.radical-info{flex-direction:column;align-items:center;display:flex}@media (width<=768px){.dark-mode-toggle{top:20px;right:15px}header{padding-right:50px}.container{border-radius:15px;padding:15px}.search-section{position:relative;top:auto}.search-filter-grid{grid-template-columns:1fr}.chosung-filter-section{padding:15px}.syllable-buttons{max-height:200px;padding:10px}.table-container{border-radius:0;margin:0 -15px;position:relative}.table-container:after{content:"← 좌우로 스크롤 →";color:#fff;text-align:center;z-index:5;background:#667eeae6;padding:8px;font-size:.75rem;position:sticky;bottom:0;left:0;right:0}table{min-width:600px;font-size:.75rem}th,td{white-space:nowrap;padding:8px 6px}th:first-child{width:40px}th:nth-child(2){width:auto;min-width:120px}th:nth-child(3){width:80px}th:nth-child(4){width:70px}th:nth-child(5),th:nth-child(6){width:60px}th:nth-child(7){text-align:center;width:60px}td:nth-child(7){text-align:center}.pagination{gap:2px;padding:20px 10px}.page-numbers{gap:2px}.recent-modal{width:90%;bottom:20px;right:5%}.radicals-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:400px;padding:15px}}#searchInput{background:var(--bg-element);width:100%;color:var(--text-primary);border:2px solid var(--border-default);border-radius:8px;padding:10px 40px 10px 15px;font-size:1rem;transition:all .3s}#searchInput:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #667eea1a}#radicalSearchInput{background:var(--bg-element);width:100%;color:var(--text-primary);border:2px solid var(--border-default);border-radius:8px;padding:10px 40px 10px 15px;font-size:1rem;transition:all .3s}#radicalSearchInput:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #667eea1a}.filter-group select{border:2px solid var(--border-default);background:var(--bg-element);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px;font-size:1rem;transition:all .3s}.filter-group select:focus{border-color:var(--border-focus);outline:none}.dropdown-search-input{border:1px solid var(--border-default);background:var(--bg-element);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:.9rem}.dropdown-search-input:focus{border-color:var(--border-focus);outline:none}.clear-search-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;width:30px;height:30px;padding:5px;font-size:1.5rem;transition:all .2s;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--text-primary);background:var(--bg-hover-hard)}.favorites-toggle-btn{background:var(--bg-element);color:var(--text-primary);border:2px solid var(--border-default);cursor:pointer;box-shadow:0 2px 4px var(--shadow-default);border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.favorites-toggle-btn:hover{background:var(--accent-orange-bg);border-color:var(--accent-orange);color:var(--accent-orange-hover);transform:translateY(-2px);box-shadow:0 4px 8px #ff980033}.favorites-toggle-btn.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 4px 12px #ff98004d}.favorites-toggle-btn #favoritesCount{font-weight:700}.chosung-btn{background:var(--bg-element);min-width:50px;color:var(--text-primary);border:2px solid var(--border-default);cursor:pointer;box-shadow:0 2px 4px var(--shadow-default);border-radius:8px;padding:10px 16px;font-size:1.1rem;font-weight:600;transition:all .3s}.chosung-btn:hover{background:var(--bg-hover-hard);color:var(--text-primary);border-color:var(--border-dark);box-shadow:0 2px 4px var(--shadow-default);transform:translateY(-2px)}.chosung-btn.active{background:var(--bg-hover-hard);color:var(--text-primary);border:2px solid var(--border-dark);box-shadow:none}.syllable-btn{background:var(--bg-hover-soft);min-width:45px;color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.95rem;font-weight:500;transition:all .2s}.syllable-btn:hover{background:var(--bg-hover-hard);color:var(--text-primary);border-color:var(--border-dark);transform:translateY(-1px)}.syllable-btn.active{background:var(--bg-hover-hard);color:var(--text-primary);border-color:var(--border-dark);font-weight:600}.pagination>button{background:var(--bg-element);min-width:32px;height:32px;color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:3px;padding:0;font-size:1.4rem;font-weight:400;transition:all .2s}.pagination>button:hover:not(:disabled){background:var(--accent-blue-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.pagination>button:disabled{background:var(--bg-element);color:var(--border-default);border-color:var(--border-light);cursor:not-allowed}.page-numbers button{background:var(--bg-element);min-width:32px;height:32px;color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:3px;padding:0;font-size:.9rem;font-weight:400;transition:all .2s}.page-numbers button:hover{background:var(--accent-blue-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.page-numbers button.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);cursor:default;font-weight:600}.page-numbers button.active:hover{background:var(--accent-blue);border-color:var(--accent-blue)}.dark-mode-btn{background:var(--bg-element);width:30px;height:30px;color:var(--text-primary);border:2px solid var(--border-default);cursor:pointer;box-shadow:0 2px 4px var(--shadow-default);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:all .3s;display:flex}.dark-mode-btn:hover{box-shadow:0 4px 8px var(--shadow-default);transform:scale(1.1)}.recent-view-btn{background:var(--bg-element);color:var(--text-primary);border:2px solid var(--border-default);cursor:pointer;box-shadow:0 2px 4px var(--shadow-default);border-radius:8px;margin-left:10px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.recent-view-btn:hover{background:var(--accent-teal-bg);border-color:var(--accent-teal);color:var(--accent-teal-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00968833}.recent-view-btn #recentViewCount{font-weight:700}.close-recent-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.delete-recent-btn{color:var(--accent-delete);cursor:pointer;background:0 0;border:none;margin-left:5px;padding:5px;font-size:1.2rem}.delete-recent-btn:hover{color:var(--accent-delete-hover)}.clear-recent-btn{background:var(--length-none-bg);border:1px solid var(--border-default);cursor:pointer;color:var(--text-secondary);border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.clear-recent-btn:hover{background:var(--accent-delete-bg);color:var(--accent-delete-hover);border-color:#ffcdd2}.dropdown-button{background:var(--bg-element);border:1px solid var(--border-default);cursor:pointer;width:100%;color:var(--text-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:1rem;transition:all .2s;display:flex}.dropdown-button:hover{border-color:var(--border-dark);background:var(--bg-hover-soft)}.dropdown-button:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #667eea1a}.dropdown-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dropdown-arrow{color:var(--text-secondary);margin-left:8px;font-size:.8rem;transition:transform .2s}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-apply-btn,.dropdown-reset-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.dropdown-apply-btn{background:var(--primary-color);color:#fff}.dropdown-apply-btn:hover{background:var(--border-focus)}.dropdown-reset-btn{background:var(--length-none-bg);color:var(--text-secondary)}.dropdown-reset-btn:hover{background:var(--border-default)}.stroke-btn{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;flex:none;padding:10px 20px;font-size:1rem;transition:all .2s}.stroke-btn:hover{background-color:#f5f5f5;transform:translateY(-2px)}.stroke-btn.active{color:#fff;background-color:#3498db;border-color:#3498db;font-weight:700;box-shadow:0 4px 6px #3498db4d}.radical-btn{cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.radical-btn:hover{background:var(--accent-blue-bg);border-color:var(--accent-blue);box-shadow:0 6px 12px var(--shadow-default);transform:translateY(-3px)}.radical-btn:active{transform:translateY(-1px)}.grade-badge{text-align:center;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:12px;min-width:60px;padding:4px 12px;font-size:.85em;font-weight:600;transition:all .2s;display:inline-block}.grade-badge:hover{box-shadow:0 4px 12px var(--shadow-strong);filter:brightness(1.1);transform:translateY(-2px)scale(1.05)}.grade-badge:active{transform:translateY(0)scale(1.02)}.grade-8{background:var(--grade-8-bg);color:var(--grade-8-text);border-color:var(--grade-8-border)}.grade-7-2{background:var(--grade-7-2-bg);color:var(--grade-7-2-text)}.grade-7{background:var(--grade-7-bg);color:var(--grade-7-text)}.grade-6-2{background:var(--grade-6-2-bg);color:var(--grade-6-2-text)}.grade-6{background:var(--grade-6-bg);color:var(--grade-6-text)}.grade-5-2{background:var(--grade-5-2-bg);color:var(--grade-5-2-text)}.grade-5{background:var(--grade-5-bg);color:var(--grade-5-text)}.grade-4-2{background:var(--grade-4-2-bg);color:var(--grade-4-2-text)}.grade-4{background:var(--grade-4-bg);color:var(--grade-4-text)}.grade-3-2{background:var(--grade-3-2-bg);color:var(--grade-3-2-text)}.grade-3{background:var(--grade-3-bg);color:var(--grade-3-text);border:2px solid var(--grade-3-border);font-weight:700}.grade-special-2{background:var(--grade-sp2-bg);color:var(--grade-sp2-text);border:2px solid var(--grade-sp2-border);font-weight:700;box-shadow:0 2px 8px #64b5f64d}.grade-special{background:linear-gradient(135deg, var(--grade-sp-bg-grad-start) 0%, var(--grade-sp-bg-grad-end) 100%);color:var(--grade-sp-text);border:2px solid var(--grade-sp-border);text-shadow:0 1px 2px #00000080;font-weight:700;box-shadow:0 3px 10px #ffd70066}.grade-default{background:var(--length-none-bg);color:var(--length-none-text);border:1px solid var(--length-none-border)}.length-badge{white-space:nowrap;cursor:pointer;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.length-badge:hover{box-shadow:0 4px 8px var(--shadow-default);filter:brightness(1.1);transform:translateY(-2px)scale(1.05)}.length-장음{background:var(--length-long-bg);color:var(--length-long-text);border:1px solid var(--length-long-border)}.length-단음{background:var(--length-short-bg);color:var(--length-short-text);border:1px solid var(--length-short-border)}.length-없음{background:var(--length-none-bg);color:var(--length-none-text);border:1px solid var(--length-none-border)}.filter-chip{background:var(--bg-element);border:1px solid var(--border-default);box-shadow:0 1px 3px var(--shadow-default);border-radius:16px;align-items:center;gap:6px;padding:6px 4px 6px 12px;font-size:.9rem;transition:all .2s;display:inline-flex}.filter-chip:hover{box-shadow:0 2px 6px var(--shadow-default)}.filter-chip-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.filter-chip-value{color:var(--text-primary);font-weight:600}.filter-chip-remove{background:var(--border-light);cursor:pointer;width:20px;height:20px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:all .2s;display:flex}.filter-chip-remove:hover{background:var(--accent-delete-hover);color:#fff;transform:scale(1.1)}.filter-chip-remove:active{transform:scale(.95)}.hanja-char{color:var(--text-primary);font-family:Noto Serif KR,HanaMinB,Malgun Gothic,Dotum,sans-serif;font-size:1rem;font-weight:400}.blog-link{color:var(--text-primary);font-size:1.4rem;line-height:1;text-decoration:none;transition:all .3s;display:inline-block}body.dark-mode .blog-link{color:var(--text-link)}.blog-link:hover{filter:brightness(1.3);transform:scale(1.2)}.radical-char{color:var(--text-primary);margin-bottom:0;font-family:Noto Serif KR,HanaMinB,Malgun Gothic,Dotum,serif;font-size:1.5rem;font-weight:700}.radical-count{color:var(--text-secondary);font-size:.85rem;font-weight:600}.radical-meaning{color:var(--text-secondary);margin-bottom:2px;font-size:.8rem;font-weight:500}.selected-radical-meaning{color:var(--text-secondary);font-size:1rem;font-weight:400}#selectedRadical{color:var(--primary-color);margin-right:15px;font-size:1.3rem}.recent-hanja{color:var(--accent-teal-dark);font-family:Times New Roman,serif;font-size:1.4rem;font-weight:700}.recent-hanja sup{color:var(--text-secondary);vertical-align:super;margin-left:2px;font-size:.7rem}.recent-detail{color:var(--text-tertiary);font-size:.8rem}.favorite-star{cursor:pointer;filter:grayscale();opacity:.5;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1;transition:all .2s}.favorite-star:hover{filter:grayscale(0%);opacity:1;transform:scale(1.2)}.favorite-star.active{filter:grayscale(0%);opacity:1}.favorite-star.active:hover{transform:scale(1.3)rotate(20deg)}.favorite-btn{cursor:pointer;filter:grayscale();opacity:.5;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1;transition:all .2s}.favorite-btn:hover{filter:grayscale(0%);opacity:1;transform:scale(1.2)}.favorite-btn.active{filter:grayscale(0%);opacity:1}.favorite-btn.active:hover{transform:scale(1.3)rotate(20deg)}.checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);border-radius:4px;align-items:center;padding:8px 10px;transition:background .2s;display:flex}.checkbox-item:hover{background:var(--bg-hover-soft)}.checkbox-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0 8px 0 0}.loading-msg{text-align:center;color:var(--text-secondary);background:var(--bg-hover-soft);border-radius:8px;margin-bottom:20px;padding:30px;font-size:1.1rem;font-weight:600}.no-syllables-message{background:var(--bg-element);color:var(--text-tertiary);text-align:center;border-radius:8px;padding:15px;font-size:.9rem}.empty-msg{text-align:center;color:var(--text-tertiary);padding:40px 20px}.no-radicals{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:30px;font-size:1.1rem}@media (width<=768px){.dark-mode-btn{width:32px;height:32px;font-size:1.1rem}.favorites-toggle-btn{padding:8px 15px;font-size:.9rem}.chosung-btn{min-width:42px;padding:8px 12px;font-size:1rem}.syllable-btn{min-width:40px;padding:6px 10px;font-size:.9rem}.hanja-char{font-size:.85rem}.pagination>button{min-width:28px;height:28px;font-size:1.2rem}.page-numbers button{min-width:28px;height:28px;font-size:.85rem}.recent-view-btn{margin-left:5px;padding:8px 15px;font-size:.9rem}.radical-btn{min-height:70px;padding:12px 8px}.radical-char{font-size:1.6rem}.radical-count{font-size:.75rem}#selectedRadical{font-size:1.1rem}.nav-link{padding:8px 15px;font-size:.9rem}}