@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-sidebar: #fafbfc;--accent-primary: #4f46e5;--accent-hover: #4338ca;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .04)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:#4f46e533;color:var(--text-primary)}.view-ai .ant-menu-item,.ant-layout:not(.view-magic) .ant-menu-item{transition:all .3s ease!important;border-radius:8px!important;margin:4px 8px!important}.view-ai .ant-menu-item:hover,.ant-layout:not(.view-magic) .ant-menu-item:hover{background:#0ea5e91a!important;transform:translate(4px)}.view-ai .ant-menu-item-active,.ant-layout:not(.view-magic) .ant-menu-item-active{background:#0ea5e926!important}.view-ai .ant-menu-item-selected,.ant-layout:not(.view-magic) .ant-menu-item-selected{background:#0ea5e91f!important;font-weight:500}.view-magic .ant-menu-item{transition:all .3s ease!important;border-radius:8px!important;margin:4px 8px!important}.view-magic .ant-menu-item:hover{background:#be123c1a!important;transform:translate(4px)}.view-magic .ant-menu-item-active{background:#be123c26!important}.view-magic .ant-menu-item-selected{background:#be123c1f!important;font-weight:500}.logo-header{transition:all .3s ease}.logo-header:hover{background:#4f46e50d}.view-ai .logo-header:hover,.ant-layout:not(.view-magic) .logo-header:hover{background:#0ea5e91a}.view-magic .logo-header:hover{background:#be123c1a}.view-ai .top-nav-categories button,.ant-layout:not(.view-magic) .top-nav-categories button{transition:all .3s ease!important;border-radius:8px!important}.view-ai .top-nav-categories button:hover,.ant-layout:not(.view-magic) .top-nav-categories button:hover{background:#0ea5e91a!important;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.view-magic .top-nav-categories button{transition:all .3s ease!important;border-radius:8px!important}.view-magic .top-nav-categories button:hover{background:#be123c1a!important;transform:translateY(-2px);box-shadow:0 4px 12px #be123c26}.search-tabs span{transition:all .3s ease!important;position:relative;padding:4px 8px;border-radius:6px}.search-tabs span:hover{background:#fff3;transform:translateY(-2px);text-shadow:0 2px 4px rgba(0,0,0,.2)}.search-tabs span:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translate(-50%)}.search-tabs span:hover:after{width:60%}@media(max-width:768px){.ant-layout{height:100vh;overflow:hidden}.ant-layout>.ant-layout{height:100vh;display:flex;flex-direction:column}main.ant-layout-content{padding:12px!important;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}.hero-search{padding:24px 12px!important;margin-bottom:20px!important;border-radius:12px!important}.hero-search h1{font-size:18px!important;letter-spacing:.5px!important;margin-bottom:16px!important}.search-tabs{overflow-x:auto!important;white-space:nowrap!important;padding:0 4px!important;margin-bottom:12px!important}.search-tabs span{font-size:13px!important;margin:0 10px!important;display:inline-block!important;padding-bottom:4px!important}.hero-search .ant-input{padding:12px 16px!important;font-size:14px!important}.hero-search .ant-btn{padding:0 20px!important}.theme-float-button{right:12px!important;bottom:12px!important}.theme-float-button button{width:44px!important;height:44px!important}.quick-links{gap:8px!important;margin-top:12px!important}.quick-links a{font-size:11px!important;padding:4px 8px!important}.top-nav-categories{gap:2px!important}.top-nav-categories button{font-size:12px!important;padding:4px 6px!important}main.ant-layout-content{padding:12px!important}.category-title{font-size:14px!important}.tool-detail-header,.tool-detail-content{padding:16px!important}}