@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-card: #FFFFFF;--bg-input: #F4F4F5;--border-subtle: #E4E4E7;--text-primary: #09090B;--text-secondary: #52525B;--accent-primary: #D4C4A8;--accent-text: #000000;--accent-glow: rgba(212, 196, 168, .4);--ranking-card-bg: #F4F4F5;--ranking-card-text: #000000;--ranking-card-border: #E4E4E7;--color-background: var(--bg-primary);--color-card: var(--bg-card);--color-main-text: var(--text-primary);--color-subtle-text: var(--text-secondary)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0A0A0A;--bg-card: #121212;--bg-input: #18181B;--border-subtle: rgba(255, 255, 255, .08);--border-highlight: #D4C4A8;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--accent-primary: #D4C4A8;--accent-text: #000000;--accent-glow: rgba(212, 196, 168, .2);--ranking-card-bg: #27272A;--ranking-card-text: #FFFFFF;--ranking-card-border: rgba(255, 255, 255, .1);--glass-bg: rgba(18, 18, 18, .8)}@media (prefers-color-scheme: dark){:root{--bg-primary: #000000;--color-background: #000000;--color-main-text: #FFFFFF}}body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;font-family:Inter,sans-serif;overflow-x:hidden}.ranking-card-theme{background-color:var(--ranking-card-bg)!important;border:1px solid var(--ranking-card-border)!important;color:var(--ranking-card-text)!important}.ranking-card-theme h3,.ranking-card-theme h4,.ranking-card-theme p,.ranking-card-theme span{color:var(--ranking-card-text)!important}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle)}textarea,input{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle)}textarea:focus,input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-primary)!important}.btn-primary{background-color:var(--accent-primary)!important;color:var(--accent-text)!important;border:1px solid transparent}.btn-primary:hover{filter:brightness(1.1)}.strategy-btn-active{background-color:#27272a!important;border:1px solid var(--accent-primary)!important;color:#fff!important}.strategy-btn-inactive{background-color:transparent!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.tool-card-response{display:flex;flex-direction:column;gap:12px}.tool-card{display:block;background:var(--ranking-card-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;text-decoration:none;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-primary) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 8px 32px var(--accent-glow),0 2px 8px #0000001a}.tool-card:hover:before{opacity:.06}.tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.tool-card-logo-area{display:flex;align-items:center;gap:12px}.tool-card-logo{width:40px;height:40px;border-radius:10px;object-fit:contain;background:var(--bg-primary);border:1px solid var(--border-subtle);padding:4px;flex-shrink:0}.tool-card-logo-fallback{width:40px;height:40px;border-radius:10px;background:var(--accent-primary);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}.tool-card-name-block{display:flex;flex-direction:column;gap:2px}.tool-card-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.01em}.tool-card-rating{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--accent-primary)}.tool-card-star{width:12px;height:12px;fill:var(--accent-primary);color:var(--accent-primary)}.tool-card-body{margin-bottom:12px}.tool-card-label{display:block;font-size:10px;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.tool-card-tagline{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.tool-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tool-card-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border-subtle);font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.tool-card-tag-icon{font-size:10px}.tool-card-cta{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);transition:color .2s ease}.tool-card:hover .tool-card-cta{color:var(--accent-primary)}.tool-card-cta-icon{width:14px;height:14px}.ranking-tool-logo{width:24px;height:24px;border-radius:6px;object-fit:contain;background:var(--bg-primary);border:1px solid var(--border-subtle);padding:2px;flex-shrink:0}.ranking-tool-logo-fallback{width:24px;height:24px;border-radius:6px;background:var(--accent-primary);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}