@font-face{font-family:Open Sauce Sans;src:url(/Fonts/OpenSauceSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Open Sauce Sans;src:url(/Fonts/OpenSauceSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Open Sauce Sans;src:url(/Fonts/OpenSauceSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-card:transparent;--bg-elevated:#1a1a1a;--bg-input:transparent;--bg-hover:rgba(255,255,255,0.1);--bg-sponsor-btn:#ffffff;--text-primary:#ffffff;--text-secondary:#9F9F9F;--text-muted:#6B7280;--text-placeholder:#666666;--text-inverse:#000000;--border-primary:#232323;--border-hover:#ffffff;--border-subtle:#151515;--accent:#EC2431;--accent-hover:#d41e2a;--skeleton-from:#1a1a1a;--skeleton-mid:#2a2a2a;--sidebar-bg:transparent;--sidebar-mobile-bg:#000000;--overlay-bg:rgba(0,0,0,0.6);--tool-preview-bg:#ffffff;--tag-bg:transparent;--tag-active-bg:#ffffff;--tag-active-text:#030303;--card-detail-bg:rgba(255,255,255,0.02);--tag-chip-bg:rgba(255,255,255,0.05);--icon-filter:none;--logo-filter:none;--chevron-filter:none;--search-icon-filter:none;--toggle-icon-filter:none}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#ffffff;--bg-card:#ffffff;--bg-elevated:#ffffff;--bg-input:#ffffff;--bg-hover:rgba(0,0,0,0.06);--bg-sponsor-btn:#111111;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#8a8a8a;--text-placeholder:#aaaaaa;--text-inverse:#ffffff;--border-primary:#e0e0e0;--border-hover:#1a1a1a;--border-subtle:#f0f0f0;--accent:#EC2431;--accent-hover:#d41e2a;--skeleton-from:#e8e8e8;--skeleton-mid:#f5f5f5;--sidebar-bg:#ffffff;--sidebar-mobile-bg:#ffffff;--overlay-bg:rgba(0,0,0,0.3);--tool-preview-bg:#f0f0f0;--tag-bg:transparent;--tag-active-bg:#1a1a1a;--tag-active-text:#ffffff;--card-detail-bg:rgba(0,0,0,0.02);--tag-chip-bg:rgba(0,0,0,0.04);--icon-filter:invert(1) brightness(0.2);--logo-filter:invert(1) brightness(0.1);--chevron-filter:invert(1) brightness(0.3);--search-icon-filter:invert(1) brightness(0.3);--toggle-icon-filter:invert(1) brightness(0.2)}html{font-family:Open Sauce Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:visible}html.theme-ready,html.theme-ready *,html.theme-ready :after,html.theme-ready :before{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1)!important}html.theme-ready .sidebar-container{transition:width .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1),background-color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1)!important}html.theme-ready .main-content{transition:margin-left .45s cubic-bezier(.16,1,.3,1),background-color .5s cubic-bezier(.4,0,.2,1)!important}html.theme-ready .sliding-red-line{transition:top .6s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease!important}.newsletter-form{margin:20px 0}.newsletter-form-container{display:flex;flex-direction:column;gap:12px}.newsletter-input-container{display:flex;align-items:center;gap:16px}.newsletter-input-wrapper{position:relative;width:500px;height:49px}.newsletter-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;z-index:1;filter:var(--search-icon-filter)}.newsletter-stats{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap}.newsletter-input{width:100%;height:100%;background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;padding:0 150px 0 52px;transition:border-color .3s ease-in-out}.newsletter-input:focus,.newsletter-input:hover{border-color:var(--border-hover)}.newsletter-input:focus{outline:none}.newsletter-input::placeholder{color:var(--text-placeholder)}.newsletter-submit{position:absolute;right:5px;top:5px;bottom:5px;height:39px;padding:0 24px;background-color:var(--accent);color:#ffffff;border:none;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out;white-space:nowrap}.newsletter-submit:hover:not(:disabled){background-color:var(--accent-hover)}.newsletter-submit:disabled{opacity:.6;cursor:not-allowed}.newsletter-message{font-size:14px}.newsletter-message.error{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:8px 12px;border-radius:6px}@keyframes newsletter-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes newsletter-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.newsletter-form--fading{animation:newsletter-fade-out .35s ease forwards;pointer-events:none}.newsletter-subscribed{display:flex;align-items:center;gap:10px;animation:newsletter-fade-in .35s ease forwards}.newsletter-subscribed h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.newsletter-check{width:20px;height:20px;flex-shrink:0;color:var(--text-primary)}.sponsors-section{margin-top:30px}.sponsors-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:15px}.sponsors-container{display:flex;gap:10px;align-items:center}.sponsor-box{position:relative;width:45px;height:45px;background-color:#ffffff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.sponsor-box:hover{transform:translateY(-2px)}.sponsor-logo{width:26px;height:26px;object-fit:contain}.sponsor-fallback{font-size:16px;font-weight:700;color:var(--text-secondary);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sponsor-box[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px) scale(.94);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border-primary);box-shadow:0 4px 16px rgba(0,0,0,.2);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10}.sponsor-box[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}h1{font-size:56px;line-height:67px}.tool-title,h1{font-weight:600}.tool-title{font-size:20px;line-height:35px}.description,.subtitle{font-size:15px;font-weight:400;line-height:23px;color:var(--text-secondary)}.sidebar-category{font-size:15px;font-weight:500}.btn-text{font-size:14px;font-weight:500}.app-container{display:flex;height:100vh;width:100vw}.main-content{margin-left:392px;flex:1 1;height:100vh;overflow-y:auto;background-color:var(--bg-primary)}.header{justify-content:flex-end;padding:30px 30px 0;gap:20px}.header,.search-container{display:flex;align-items:center}.search-container{gap:10px}.search-input-wrapper{position:relative;width:780px;height:49px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;z-index:1;filter:var(--search-icon-filter)}.search-bar{width:100%;height:100%;background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;padding:0 16px 0 52px;transition:border-color .3s ease-in-out;outline:none}.search-bar:focus,.search-bar:hover{border-color:var(--border-hover)}.search-bar::placeholder{color:var(--text-placeholder)}.mobile-search-btn,.mobile-search-panel{display:none}.mobile-search-form{width:100%}.mobile-search-inner{position:relative;width:100%;height:44px;display:flex;align-items:center}.mobile-search-panel-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;z-index:1;filter:var(--search-icon-filter)}.mobile-search-panel-input{width:100%;height:44px;background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;padding:0 44px 0 46px;outline:none;transition:border-color .25s ease}.mobile-search-panel-input:focus{border-color:var(--border-hover)}.mobile-search-panel-input::placeholder{color:var(--text-placeholder)}.mobile-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;transition:color .2s ease,background .2s ease}.mobile-search-clear:hover{color:var(--text-primary);background:var(--bg-elevated)}.become-sponsor-btn{background-color:var(--bg-sponsor-btn);color:var(--text-inverse);border:none;border-radius:12px;padding:0 20px;height:49px;font-size:15px;font-weight:500;font-family:Open Sauce Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;white-space:nowrap;transition:all .2s ease}.become-sponsor-btn:hover{opacity:.88}.hero{padding:60px 30px 40px;text-align:left}.hero h1{color:var(--text-primary);margin-bottom:40px}.featured-section{padding:0 30px;margin-bottom:48px}.featured-grid{display:grid;grid-template-columns:repeat(var(--featured-cols,3),1fr);grid-gap:30px;gap:30px;border:1px solid var(--border-primary);border-radius:16px;padding:50px}.featured-heading{grid-column:1/-1;font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.tools-section{padding:0 30px 30px}.tools-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,4),1fr);grid-gap:30px;gap:30px}.no-tools{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-tools a{color:var(--text-primary);text-decoration:underline}.tool-card{background-color:transparent;border-radius:12px;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1)}.tool-preview .website-preview:hover,.tool-preview img:hover{transform:scale(1.05)}.tool-preview{width:100%;aspect-ratio:16/9;background-color:var(--tool-preview-bg);position:relative;border-radius:8px;overflow:hidden}.tool-preview img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.tool-image-container{position:relative;width:100%;height:100%}.tool-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.tool-image-container:hover .website-preview,.tool-image-container:hover img{transform:scale(1.05)}.hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));display:flex;align-items:flex-end;justify-content:space-between;padding:16px;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.tool-image-container:hover .hover-overlay{opacity:1}.pricing-badge{background:transparent;color:#ffffff;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;text-transform:capitalize;text-shadow:0 2px 4px rgba(0,0,0,.5)}.open-link-btn{background:transparent;border:none;border-radius:8px;padding:8px;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;position:relative}.open-link-btn:hover{transform:scale(1.05)}.open-link-btn img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.open-link-btn[data-tooltip]:not([data-tooltip=""]):before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border-primary);box-shadow:0 4px 16px rgba(0,0,0,.2);pointer-events:none;opacity:0;transform:translateY(4px) scale(.94);transition:opacity .15s ease,transform .15s ease;z-index:100;max-width:280px;overflow:hidden;text-overflow:ellipsis}.open-link-btn[data-tooltip]:not([data-tooltip=""]):hover:before{opacity:1;transform:translateY(0) scale(1)}.category-description{color:var(--text-primary);opacity:.9;font-size:1.25rem;margin-bottom:0;line-height:1.6}.website-preview{width:100%;height:100%;background:#ffffff;font-size:8px;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1)}.browser-bar{height:16px;background:#e5e5e5;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid #ddd}.browser-dots{display:flex;gap:2px}.dot{width:4px;height:4px;border-radius:50%;background:#ff5f57}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#28ca42}.browser-url{margin-left:12px;font-size:6px;color:#666}.website-content{height:calc(100% - 16px);background:#ffffff;padding:4px}.website-header{display:flex;align-items:center;justify-content:space-between;height:12px;margin-bottom:4px;padding:0 4px}.website-logo{width:24px;height:8px;background:#333;border-radius:1px}.website-nav{display:flex;gap:4px}.nav-item{height:2px;background:#ddd;border-radius:1px}.website-hero{display:flex;gap:8px;margin-bottom:6px;height:32px}.hero-text{flex:1 1;display:flex;flex-direction:column;gap:2px;padding:2px}.hero-title{height:4px;background:#333;border-radius:1px;width:80%}.hero-subtitle{height:2px;background:#999;border-radius:1px;width:60%}.hero-image{width:40px;height:28px;background:#f0f0f0;border-radius:2px}.website-section{display:flex;gap:6px;height:40px}.section-left{flex:1 1;display:flex;align-items:center}.section-block{width:100%;height:32px;background:#000;border-radius:2px}.section-right{width:50px;display:flex;flex-direction:column;gap:2px}.purple-block{height:20px;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:2px}.small-blocks{display:flex;gap:2px;height:18px}.small-block{flex:1 1;background:#f0f0f0;border-radius:1px}.small-block.dark{background:#333}.bookmark-icon{position:absolute;top:12px;right:12px;width:24px;height:24px;cursor:pointer;background:rgba(255,255,255,.9);border-radius:4px;display:flex;align-items:center;justify-content:center}.tool-content{padding:20px 0;color:var(--text-primary)}.tool-content .tool-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600;line-height:24px}.tool-content .description{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:23px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-tags{display:flex;gap:8px;flex-wrap:wrap}.tool-tag{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;border:1.5px solid var(--border-primary);transition:all .3s ease-in-out;cursor:pointer}.tool-tag,.tool-tag:hover{background-color:var(--tag-bg);color:var(--text-primary)}.tool-tag:hover{border:1.5px solid var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tool-tag.active{background-color:var(--tag-active-bg);color:var(--tag-active-text);border:1.5px solid var(--tag-active-bg)}.tool-tag.clickable{transition:all .2s ease}.tool-tag.clickable:hover{border-color:var(--border-hover);box-shadow:0 2px 8px rgba(0,0,0,.15)}.sidebar-container{position:fixed;left:30px;top:30px;bottom:30px;width:332px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;padding:30px 30px 0;border:1.5px solid var(--border-primary);border-radius:12px;overflow:hidden;z-index:200;transition:width .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1)}.sidebar-logo{justify-content:space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:1.5px solid var(--border-primary);margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px;transition:margin .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1),justify-content 0s}.logo-content,.sidebar-logo{display:flex;align-items:center}.logo-text-svg{height:28px;width:auto;overflow:hidden;max-width:200px;display:block;filter:invert(0);transition:opacity .2s ease,max-width .3s cubic-bezier(.16,1,.3,1),filter .2s ease}[data-theme=dark] .logo-text-svg{filter:invert(1)}.logo-symbol-svg{height:28px;width:auto;display:none;filter:invert(0);transition:filter .2s ease}[data-theme=dark] .logo-symbol-svg{filter:invert(1)}.logo-star{margin-left:8px;font-size:16px}.sidebar-close-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1.5px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.sidebar-close-btn:hover{border-color:var(--border-hover);background-color:var(--bg-hover)}.sponsor-btn-icon{display:none;font-size:18px;font-weight:400;line-height:1}.sponsor-btn-short{display:none}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}.theme-toggle{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle img{width:18px;height:18px;object-fit:contain}.theme-toggle:hover{background-color:var(--bg-hover)}.sidebar-navigation{flex:1 1;justify-content:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.nav-category{margin-bottom:23px}.nav-item{display:flex;align-items:center;cursor:pointer;color:var(--text-muted);font-size:15px;font-weight:500;transition:color .4s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);margin-left:0;padding:14px 0;background:transparent}.nav-item:hover{color:var(--text-primary)}.nav-item.active:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:3px;height:46px;background-color:#EC2431;z-index:20;border-radius:0 2px 2px 0}.nav-item.active .nav-text{color:#EC2431}.nav-item.active .category-icon-img{filter:brightness(0) saturate(100%) invert(12%) sepia(94%) saturate(7482%) hue-rotate(356deg) brightness(91%) contrast(115%)}.nav-icon{font-size:20px;margin-right:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.category-icon-img{width:20px;height:20px;object-fit:contain;background:transparent;filter:var(--icon-filter);transition:filter .4s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.nav-item:hover .category-icon-img{transform:scale(1)}.nav-text{flex:1 1;min-width:0;white-space:nowrap;color:var(--text-primary);transition:color .4s cubic-bezier(.16,1,.3,1),opacity .2s ease,max-width .3s cubic-bezier(.16,1,.3,1);z-index:2;max-width:200px}.nav-item,.nav-text{position:relative;overflow:hidden}.nav-chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:10}.nav-chevron.expanded{transform:translateY(-50%) rotate(180deg)}.nav-chevron img{transition:opacity .3s ease,filter .5s cubic-bezier(.4,0,.2,1);filter:var(--chevron-filter)}.nav-item:hover .nav-chevron img{opacity:.8}.nav-chevron img{width:20px;height:20px;object-fit:contain}.sliding-red-line{position:absolute;left:-2px;top:0;opacity:0;width:4px;height:46px;background:linear-gradient(90deg,#EC2431,#ff3d4a);border-radius:0 3px 3px 0;z-index:1000;transition:top .6s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;pointer-events:none;box-shadow:0 0 12px rgba(236,36,49,.6),0 0 24px rgba(236,36,49,.3),2px 0 8px rgba(236,36,49,.4);will-change:top,transform}@keyframes indicatorPulse{0%,to{box-shadow:0 0 12px rgba(236,36,49,.6),0 0 24px rgba(236,36,49,.3),2px 0 8px rgba(236,36,49,.4)}50%{box-shadow:0 0 16px rgba(236,36,49,.8),0 0 32px rgba(236,36,49,.4),2px 0 12px rgba(236,36,49,.5)}}.sliding-red-line{animation:indicatorPulse 2s ease-in-out infinite}.sliding-red-line.indicator-animating{transform:scaleX(1.3);box-shadow:0 0 20px rgba(236,36,49,.8),0 0 40px rgba(236,36,49,.4),2px 0 16px rgba(236,36,49,.6)}@media (prefers-reduced-motion:reduce){.sliding-red-line{transition:top .01s linear;animation:none;box-shadow:0 0 8px rgba(236,36,49,.5)}.sliding-red-line.indicator-animating{transform:none;box-shadow:0 0 8px rgba(236,36,49,.5)}}.nav-subitems{padding-left:30px;margin-bottom:16px;overflow:hidden;animation:expandSubcategories .4s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top}@keyframes expandSubcategories{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.nav-subitem{animation:fadeInSubitem .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.nav-subitem:first-child{animation-delay:.05s}.nav-subitem:nth-child(2){animation-delay:.1s}.nav-subitem:nth-child(3){animation-delay:.15s}.nav-subitem:nth-child(4){animation-delay:.2s}.nav-subitem:nth-child(5){animation-delay:.25s}@keyframes fadeInSubitem{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.nav-subitem,.nav-subitems{animation:none;opacity:1;transform:none}}.nav-subitem{color:var(--text-muted);font-size:14px;font-weight:400;cursor:pointer;transition:color .4s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);position:relative;margin-left:0;padding:10px 0}.nav-subitem:hover{color:var(--text-primary);transform:translateX(4px)}.sidebar-submit{margin-top:auto;padding-top:30px;border-top:1.5px solid var(--border-primary);margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px;display:flex;align-items:center;position:relative;height:50px}.sidebar-submit:before{left:80px}.sidebar-submit:after,.sidebar-submit:before{content:"";position:absolute;bottom:0;width:1px;height:50px;background-color:var(--border-primary)}.sidebar-submit:after{right:80px}.sidebar-submit .theme-toggle{cursor:pointer;width:80px;height:49px;display:flex;align-items:center;justify-content:center;border-radius:0 0 0 11px;transition:background-color .2s ease;position:absolute;left:0;bottom:0}.sidebar-submit .theme-toggle:hover{background-color:var(--bg-hover)}.sidebar-submit .theme-toggle img{width:20px;height:20px;object-fit:contain;filter:var(--toggle-icon-filter)}.sidebar-submit .submit-text{color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;height:49px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:background-color .2s ease,opacity .2s ease,max-width .3s cubic-bezier(.16,1,.3,1);overflow:hidden;max-width:500px;white-space:nowrap;position:absolute;left:81px;right:81px;bottom:0}.sidebar-submit .submit-text:hover{background-color:var(--bg-hover)}.sidebar-submit .submit-icon{cursor:pointer;width:80px;height:49px;display:flex;align-items:center;justify-content:center;border-radius:0 0 11px 0;transition:background-color .2s ease;position:absolute;right:0;bottom:0}.sidebar-submit .submit-icon:hover{background-color:var(--bg-hover)}.sidebar-submit .submit-icon img{width:20px;height:20px;object-fit:contain;filter:var(--icon-filter)}.sidebar-collapsed{width:70px;padding:30px 0 0}.sidebar-collapsed .sidebar-logo{justify-content:center;align-items:center;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.sidebar-collapsed .logo-text-svg{opacity:0;max-width:0}.sidebar-collapsed .logo-symbol-svg{display:block}.sidebar-collapsed .sidebar-close-btn{display:none}.sidebar-collapsed .nav-text{opacity:0;max-width:0;min-width:0}.sidebar-collapsed .nav-chevron{opacity:0;pointer-events:none}.sidebar-collapsed .nav-subitems{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:14px 0;width:100%}.sidebar-collapsed .nav-item:hover{transform:none}.sidebar-collapsed .nav-item-link{justify-content:center}.sidebar-collapsed .nav-icon{margin-right:0;margin-left:0;flex-shrink:0}.sidebar-collapsed .nav-item.active:before{display:none}.sidebar-collapsed .nav-item:after{content:attr(data-tooltip);position:fixed;left:110px;transform:translateX(-6px) scale(.94);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:9999;box-shadow:0 4px 16px rgba(0,0,0,.2)}.sidebar-collapsed .nav-item:hover:after{opacity:1;transform:translateX(0) scale(1)}.sidebar-collapsed .sidebar-submit{margin-left:0;margin-right:0;padding-left:0;padding-right:0;justify-content:center}.sidebar-collapsed .sidebar-submit .theme-toggle,.sidebar-collapsed .sidebar-submit:after,.sidebar-collapsed .sidebar-submit:before{display:none}.sidebar-collapsed .sidebar-submit .submit-text{opacity:0;max-width:0;overflow:hidden;left:0;right:0;pointer-events:none}.sidebar-collapsed .sidebar-submit .submit-icon{position:absolute;left:0;right:0;bottom:0;width:100%;border-radius:0 0 11px 11px}.collapse-icon-rotated{transform:rotate(180deg)}.sidebar-submit .submit-icon img{transition:transform .3s cubic-bezier(.16,1,.3,1)}.main-content{transition:margin-left .45s cubic-bezier(.16,1,.3,1)}.sidebar-is-collapsed .main-content{margin-left:130px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;will-change:transform,opacity}.tool-card:first-child{animation-delay:.05s}.tool-card:nth-child(2){animation-delay:.1s}.tool-card:nth-child(3){animation-delay:.15s}.tool-card:nth-child(4){animation-delay:.2s}.tool-card:nth-child(5){animation-delay:.25s}.tool-card:nth-child(6){animation-delay:.3s}.tool-card:nth-child(7){animation-delay:.35s}.tool-card:nth-child(8){animation-delay:.4s}.tool-card:nth-child(9){animation-delay:.45s}.tool-card:nth-child(10){animation-delay:.5s}.tool-card:nth-child(11){animation-delay:.55s}.tool-card:nth-child(12){animation-delay:.6s}.tool-card:nth-child(13){animation-delay:.65s}.tool-card:nth-child(14){animation-delay:.7s}.tool-card:nth-child(15){animation-delay:.75s}.tool-card:nth-child(16){animation-delay:.8s}.tool-card:nth-child(17){animation-delay:.85s}.tool-card:nth-child(18){animation-delay:.9s}.tool-card:nth-child(19){animation-delay:.95s}.tool-card:nth-child(20){animation-delay:1s}.tool-card:nth-child(n+21){animation-delay:1.05s}@media (prefers-reduced-motion:reduce){.tool-card{animation:none;opacity:1;transform:none}}.tool-card.animation-complete{will-change:auto}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-card{background-color:transparent;border-radius:12px;overflow:hidden;opacity:0;animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}.skeleton-preview{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,var(--skeleton-from) 0,var(--skeleton-mid) 50%,var(--skeleton-from) 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite;border-radius:8px}.skeleton-content{padding:20px 0}.skeleton-title{height:24px;width:70%;margin-bottom:12px}.skeleton-description,.skeleton-title{background:linear-gradient(90deg,var(--skeleton-from) 0,var(--skeleton-mid) 50%,var(--skeleton-from) 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite;border-radius:4px}.skeleton-description{height:16px;width:100%;margin-bottom:8px}.skeleton-description:last-child{width:85%}.skeleton-tags{display:flex;gap:8px;margin-top:16px}.skeleton-tag{height:28px;width:80px;background:linear-gradient(90deg,var(--skeleton-from) 0,var(--skeleton-mid) 50%,var(--skeleton-from) 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite;border-radius:12px}.loading-indicator{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-indicator p{font-size:15px;font-weight:500;color:var(--text-secondary)}.end-message{text-align:center;padding:80px 20px;color:var(--text-secondary)}.end-message p:first-child{font-size:18px;font-weight:600;color:#EC2431;margin-bottom:8px}.end-message p:last-child{font-size:15px;color:var(--text-muted)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:1.5px solid var(--border-primary);border-radius:10px;cursor:pointer;padding:10px;flex-shrink:0;transition:border-color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover{border-color:var(--border-hover)}.mobile-menu-btn:active{background-color:var(--bg-hover)}.hamburger-line{display:block;width:18px;height:2px;background-color:var(--text-primary);border-radius:1px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}.mobile-menu-btn.sidebar-open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.sidebar-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.sidebar-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-logo{display:none;align-items:center;flex-shrink:0}.mobile-logo .logo-text-svg{height:22px}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1);pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}.tool-detail{min-height:100vh;background-color:var(--bg-primary)}.tool-detail .container{max-width:1200px;margin:0 auto;padding:40px 30px}.tool-header{justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1.5px solid var(--border-primary);margin-bottom:40px}.tool-header,.tool-info{display:flex;align-items:flex-start}.tool-info{gap:24px;flex:1 1;min-width:0}.tool-logo-large{width:80px;height:80px;border-radius:16px;overflow:hidden;flex-shrink:0;background:var(--bg-elevated)}.tool-logo-large img{width:100%;height:100%;object-fit:cover}.tool-meta{flex:1 1;min-width:0}.tool-meta h1{font-size:36px;font-weight:600;line-height:1.2;margin-bottom:12px}.tool-description{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.tool-badges{display:flex;gap:8px;flex-wrap:wrap}.tool-badges .pricing-badge{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;text-transform:capitalize;background:rgba(236,36,49,.15);color:#EC2431;border:1px solid rgba(236,36,49,.3)}.category-badge{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;background:var(--tag-chip-bg);color:var(--text-primary);border:1px solid var(--border-primary)}.tool-actions{display:flex;flex-direction:column;align-items:flex-end;gap:20px;flex-shrink:0}.tool-stats{display:flex;gap:24px}.stat{text-align:center}.stat-value{display:block;font-size:20px;font-weight:600;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background-color:#EC2431;color:#ffffff;border:none}.btn-primary:hover{background-color:#d41e2a}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-primary)}.btn-outline:hover{border-color:var(--border-hover)}.btn-large{padding:14px 32px;font-size:16px;border-radius:12px}.btn-sm{padding:8px 16px;font-size:13px}.tool-detail .tool-content{display:grid;grid-template-columns:1fr 320px;grid-gap:40px;gap:40px;padding:0}.tool-detail .main-content{margin-left:0;height:auto;overflow:visible}.tool-section{margin-bottom:40px}.tool-section h2{font-size:24px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.rich-text{font-size:15px;line-height:1.7;color:var(--text-secondary)}.rich-text p{margin-bottom:16px}.features-list{list-style:none;padding:0}.features-list li{padding:12px 0 12px 28px;position:relative;font-size:15px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.features-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:#EC2431}.screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.screenshot{border-radius:12px;overflow:hidden;border:1.5px solid var(--border-primary)}.screenshot-image{width:100%;height:auto;display:block}.screenshot-caption{padding:12px;font-size:13px;color:var(--text-secondary)}.reviews-list{display:flex;flex-direction:column;gap:20px}.review{padding:24px;border:1.5px solid var(--border-primary);border-radius:12px}.review-header{justify-content:space-between;margin-bottom:12px}.review-header,.reviewer{display:flex;align-items:center}.reviewer{gap:10px}.reviewer-avatar{border-radius:50%}.reviewer-name{font-size:14px;font-weight:500}.review-rating{font-size:14px}.review-title{font-size:16px;font-weight:600;margin-bottom:8px}.review-content{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px}.review-cons,.review-pros{margin-top:12px}.review-pros h5{color:#22c55e}.review-cons h5,.review-pros h5{font-size:13px;margin-bottom:6px}.review-cons h5{color:#ef4444}.review-cons ul,.review-pros ul{list-style:none;padding:0}.review-cons li,.review-pros li{font-size:13px;color:var(--text-secondary);padding:4px 0 4px 16px;position:relative}.review-pros li:before{content:"+";position:absolute;left:0;color:#22c55e;font-weight:700}.review-cons li:before{content:"-";position:absolute;left:2px;color:#ef4444;font-weight:700}.tool-detail .sidebar{position:static;width:auto;height:auto;border:none;padding:0;background:transparent}.tags-card,.tool-details-card{background:var(--card-detail-bg);border:1.5px solid var(--border-primary);border-radius:12px;padding:24px;margin-bottom:20px}.tags-card h3,.tool-details-card h3{font-size:16px;font-weight:600;margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;color:var(--text-secondary)}.detail-value{font-size:14px;font-weight:500;color:var(--text-primary)}.detail-link{color:#EC2431;text-decoration:none}.detail-link:hover{text-decoration:underline}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;border-radius:8px;font-size:12px;background:var(--tag-chip-bg);color:var(--text-secondary);border:1px solid var(--border-primary)}.related-tools{margin-top:60px;padding-top:40px;border-top:1.5px solid var(--border-primary)}.related-tools h2{font-size:24px;font-weight:600;margin-bottom:24px}.results-count{font-size:20px;font-weight:400;color:var(--text-secondary)}@media (max-width:1400px){.search-input-wrapper{width:600px}}@media (max-width:1200px){.tools-grid{grid-template-columns:repeat(3,1fr);gap:24px}.search-input-wrapper{width:480px}.hero{padding:50px 24px 30px}.hero h1{font-size:46px;line-height:56px}.tools-section{padding:0 24px 24px}.featured-section{padding:0 24px;margin-bottom:48px}.featured-grid{gap:24px;padding:36px}.tool-detail .tool-content{grid-template-columns:1fr 280px;gap:30px}.tool-header{gap:30px}}@media (max-width:900px){.sidebar-container{position:fixed;left:0;top:0;bottom:0;width:320px;border-radius:0;border:none;border-right:1.5px solid var(--border-primary);z-index:999;transform:translateX(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);background-color:var(--sidebar-mobile-bg)}.sidebar-container.mobile-open{transform:translateX(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.become-sponsor-btn{height:44px}.mobile-logo,.sidebar-close-btn{display:flex}.header{padding:20px;gap:12px}.search-container{flex:1 1;min-width:0}.search-input-wrapper{width:100%;flex:1 1}.tools-grid{grid-template-columns:repeat(2,1fr);gap:20px}.hero{padding:40px 20px 30px}.hero h1{font-size:38px;line-height:46px}.tools-section{padding:0 20px 20px}.featured-section{padding:0 20px;margin-bottom:48px}.featured-grid{gap:20px;padding:28px}.newsletter-input-wrapper{width:100%}.newsletter-input-container{flex-direction:column;align-items:flex-start}.tool-header{flex-direction:column;gap:24px}.tool-actions{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}.tool-detail .tool-content{grid-template-columns:1fr;gap:30px}.tool-detail .sidebar{order:-1}.tool-detail .container{padding:24px 20px}.tool-meta h1{font-size:28px}.screenshots-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero h1,h1{font-size:32px;line-height:40px}.hero{padding:30px 16px 24px}.hero h1{margin-bottom:28px}.tools-section{padding:0 16px 16px}.featured-section{padding:0 16px;margin-bottom:40px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.header{padding:16px;gap:10px}.become-sponsor-btn{padding:0 14px}.become-sponsor-btn,.search-bar{height:44px;font-size:13px}.newsletter-input-wrapper,.search-input-wrapper{height:44px}.newsletter-input{padding:0 130px 0 44px;font-size:13px}.newsletter-submit{height:34px;padding:0 16px;font-size:13px}.newsletter-icon{left:14px;width:18px;height:18px}.sponsors-container{flex-wrap:wrap}.category-description{font-size:1rem}.tools-grid{gap:16px}.tool-content{padding:14px 0}.tool-content .tool-title{font-size:17px;line-height:22px;margin-bottom:6px}.tool-content .description{font-size:14px;line-height:20px;-webkit-line-clamp:2;margin-bottom:12px}.tool-tag{font-size:11px;padding:5px 10px}.review{padding:18px}.related-tools h2,.tool-section h2{font-size:20px}}@media (max-width:600px){.tools-grid{grid-template-columns:1fr;gap:24px}.sidebar-container{width:85vw;max-width:320px}.hero{padding:24px 16px 20px}.hero h1{font-size:28px;line-height:36px;margin-bottom:24px}.hero h1 br{display:none}.tools-section{padding:0 16px 16px}.featured-section{padding:0 16px;margin-bottom:32px}.featured-grid{grid-template-columns:1fr;gap:20px;padding:16px}.header{padding:14px 16px;gap:8px}.become-sponsor-btn{height:40px;padding:0 14px;border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.01em}.mobile-menu-btn{width:40px;height:40px}.sponsor-btn-text{display:none}.sponsor-btn-short{display:inline}.search-input-wrapper{height:40px}.search-bar{height:40px;font-size:13px;padding:0 12px 0 40px}.search-icon{left:12px;width:18px;height:18px}.mobile-logo .logo-text-svg{height:20px}.mobile-logo{flex:1 1;min-width:0}.search-container{flex:0 0 auto;gap:8px}.desktop-search{display:none}.mobile-search-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-elevated);border:1.5px solid var(--border-primary);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease}.mobile-search-btn:hover{border-color:var(--border-hover)}.mobile-search-btn.active{background:var(--bg-sponsor-btn);color:#ffffff;border-color:transparent}.mobile-search-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1);background:var(--bg-primary)}.mobile-search-panel.open{grid-template-rows:1fr}.mobile-search-form{overflow:hidden;padding:0 16px;transition:padding .42s cubic-bezier(.16,1,.3,1)}.mobile-search-panel.open .mobile-search-form{padding:10px 16px 14px}.mobile-search-inner{opacity:0;transform:translateY(-5px);transition:opacity .28s ease .08s,transform .4s cubic-bezier(.16,1,.3,1) .08s}.mobile-search-panel.open .mobile-search-inner{opacity:1;transform:translateY(0)}.newsletter-input-container{gap:8px}.newsletter-input-wrapper{height:44px}.newsletter-input{padding:0 120px 0 40px;font-size:12px}.newsletter-submit{font-size:12px;padding:0 12px;height:34px}.newsletter-stats{font-size:11px}.sponsors-section{margin-top:20px}.sponsor-box{width:40px;height:40px;border-radius:10px}.sponsor-logo{width:22px;height:22px}.tool-detail .container{padding:16px}.tool-header{padding-bottom:24px;margin-bottom:24px}.tool-info{flex-direction:column;gap:16px}.tool-logo-large{width:60px;height:60px}.tool-meta h1{font-size:24px}.tool-description{font-size:14px}.tool-actions{flex-direction:column;gap:16px}.btn-large{width:100%;padding:14px 24px;text-align:center}.tool-stats{width:100%;justify-content:flex-start;gap:32px}.tags-card,.tool-details-card{padding:18px}.tool-section{margin-bottom:28px}.tool-section h2{font-size:18px;margin-bottom:14px}.features-list li{font-size:14px;padding:10px 0 10px 24px}.tool-content .tool-title{font-size:18px;line-height:24px}.tool-content .description{-webkit-line-clamp:3;font-size:14px;line-height:21px}.end-message{padding:50px 16px}.end-message p:first-child{font-size:16px}.end-message p:last-child{font-size:14px}.loading-indicator{padding:40px 16px}.loading-spinner{width:36px;height:36px}.results-count{font-size:16px}.no-tools{padding:40px 16px}}@media (max-width:480px){.hero h1{font-size:24px;line-height:32px;margin-bottom:20px}.header{padding:12px}.search-bar{font-size:12px;padding:0 10px 0 36px}.search-icon{left:10px;width:16px;height:16px}.search-bar,.search-input-wrapper{height:38px}.mobile-menu-btn{width:38px;height:38px;padding:8px}.hamburger-line{width:16px}.become-sponsor-btn{height:38px;padding:0 10px;border-radius:8px;font-size:11px}.mobile-search-btn{width:38px;height:38px;border-radius:8px}.mobile-logo .logo-text-svg{height:18px}.newsletter-input{padding:0 10px 0 36px;font-size:12px}.newsletter-submit{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:40px;border-radius:10px;font-size:13px}.newsletter-input-wrapper{height:auto;display:flex;flex-direction:column;gap:8px}.newsletter-input{height:40px;border-radius:10px;padding:0 14px 0 36px}.newsletter-icon{top:20px}.tools-section{padding:0 12px 12px}.featured-section{padding:0 12px;margin-bottom:28px}.hero{padding:20px 12px 16px}.tools-grid{gap:20px}.tool-content{padding:12px 0}.tool-content .tool-title{font-size:16px}.tool-content .description{font-size:13px;line-height:20px;margin-bottom:10px}.tool-tag{font-size:10px;padding:4px 8px}.tool-detail .container{padding:12px}.tool-meta h1{font-size:22px}.btn-large{padding:12px 20px;font-size:14px}.review{padding:14px}.skeleton-card{border-radius:8px}.skeleton-preview{border-radius:6px}}@media (hover:none) and (pointer:coarse){.hover-overlay{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.5))}.tool-image-container:hover .website-preview,.tool-image-container:hover img,.tool-preview .website-preview:hover,.tool-preview img:hover{transform:none}.nav-item{padding:16px 0;min-height:48px}.nav-subitem{padding:12px 0;min-height:44px}.tool-tag{min-height:36px;display:inline-flex;align-items:center}.open-link-btn{min-width:44px;min-height:44px}.nav-item:hover,.sponsor-box:hover,.tool-tag:hover{transform:none}}@media (max-height:500px) and (max-width:900px){.hero{padding:16px}.hero h1{font-size:24px;line-height:30px;margin-bottom:16px}.header{padding:10px 16px}.sidebar-container{padding:16px 20px 0}.sidebar-logo{margin-bottom:16px;padding-bottom:16px}.nav-item{padding:8px 0}}.sidebar-close-btn{color:var(--text-primary)}[data-theme=light] .nav-item.active .category-icon-img{filter:brightness(0) saturate(100%) invert(12%) sepia(94%) saturate(7482%) hue-rotate(356deg) brightness(91%) contrast(115%)}[data-theme=light] .sponsor-box{background-color:#ffffff;border:1px solid #c8c8c8;box-shadow:0 1px 4px rgba(0,0,0,.12)}[data-theme=light] .related-tools h2,[data-theme=light] .tags-card h3,[data-theme=light] .tool-details-card h3,[data-theme=light] .tool-section h2{color:var(--text-primary)}@supports (padding:env(safe-area-inset-top)){.header{padding-top:max(14px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.sidebar-container{padding-left:max(30px,env(safe-area-inset-left))}.sidebar-collapsed{padding-left:0;padding-right:0}.hero,.tools-section{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.tool-detail-page{min-height:100vh}.tool-breadcrumb{padding:20px 30px 0;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.tool-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.tool-breadcrumb a:hover{color:var(--text-primary)}.tool-breadcrumb-sep{opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-breadcrumb-current{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.tool-detail-hero{padding:28px 30px 32px;border-bottom:1px solid var(--border-primary);background:var(--bg-elevated)}.tool-hero-inner{justify-content:space-between;gap:32px}.tool-hero-inner,.tool-hero-left{display:flex;align-items:flex-start}.tool-hero-left{gap:20px;flex:1 1;min-width:0}.tool-logo-xl{object-fit:contain;padding:4px}.tool-logo-placeholder,.tool-logo-xl{width:80px;height:80px;border-radius:16px;border:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-elevated)}.tool-logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-hero-info{display:flex;flex-direction:column;gap:10px;min-width:0}.tool-hero-name{font-size:28px;font-weight:600;line-height:1.2;color:var(--text-primary);margin:0}.tool-hero-desc{font-size:15px;color:var(--text-secondary);line-height:1.55;margin:0;max-width:560px}.tool-hero-tags{align-items:center;margin-top:2px}.tool-pricing-badge{padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:default}.tool-pricing-badge.free{background:rgba(34,197,94,.1);color:#22c55e}.tool-pricing-badge.freemium{background:rgba(59,130,246,.1);color:#3b82f6}.tool-pricing-badge.paid{background:rgba(236,36,49,.1);color:var(--accent)}.tool-pricing-badge.subscription{background:rgba(168,85,247,.1);color:#a855f7}.tool-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0}.tool-hero-stats{display:flex;gap:0;align-items:stretch;border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;background:var(--bg-primary)}.tool-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;border-right:1px solid var(--border-primary)}.tool-stat:last-child{border-right:none}.tool-stat-value{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2}.tool-stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.btn-visit-tool{display:inline-flex;align-items:center;gap:8px;padding:0 24px;height:48px;background:var(--accent);color:#ffffff;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease}.btn-visit-tool:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-visit-tool svg{width:16px;height:16px;flex-shrink:0}.tool-detail-body{display:grid;grid-template-columns:1fr 280px;grid-gap:32px;gap:32px;padding:32px 30px;align-items:start}.tool-detail-main{display:flex;flex-direction:column;gap:16px;min-width:0}.tool-detail-main .tool-section{background:var(--card-detail-bg);border:1px solid var(--border-primary);border-radius:12px;padding:24px;margin-bottom:0}.tool-detail-sidebar{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:20px}.tool-section-title{font-size:15px;font-weight:700;color:var(--text-muted);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.6px}.tool-rich-text{font-size:15px;line-height:1.7;color:var(--text-secondary)}.tool-rich-text p{margin-bottom:12px}.tool-rich-text h2,.tool-rich-text h3{color:var(--text-primary);margin:20px 0 8px}.tool-rich-text ol,.tool-rich-text ul{padding-left:20px;margin-bottom:12px}.tool-rich-text a{color:var(--accent);text-decoration:underline}.tool-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.tool-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text-secondary);line-height:1.55;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.tool-features-list li:last-child{border-bottom:none}.tool-features-list li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0;margin-top:1px}.tool-screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.tool-screenshot{border-radius:10px;overflow:hidden;border:1px solid var(--border-primary);background:var(--bg-elevated)}.tool-screenshot-img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s ease}.tool-screenshot:hover .tool-screenshot-img{transform:scale(1.03)}.tool-screenshot-caption{padding:10px 12px;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--border-subtle)}.tool-reviews-list{display:flex;flex-direction:column;gap:16px}.tool-review{padding:20px;border-radius:12px;border:1px solid var(--border-primary);background:var(--card-detail-bg)}.tool-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tool-reviewer{display:flex;align-items:center;gap:10px}.tool-reviewer-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.tool-reviewer-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-secondary);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-reviewer-name{font-size:14px;font-weight:600;color:var(--text-primary)}.tool-review-stars{display:flex;gap:1px}.tool-review-star{font-size:15px;color:var(--border-primary)}.tool-review-star.filled{color:#f59e0b}.tool-review-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.tool-review-content{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.tool-review-pros-cons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}.tool-review-cons,.tool-review-pros{padding:12px;border-radius:8px}.tool-review-pros{background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.15)}.tool-review-cons{background:rgba(236,36,49,.05);border:1px solid rgba(236,36,49,.15)}.tool-review-cons h4,.tool-review-pros h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.tool-review-pros h4{color:#22c55e}.tool-review-cons h4{color:var(--accent)}.tool-review-cons ul,.tool-review-pros ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.tool-review-cons li,.tool-review-pros li{font-size:13px;color:var(--text-secondary);display:flex;gap:6px;align-items:flex-start}.tool-review-pros li:before{content:"+";color:#22c55e;font-weight:700;flex-shrink:0}.tool-review-cons li:before{content:"−";color:var(--accent);font-weight:700;flex-shrink:0}.detail-card{background:var(--card-detail-bg);border:1px solid var(--border-primary);border-radius:12px;padding:20px}.detail-card-title{font-size:11px;font-weight:700;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.8px}.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tag{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--tag-chip-bg);color:var(--text-secondary);border:1px solid var(--border-primary)}.tool-related-section{padding:0 30px 60px;border-top:1px solid var(--border-primary)}.tool-related-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 24px;padding-top:40px}.tool-card{cursor:pointer}@media (max-width:1100px){.tool-detail-body{grid-template-columns:1fr 260px;gap:30px}}@media (max-width:900px){.tool-detail-body{grid-template-columns:1fr;gap:30px;padding:30px 20px}.tool-detail-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.tool-detail-hero{padding:24px 20px 28px}.tool-breadcrumb{padding:20px 20px 0}.tool-related-section{padding:0 20px 40px}.tool-hero-name{font-size:24px}}@media (max-width:768px){.tool-hero-inner{flex-direction:column;gap:20px}.tool-hero-right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.btn-visit-tool{height:44px;font-size:14px;padding:0 20px}.tool-detail-sidebar,.tool-review-pros-cons,.tool-screenshots-grid{grid-template-columns:1fr}}@media (max-width:600px){.tool-detail-hero{padding:16px 16px 24px}.tool-breadcrumb{padding:16px 16px 0}.tool-detail-body{padding:24px 16px;gap:24px}.tool-related-section{padding:0 16px 40px}.tool-hero-name{font-size:22px}.tool-logo-placeholder,.tool-logo-xl{width:64px;height:64px}.tool-logo-placeholder{font-size:22px}.tool-review{padding:16px}.tool-screenshot-img{height:160px}}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain;animation:modal-backdrop-in .18s ease forwards}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-container{animation:none}}.modal-container{background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:18px;width:100%;max-width:480px;padding:28px;display:flex;flex-direction:column;gap:20px;animation:modal-slide-in .2s cubic-bezier(.34,1.2,.64,1) forwards;overscroll-behavior:contain}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0;touch-action:manipulation}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-form{gap:16px}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:7px}.modal-label{font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer}.modal-required{color:var(--accent)}.modal-input,.modal-textarea{background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;padding:11px 14px;width:100%;transition:border-color .2s ease;resize:none;box-sizing:border-box}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--text-placeholder)}.modal-input:hover,.modal-textarea:hover{border-color:var(--border-hover)}.modal-input:focus,.modal-textarea:focus{outline:none;border-color:var(--accent)}.modal-input:focus-visible,.modal-textarea:focus-visible{outline:none;border-color:var(--accent)}.modal-input--error{border-color:var(--accent)!important}.modal-input:disabled,.modal-textarea:disabled{opacity:.6;cursor:not-allowed}.modal-error{font-size:13px;color:var(--accent);margin:0;padding:0}.modal-submit-btn{width:100%;height:44px;background:var(--accent);color:#ffffff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;touch-action:manipulation;margin-top:2px}.modal-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.modal-submit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;text-align:center}.modal-success-icon{margin-bottom:4px}.modal-success-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.modal-success-sub{font-size:14px;color:var(--text-secondary);margin:0}.modal-done-btn{margin-top:8px;height:40px;padding:0 28px;background:var(--bg-hover);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;touch-action:manipulation}.modal-done-btn:hover{border-color:var(--border-hover)}.modal-done-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:520px){.modal-container{padding:20px 18px;border-radius:14px}}