.navbar .container{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.nav-logo{flex-shrink:0!important;order:1!important}.nav-brand{flex:1!important;order:2!important;display:flex!important;justify-content:center!important;min-width:0!important}.nav-language{flex-shrink:0!important;order:3!important}@media (min-width:1400px){.container{max-width:1400px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.charts-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:1399px) and (min-width:1200px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1199px) and (min-width:992px){.main-content .container{grid-template-columns:250px 1fr;gap:var(--spacing-xl);max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.filters-section{padding:var(--spacing-md)}.search-container input{width:250px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.stats-header{flex-wrap:wrap;gap:var(--spacing-md)}.stats-header h2{font-size:var(--font-2xl)}}@media (max-width:991px){.navbar .container{padding:var(--spacing-md)}.nav-brand h1{font-size:var(--font-xl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-icon{width:42px;height:42px}.nav-language .language-toggle-btn{width:36px;height:36px}.nav-language .language-toggle-btn svg{width:18px;height:18px}.nav-actions{width:100%;justify-content:space-between}.search-container{flex:1;max-width:300px}.search-container input{width:100%}.main-content .container{grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.filters-section{position:static;margin-bottom:var(--spacing-lg)}.filter-options{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.stats-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.stats-info{flex-direction:column;gap:var(--spacing-sm)}.view-toggles{align-self:flex-end}.tool-card{padding:var(--spacing-md)}.charts-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.modal-content{width:95%;margin:2% auto;max-height:90vh}}@media (max-width:767px){:root{--spacing-2xl:32px;--spacing-xl:24px;--spacing-lg:16px}.container{padding:0 var(--spacing-sm)}.navbar .container{padding:var(--spacing-sm);flex-direction:row;justify-content:space-between;align-items:center}.nav-logo{order:1;flex-shrink:0}.logo-icon{width:38px;height:38px}.nav-brand{order:2;flex:1;display:flex;justify-content:center;min-width:0;padding:0 var(--spacing-sm)}.nav-brand h1{font-size:var(--font-xl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-language{order:3;flex-shrink:0}.nav-language .language-toggle-btn{width:36px;height:36px}.nav-language .language-toggle-btn svg{width:18px;height:18px}.nav-subtitle{font-size:var(--font-xs)}.nav-actions{flex-direction:column;gap:var(--spacing-sm)}.search-container{max-width:100%}.search-container input{font-size:var(--font-sm);padding:var(--spacing-sm)}.comparison-btn{font-size:var(--font-sm);padding:var(--spacing-sm)}.main-content{padding:var(--spacing-lg) 0}.filters-section{padding:var(--spacing-sm);border-radius:var(--radius-md)}.filters-section h2{font-size:var(--font-lg);margin-bottom:var(--spacing-md)}.filter-group{margin-bottom:var(--spacing-md)}.filter-options{gap:var(--spacing-sm)}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.stats-header h2{font-size:var(--font-xl)}.tool-card{padding:var(--spacing-sm)}.tool-name{font-size:var(--font-lg)}.tool-actions{flex-direction:column;gap:var(--spacing-xs)}.tools-table{font-size:var(--font-sm)}.tools-table td,.tools-table th{padding:var(--spacing-sm)}.modal-content{width:98%;margin:1% auto;max-height:95vh}.modal-header{padding:var(--spacing-md)}.modal-header h3{font-size:var(--font-xl)}.modal-body{padding:var(--spacing-md)}.comparison-table{font-size:var(--font-sm)}.comparison-table td,.comparison-table th{padding:var(--spacing-sm)}.visualization-section{padding:var(--spacing-lg) 0}.visualization-section h2{font-size:var(--font-2xl);margin-bottom:var(--spacing-lg)}.chart-item{padding:var(--spacing-md)}.footer{padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-section h4{font-size:var(--font-base)}}@media (max-width:575px){:root{--font-3xl:24px;--font-2xl:20px;--font-xl:18px;--font-lg:16px;--font-base:14px;--font-sm:12px;--font-xs:11px}.container{padding:0 var(--spacing-xs)}.navbar .container{padding:var(--spacing-xs) var(--spacing-sm);flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.nav-logo{order:1;flex-shrink:0}.logo-icon{width:34px;height:34px}.nav-brand{order:2;flex:1;display:flex;justify-content:center;min-width:0;padding:0 var(--spacing-xs)}.nav-brand h1{font-size:var(--font-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-language{order:3;flex-shrink:0}.nav-language .language-toggle-btn{width:32px;height:32px}.nav-language .language-toggle-btn svg{width:16px;height:16px}.nav-subtitle{display:none}@media (max-width:400px){.nav-brand h1{font-size:var(--font-base)}.logo-icon{width:30px;height:30px}.nav-language .language-toggle-btn{width:28px;height:28px}.nav-language .language-toggle-btn svg{width:14px;height:14px}.navbar .container{padding:var(--spacing-xs);gap:var(--spacing-xs)}}.search-container input{width:200px}.stats-header{text-align:center}.stats-info{align-items:center}.view-toggles{align-self:center}.tool-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);text-align:left}.info-value{text-align:left}.popular-badge{position:static;margin-top:var(--spacing-xs)}.tools-table{overflow-x:scroll;-webkit-overflow-scrolling:touch}.tools-table table{min-width:600px}.modal-header h3{font-size:var(--font-lg)}.close-btn{font-size:var(--font-2xl)}.comparison-table{font-size:var(--font-xs)}.comparison-table td,.comparison-table th{padding:var(--spacing-xs)}.chart-item h3{font-size:var(--font-sm)}.footer-section{text-align:center}}@media (max-height:500px) and (orientation:landscape){.navbar{position:relative}.main-content{padding:var(--spacing-md) 0}.filters-section{position:static}.modal-content{max-height:90vh;margin:2% auto}.visualization-section{padding:var(--spacing-md) 0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.tool-card{border-width:.5px}.tools-table td,.tools-table th{border-width:.5px}}@media (hover:none){.tool-card:hover{transform:none}.comparison-btn:hover,.reset-btn:hover,.select-btn:hover,.view-btn:hover{transform:none}.comparison-btn,.reset-btn,.select-btn,.view-btn{min-height:44px;min-width:44px}.close-btn{min-height:44px;min-width:44px}.filter-options label{min-height:44px;display:flex;align-items:center}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.tool-card:hover{transform:none}.modal{animation:none}.modal-content{animation:none}}@media (prefers-color-scheme:dark){:root{--bg-white:#0f0f11;--bg-light:#1a1a1f;--bg-card:#1e1e24;--text-primary:#f0f0f2;--text-secondary:#b8b8c0;--text-muted:#7d7d85;--border-light:#2a2a32;--border-medium:#35353f;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.6);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.7);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.8);--primary-blue:#6366f1;--secondary-blue:#1e1b4b;--light-blue:#312e81;--accent-orange:#fb923c;--accent-gold:#fbbf24}.navbar{background-color:#0a0a0c;border-bottom:1px solid var(--border-light);box-shadow:0 2px 8px rgba(0,0,0,.5)}.filters-section{background-color:var(--bg-light);border:1px solid var(--border-light)}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.tool-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px rgba(99,102,241,.2)}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-medium);box-shadow:0 10px 40px rgba(0,0,0,.8)}.tools-table{background-color:var(--bg-card);border-color:var(--border-light)}.tools-table th{background-color:#1a1a2e;color:#a5b4fc;border-bottom:2px solid var(--border-medium)}.tools-table td{border-bottom-color:var(--border-light)}.tools-table tbody tr{background-color:transparent;transition:background-color .2s ease}.tools-table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.02)}.tools-table tbody tr:hover{background-color:rgba(99,102,241,.1)}.star-icon{color:#6b7280}.star-icon.filled{color:#fbbf24}.heart-icon{color:#6b7280}.heart-icon.voted{color:#ef4444}input[type=search],input[type=text],select{background-color:var(--bg-light);border-color:var(--border-light);color:var(--text-primary)}input[type=search]:focus,input[type=text]:focus,select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(99,102,241,.2)}button{background-color:var(--primary-blue);color:#fff}button:hover{background-color:#4c1d95}.visualization-section{background-color:var(--bg-light);border:1px solid var(--border-light)}.chart-item{background-color:var(--bg-card);border:1px solid var(--border-light)}.tools-table::-webkit-scrollbar-track{background:var(--bg-light)}.tools-table::-webkit-scrollbar-thumb{background:#4a4a52;border-color:var(--bg-light)}.tools-table::-webkit-scrollbar-thumb:hover{background:#5a5a62}.badge,.tag{background-color:rgba(99,102,241,.2);color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}a{color:#818cf8}a:hover{color:#a5b4fc}.tool-name-link{color:#818cf8!important}.tool-name-link:hover{color:#a5b4fc!important}.api-support{color:#34d399}.api-limited{color:#fbbf24}.api-none{color:#ef4444}.vote-count{color:var(--text-secondary)}.rating-info{color:var(--text-secondary)}.table-notes{background-color:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}.table-notes h4{color:#a5b4fc}}@media print{.comparison-btn,.filters-section,.footer,.modal,.navbar,.tool-actions,.view-toggles{display:none!important}.main-content{padding:0}.main-content .container{grid-template-columns:1fr;max-width:100%;margin:0;padding:0}.tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{break-inside:avoid;box-shadow:none;border:1px solid #000;margin-bottom:10px}.visualization-section{page-break-before:always}body{font-size:12px;line-height:1.4}h1,h2,h3{page-break-after:avoid}}