body{min-height:100vh;font-family:Noto Sans,Noto Sans JP,Yu Gothic,Meiryo,Roboto,Segoe UI,sans-serif;background-color:#f8f9fa;color:#212529;margin:0}#root{margin:0 auto;width:100vw}.container-fluid{max-width:1200px;margin:0 auto}.kanji-text{font-size:1.2rem}.hiragana-text{font-size:1.1rem}.vocabulary-table-container{width:100%;margin:0 auto}.table{border-collapse:separate;border-spacing:0;vertical-align:middle;font-size:1rem;background-color:white;border-radius:0;overflow:hidden}.table td,.table th{padding:12px 16px;vertical-align:middle;border:1px solid #dee2e6}thead th{font-weight:700;background-color:#007bff!important;color:white!important;border:1px solid #dee2e6}.vocab-row{transition:all .2s ease}.vocab-row:hover{background-color:#f0f7ff!important;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.search-container .card{border-radius:12px;background-color:white;transition:all .3s ease;border:1px solid #dee2e6}.search-container-mb{display:none}#search-type-btn{border:1px solid #dee2e6}.search-input-container{width:100%}.total-count .badge{font-size:1rem;padding:.5em .75em}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) img{animation:logo-spin 20s linear infinite}}a img{transition:transform .3s ease}a:hover img{transform:scale(1.1)}.bg-dark{background-color:#343a40!important}.search-box .btn,.search-box .form-control,.search-box .input-group-text{background-color:transparent!important;box-shadow:none!important;flex-shrink:0}.search-box .form-control{flex:1 1 auto}.search-box{border:2px solid #d0d2d3;border-radius:99px}@media (max-width:768px){td,th{font-size:.7rem}.main-content{max-width:100%}.navbar.sticky-top{z-index:2000}.hiragana-text,.kanji-text{font-size:.7rem}.vocab-row:hover{background-color:inherit!important;transform:none!important;box-shadow:none!important}.search-container,.total-count{display:none!important}.search-container-mb{display:block!important;position:sticky!important;top:66px!important;z-index:1050!important}.vocabulary-table-container{margin-top:0}.card-body{padding:0}.row{background-color:transparent}.table{table-layout:fixed;width:100%}.table td,.table th{overflow:visible;white-space:normal;text-overflow:unset;word-break:break-word}.search-box{position:relative!important;border-color:#007bff;border-style:solid;border-width:2px 0;border-radius:0;background-color:#fff}.search-box .dropdown-menu{position:absolute!important;left:0!important;right:0!important;top:5px!important;min-width:100%!important;max-height:50vh!important;overflow-y:auto!important;z-index:3000!important;border-radius:0!important;background:#fff!important}}.search-box .input-group{padding:5px 0}#search-type-btn{color:#6c757d}