:root{--bg-body: hsl(var(--background));--bg-surface: hsl(var(--card));--text-primary: hsl(var(--foreground));--text-secondary: hsl(var(--muted-foreground));--text-tertiary: hsl(var(--muted-foreground) / .7);--text-mono: hsl(var(--foreground) / .85);--brand-primary: hsl(var(--primary));--brand-glow: hsl(var(--primary) / .15);--border-light: hsl(var(--border) / .4);--border-focus: hsl(var(--primary) / .4);--star-active: hsl(var(--primary));--cyber-green: #10B981;--cyber-cyan: #06B6D4;--cyber-orange: #F59E0B;--cyber-red: #EF4444;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}.dark{--bg-body: hsl(var(--background));--bg-surface: hsl(var(--card));--text-primary: hsl(var(--foreground));--text-secondary: hsl(var(--muted-foreground));--text-tertiary: hsl(var(--muted-foreground) / .6);--text-mono: hsl(var(--foreground) / .9);--brand-primary: hsl(var(--primary));--brand-glow: hsl(var(--primary) / .25);--border-light: hsl(var(--border) / .6);--border-focus: hsl(var(--primary) / .5)}.tools-root *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.tools-root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;background-color:var(--bg-body);color:var(--text-primary);padding-bottom:80px}.tools-grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(hsl(var(--border) / .25) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .25) 1px,transparent 1px);background-size:50px 50px;background-position:center top;mask-image:radial-gradient(ellipse 70% 60% at center top,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at center top,black 30%,transparent 80%);filter:blur(1.5px);pointer-events:none;opacity:.5}.tools-container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.tools-hero{padding:clamp(60px,9vw,90px) 0 clamp(40px,6vw,50px);text-align:center;max-width:950px;margin:0 auto;position:relative}.tools-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:hsl(var(--card) / .6);backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--cyber-green);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;border-radius:6px;margin-bottom:24px;box-shadow:0 0 15px #22c35d1a;letter-spacing:.05em}.tools-status-badge i{font-size:.75rem;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.tools-hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:20px;color:var(--text-primary);text-shadow:0 0 40px hsl(var(--primary) / .1)}.tools-hero h1 span{background:linear-gradient(135deg,var(--brand-primary),var(--cyber-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.tools-hero>p{font-size:clamp(1rem,3vw,1.2rem);color:var(--text-secondary);margin:0 auto 32px;max-width:750px;line-height:1.7}.tools-trust-bullets{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:24px}.tools-trust-bullet{display:flex;align-items:center;gap:8px;font-size:.85rem;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-secondary);background:hsl(var(--foreground) / .03);padding:6px 14px;border-radius:4px;border:1px solid var(--border-light)}.tools-trust-bullet i{color:var(--cyber-cyan)}.tools-layout-wrapper{display:grid;grid-template-columns:1fr;gap:24px;position:relative;z-index:1;width:100%}@media(min-width:1024px){.tools-layout-wrapper{grid-template-columns:300px 1fr;align-items:start;gap:40px}}.tools-main-content{position:relative;z-index:2;width:100%}.tools-desktop-sidebar{display:none}@media(min-width:1024px){.tools-desktop-sidebar{display:block;position:sticky;top:104px;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}.tools-desktop-sidebar::-webkit-scrollbar{width:5px}.tools-desktop-sidebar::-webkit-scrollbar-track{background:transparent}.tools-desktop-sidebar::-webkit-scrollbar-thumb{background:hsl(var(--primary) / .25);border-radius:5px;border:1px solid transparent;background-clip:padding-box}.tools-desktop-sidebar::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .4);background-clip:padding-box}}.tools-sidebar-sticky-box{background:linear-gradient(135deg,hsl(var(--card) / .65),hsl(var(--card) / .5));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--border-focus);border-radius:14px;padding:28px;box-shadow:0 20px 60px -20px hsl(var(--primary) / .15),inset 0 1px hsl(var(--foreground) / .08)}.tools-sidebar-status-panel{margin-bottom:28px;padding:18px;background:linear-gradient(135deg,hsl(var(--primary) / .08),hsl(var(--primary) / .04));border:1.5px solid hsl(var(--primary) / .2);border-radius:10px;font-family:JetBrains Mono,monospace;box-shadow:inset 0 1px 2px hsl(var(--foreground) / .04)}.tools-sidebar-status-title{font-size:.7rem;font-weight:800;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;display:flex;align-items:center;gap:8px}.tools-sidebar-status-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin-bottom:10px;color:var(--text-secondary);padding:2px 0}.tools-sidebar-status-item:last-child{margin-bottom:0}.tools-sidebar-status-val{font-weight:800;font-size:.8rem}.tools-status-online{color:var(--cyber-green)}.tools-status-alert{color:var(--cyber-cyan)}.tools-sidebar-section-title{font-size:.7rem;font-weight:800;color:var(--brand-primary);letter-spacing:.12em;margin-bottom:18px;margin-top:10px;display:flex;align-items:center;gap:9px;font-family:JetBrains Mono,monospace;text-transform:uppercase;padding-bottom:12px;border-bottom:2px solid hsl(var(--primary) / .25)}.tools-sidebar-nav{display:flex;flex-direction:column;gap:8px}.tools-sidebar-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:12px 16px 13px;border-radius:9px;border:1.5px solid transparent;transition:var(--transition-smooth);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:hsl(var(--foreground) / .02);position:relative;overflow:hidden}.tools-sidebar-link:hover{color:var(--text-primary);background:hsl(var(--primary) / .08);border-color:hsl(var(--primary) / .3);transform:translate(3px);box-shadow:0 4px 12px -4px hsl(var(--primary) / .15)}.tools-sidebar-link.active{background:linear-gradient(135deg,hsl(var(--primary) / .18),hsl(var(--primary) / .12));color:var(--brand-primary);font-weight:700;border:1.5px solid hsl(var(--primary) / .4);box-shadow:inset 0 0 12px hsl(var(--primary) / .08),0 6px 20px -6px hsl(var(--primary) / .2);position:relative}.tools-sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand-primary),hsl(var(--primary) / .6));border-radius:9px 0 0 9px}.tools-sidebar-label{display:flex;align-items:center;gap:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tools-sidebar-label i{font-size:1rem;width:18px;text-align:center;transition:var(--transition-smooth);color:var(--text-secondary)}.tools-sidebar-link:hover .tools-sidebar-label i{color:var(--brand-primary);transform:scale(1.1)}.tools-sidebar-link.active .tools-sidebar-label i{color:var(--brand-primary)}.tools-sidebar-count{font-size:.75rem;font-weight:800;background:hsl(var(--primary) / .12);color:var(--brand-primary);padding:4px 8px;border-radius:5px;border:1px solid hsl(var(--primary) / .25);font-family:JetBrains Mono,monospace;flex-shrink:0}.tools-sidebar-link:hover .tools-sidebar-count{background:hsl(var(--primary) / .18);border-color:hsl(var(--primary) / .4)}.tools-sidebar-link.active .tools-sidebar-count{background:hsl(var(--primary) / .25);color:var(--brand-primary);border-color:hsl(var(--primary) / .5);box-shadow:0 2px 8px hsl(var(--primary) / .15)}.tools-mobile-sticky-nav-wrapper{position:sticky;top:80px;z-index:100;margin-bottom:28px;padding:8px 16px;pointer-events:none;display:block;width:100%;background:hsl(var(--background))}@media(min-width:1024px){.tools-mobile-sticky-nav-wrapper{display:none}}.tools-mobile-sticky-nav{pointer-events:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,hsl(var(--card) / .9),hsl(var(--card) / .8));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid hsl(var(--primary) / .3);padding:10px 14px;border-radius:10px;box-shadow:0 12px 32px -10px hsl(var(--primary) / .15),inset 0 1px hsl(var(--foreground) / .08);overflow-x:auto;scrollbar-width:none;white-space:nowrap}.tools-mobile-sticky-nav::-webkit-scrollbar{display:none}.tools-mobile-nav-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:9px 13px;border-radius:7px;border:1.5px solid transparent;transition:var(--transition-smooth);background:hsl(var(--foreground) / .02);flex-shrink:0}.tools-mobile-nav-link:hover{color:var(--text-primary);background:hsl(var(--primary) / .08);border-color:hsl(var(--primary) / .25);transform:scale(1.02)}.tools-mobile-nav-link.active{background:linear-gradient(135deg,hsl(var(--primary) / .16),hsl(var(--primary) / .1));color:var(--brand-primary);border-color:hsl(var(--primary) / .4);font-weight:700;box-shadow:0 4px 12px -4px hsl(var(--primary) / .2)}.tools-search-container{width:100%;margin:0 0 32px;position:relative;z-index:3}.tools-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--brand-primary);font-size:1rem;opacity:.85}.tools-search-input{width:100%;padding:16px 20px 16px 48px;background:hsl(var(--card) / .4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;font-family:JetBrains Mono,monospace;color:var(--text-primary);box-shadow:0 4px 20px -8px hsl(var(--foreground) / .04);transition:var(--transition-smooth)}.tools-search-input:focus{outline:none;border-color:var(--brand-primary);background:hsl(var(--card) / .7);box-shadow:0 0 0 3px var(--brand-glow),0 8px 24px -10px hsl(var(--primary) / .15)}.tools-category-block{margin-bottom:48px;scroll-margin-top:190px;position:relative;z-index:2}@media(min-width:1024px){.tools-category-block{scroll-margin-top:130px;margin-bottom:60px}}.tools-category-header{display:flex;align-items:center;margin-bottom:24px}.tools-category-header h2{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.tools-category-header h2:before{content:">";font-weight:800;color:var(--cyber-cyan)}.tools-category-count{margin-left:12px;background:hsl(var(--foreground) / .03);color:var(--text-secondary);border:1px solid var(--border-light);padding:2px 8px;border-radius:4px;font-size:.7rem;font-family:JetBrains Mono,monospace;font-weight:700}.tools-category-header:after{content:"";flex-grow:1;height:1px;background:var(--border-light);margin-left:20px;opacity:.5}.tools-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;align-items:stretch}.tools-card{display:flex;flex-direction:column;background:hsl(var(--card) / .35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:8px;padding:24px;cursor:pointer;transition:var(--transition-smooth);position:relative;text-decoration:none;color:inherit;overflow:hidden;opacity:0;transform:translateY(20px)}.tools-card.tools-revealed{animation:toolsSlideUpFade .5s cubic-bezier(.16,1,.3,1) forwards}.tools-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 70%,color-mix(in srgb,var(--brand-color, var(--brand-primary)) 5%,transparent));opacity:0;transition:var(--transition-smooth);z-index:0}.tools-card:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--brand-color, var(--brand-primary)),transparent);opacity:0;z-index:1;pointer-events:none}.tools-card:hover:after{animation:laserSweep 1s cubic-bezier(.25,.8,.25,1) forwards;opacity:.8}@keyframes laserSweep{0%{top:-5%}to{top:105%}}@keyframes toolsSlideUpFade{to{opacity:1;transform:translateY(0)}}.tools-card:hover{transform:translateY(-4px);border-color:var(--brand-color, var(--brand-primary));background:hsl(var(--card) / .65);box-shadow:0 16px 36px -12px color-mix(in srgb,var(--brand-color, var(--brand-primary)) 18%,transparent)}.tools-card:hover:before{opacity:1}.tools-card-top{display:flex;align-items:center;gap:16px;margin-bottom:20px;position:relative;z-index:2}.tools-website-icon{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-smooth);background-color:hsl(var(--foreground) / .03);border:1px solid var(--border-light)}.tools-brand-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;transition:var(--transition-smooth)}.tools-card:hover .tools-brand-icon{transform:scale(1.15)}.tools-card:hover .tools-website-icon{border-color:var(--brand-color);background-color:color-mix(in srgb,var(--brand-color) 10%,hsl(var(--card) / .4));box-shadow:0 0 15px color-mix(in srgb,var(--brand-color) 40%,transparent)}.tools-card-title-group{flex-grow:1}.tools-card-title-group h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em;line-height:1.2}.tools-rating-display{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:JetBrains Mono,monospace}.tools-stars{display:flex;gap:2px;font-size:.7rem}.tools-stars .fa-solid{color:var(--brand-color, var(--brand-primary))}.tools-stars .fa-regular{color:var(--text-tertiary);opacity:.35}.tools-rating-score{font-weight:700;color:var(--text-mono)}.tools-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:2}.tools-card-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px dashed var(--border-light);font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-tertiary);font-size:.75rem;transition:var(--transition-smooth);position:relative;z-index:2}.tools-card:hover .tools-card-action{color:var(--brand-color, var(--brand-primary));border-top-color:color-mix(in srgb,var(--brand-color, var(--brand-primary)) 30%,transparent)}.tools-card-action span{display:flex;align-items:center;gap:6px}.tools-card-action span:before{content:"[";opacity:.5}.tools-card-action span:after{content:"]";opacity:.5}.tools-card-action i{transition:transform .3s cubic-bezier(.25,.8,.25,1)}.tools-card:hover .tools-card-action i{transform:translate(4px)}.tools-empty-state{text-align:center;padding:80px 20px;background:hsl(var(--card) / .25);border:1px dashed var(--border-light);border-radius:8px;display:none}.tools-empty-state i{font-size:2.2rem;color:var(--cyber-red);margin-bottom:16px;opacity:.8}.tools-empty-state p{font-size:.95rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary)}.tools-stat-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.tools-stat{display:flex;flex-direction:column;align-items:center;min-width:134px;padding:16px 22px;background:hsl(var(--card) / .55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:10px;transition:var(--transition-smooth)}.tools-stat:hover{border-color:var(--border-focus);transform:translateY(-3px);box-shadow:0 14px 30px -16px hsl(var(--primary) / .35)}.tools-stat-value{font-family:JetBrains Mono,monospace;font-size:1.95rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--brand-primary),var(--cyber-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.tools-stat-label{margin-top:9px;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase;font-family:JetBrains Mono,monospace;text-align:center}.tools-rating-meter{margin-top:14px;height:7px;border-radius:5px;background:hsl(var(--foreground) / .08);overflow:hidden}.tools-rating-meter-fill{height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,var(--cyber-green),var(--cyber-cyan));transition:width 1.4s cubic-bezier(.16,1,.3,1)}.tools-rating-meter-fill.is-live{width:var(--meter)}.tools-sidebar-bar{position:absolute;left:16px;right:16px;bottom:4px;height:3px;border-radius:3px;background:linear-gradient(90deg,hsl(var(--primary) / .85),hsl(var(--primary) / .12));transform:scaleX(0);transform-origin:left;opacity:.6;transition:transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none}.tools-sidebar-nav.bars-live .tools-sidebar-bar{transform:scaleX(var(--bar))}.tools-sidebar-link:hover .tools-sidebar-bar{opacity:.9}.tools-sidebar-link.active .tools-sidebar-bar{opacity:1;background:linear-gradient(90deg,var(--brand-primary),hsl(var(--primary) / .25))}@media(prefers-reduced-motion:reduce){.tools-card{opacity:1!important;transform:none!important;animation:none!important}.tools-rating-meter-fill,.tools-sidebar-bar{transition:none!important}}@media(scripting:none){.tools-card{opacity:1;transform:none}.tools-rating-meter-fill{width:var(--meter)}.tools-sidebar-bar{transform:scaleX(var(--bar))}}@media(max-width:768px){.tools-grid-layout{grid-template-columns:1fr;gap:16px}.tools-trust-bullets{flex-direction:column;align-items:center;gap:12px}.tools-stat{min-width:0;flex:1 1 calc(50% - 14px);padding:14px 8px}.tools-stat-value{font-size:1.55rem}}