:root{--bg-hover:#ffffff0a;--texture-line:#cd5c3e29;--card-gradient-top:#ffffff05;--bg-main:#121216;--bg-surface:#070a13;--bg-card:#0c1020;--bg-card-hover:#121832;--border-color:#ffffff14;--border-hover:#cd5c3e66;--text-primary:#faf8f5;--text-secondary:#a39e93;--text-muted:#8a8377;--accent-color:#cd5c3e;--accent-secondary:#d98c3a;--accent-glow:#cd5c3e40;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, monospace;--bg-navbar:#030712d9;--card-shadow:0 1px 2px #0003;--card-shadow-hover:0 8px 24px -8px #cd5c3e33;--container-width:1100px}html[data-theme=light]{--bg-main:#faf8f5;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f4f0e8;--border-color:#e2dacd;--border-hover:#cd5c3e73;--text-primary:#211f1d;--text-secondary:#5e5852;--text-muted:#6b6459;--accent-color:#cd5c3e;--accent-secondary:#b4691f;--accent-glow:#cd5c3e26;--bg-hover:#00000008;--texture-line:#cd5c3e1a;--card-gradient-top:#00000003;--bg-navbar:#faf8f5d9;--card-shadow:0 1px 2px #211f1d0d;--card-shadow-hover:0 8px 20px -8px #cd5c3e2e}*{box-sizing:border-box;margin:0;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-color)!important;outline-offset:2px!important}html{scrollbar-gutter:stable;scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;position:relative;overflow-x:hidden}.grid-overlay{background-image:linear-gradient(var(--texture-line) 1px, transparent 1px), linear-gradient(90deg, var(--texture-line) 1px, transparent 1px);opacity:.35;z-index:-1;pointer-events:none;background-size:64px 64px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 65%);mask-image:linear-gradient(#000 0%,#0000 65%)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}main{flex:1}.navbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:var(--bg-navbar);padding:1.75rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.brand-icon{width:26px;height:26px;color:var(--accent-color)}.brand-tld{color:var(--accent-secondary)}.nav-links{align-items:center;gap:1.25rem;display:flex}.social-link{color:var(--text-muted);justify-content:center;align-items:center;width:24px;height:24px;transition:color .2s,transform .2s;display:flex}.social-link svg{fill:currentColor;flex-shrink:0;width:20px;height:20px;display:block}.social-link:hover{color:var(--text-primary);transform:scale(1.08)}.lang-switcher{position:relative}.lang-switcher-pill{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-muted);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .4rem .25rem .6rem;font-size:.78rem;display:inline-flex}.lang-switcher-pill svg{color:var(--text-muted);flex-shrink:0}.lang-pill-item{font-family:var(--font-mono,monospace);color:var(--text-secondary);border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.lang-pill-item:hover{color:var(--text-primary)}.lang-pill-item.active{background:var(--accent-color,#cd5c3e);pointer-events:none;font-weight:700;box-shadow:0 1px 4px #00000026;color:#fff!important}.lang-pill-sep{color:var(--border-color);-webkit-user-select:none;user-select:none;font-size:.75rem}.lang-btn{border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:9999px;align-items:center;gap:.375rem;padding:.4rem .7rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.lang-btn:hover{color:var(--text-primary);border-color:var(--accent-color);background:#cd5c3e14}.lang-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:.5rem;flex-direction:column;gap:.2rem;min-width:130px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000004d}.lang-option{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.4rem .65rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.lang-option:hover{background:var(--bg-hover);color:var(--text-primary)}.lang-option.active{color:var(--accent-color);background:#cd5c3e1a;font-weight:600}.blog-nav-btn{color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:9999px;align-items:center;padding:.45rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-nav-btn:hover{color:var(--text-primary);border-color:var(--accent-color);background:#cd5c3e14;transform:translateY(-1px)}.hero{text-align:center;flex-direction:column;align-items:center;padding:7rem 0 5.5rem;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{color:var(--accent-color);font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:.5rem;margin-bottom:1.75rem;font-size:.78rem;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--accent-color);border-radius:1px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.75rem;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:750;line-height:1.05}.hero-title span{color:var(--text-primary);z-index:0;display:inline-block;position:relative}.hero-title span:before{content:"";background:var(--accent-secondary);opacity:.35;z-index:-1;border-radius:1px;height:.34em;position:absolute;bottom:.05em;left:-.1em;right:-.1em;transform:rotate(-1deg)}.hero-desc{color:var(--text-secondary);max-width:620px;font-size:1.15rem;line-height:1.75}.hero-stats{font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-top:3rem;display:flex}.stat-pill{color:var(--text-secondary);border-right:1px solid var(--border-color);align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.8rem;font-weight:500;display:flex}.stat-pill:first-child{padding-left:0}.stat-pill:last-child{border-right:none;padding-right:0}.stat-icon{width:14px;height:14px;color:var(--accent-color)}#categorized-tools-container{flex-direction:column;gap:3.5rem;padding-bottom:5.5rem;display:flex}.category-section{flex-direction:column;gap:1.5rem;display:flex}.category-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:1rem;font-size:1.25rem;font-weight:700;display:flex}.category-title:after{content:"";background:var(--border-color);flex:1;height:1px}.hero-search-wrapper{width:100%;max-width:580px;margin:2.25rem auto 1.5rem;position:relative}.search-input-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9999px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.35rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px -2px #00000014}.search-input-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow), 0 8px 25px -4px #0000001f;transform:translateY(-1px)}.search-input-box svg{color:var(--text-muted);flex-shrink:0}.search-input-box input{font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.98rem}.search-input-box input::placeholder{color:var(--text-muted)}.search-kbd-shortcut{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);letter-spacing:.05em;-webkit-user-select:none;user-select:none;border-radius:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600}@media (width<=640px){.search-kbd-shortcut{display:none}}.bento-showcase{margin:1.5rem 0 4rem}.bento-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;display:flex}.bento-header-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;display:flex}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.25rem;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;box-shadow:var(--card-shadow);border-radius:1rem;flex-direction:column;justify-content:space-between;padding:1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--accent-color);box-shadow:0 16px 32px -8px var(--accent-glow);transform:translateY(-4px)}.bento-card.col-7{grid-column:span 7}.bento-card.col-5{grid-column:span 5}.bento-card.col-6{grid-column:span 6}@media (width<=900px){.bento-card.col-7,.bento-card.col-5,.bento-card.col-6{grid-column:span 12}}.bento-badge-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.bento-chip{font-family:var(--font-mono);text-transform:uppercase;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--accent-color);border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.bento-icon-box{background:var(--bg-surface);border:1px solid var(--border-color);width:48px;height:48px;color:var(--accent-color);border-radius:.75rem;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000d}.bento-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.45rem;font-size:1.35rem;font-weight:800}.bento-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.92rem;line-height:1.55}.bento-action-row{color:var(--accent-color);align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.filter-tabs-wrapper{scrollbar-width:none;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.5rem 0 1.5rem;display:flex;overflow-x:auto}.filter-tabs-wrapper::-webkit-scrollbar{display:none}.filter-tab-btn{white-space:nowrap;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:9999px;align-items:center;gap:.45rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.filter-tab-btn:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--bg-hover)}.filter-tab-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 14px var(--accent-glow)}.modern-tool-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.modern-tool-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;box-shadow:var(--card-shadow);border-radius:.85rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.35rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.modern-tool-card:hover{border-color:var(--accent-color);box-shadow:0 10px 24px -6px var(--accent-glow);background:var(--bg-card-hover);transform:translateY(-3px)}.modern-tool-top{align-items:flex-start;gap:1rem;display:flex}.modern-tool-icon-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);width:44px;height:44px;color:var(--accent-color);border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000000a}.modern-tool-icon-wrapper svg{width:24px;height:24px}.modern-tool-meta{flex:1;min-width:0}.modern-tool-badge-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.modern-tool-tag{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.modern-tool-title{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.12rem;font-weight:750;overflow:hidden}.modern-tool-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.modern-tool-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.75rem;font-size:.78rem;display:flex}.modern-tool-type-indicator{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.35rem;display:flex}.modern-tool-action{color:var(--accent-color);align-items:center;gap:.3rem;font-weight:700;display:flex}.compact-tool-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.2rem;display:grid}.compact-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--border-color);color:inherit;border-radius:.4rem;align-items:center;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .2s,background .2s;display:flex;position:relative}.compact-card-link-overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.compact-card.link-card{cursor:pointer}.compact-card:hover,.compact-card:focus-visible{border-color:var(--border-color);border-left-color:var(--accent-color);background:var(--bg-card-hover)}.compact-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.compact-icon{width:22px;height:22px;color:var(--text-muted);flex-shrink:0;margin-right:1rem;transition:color .2s}.compact-icon svg{width:100%;height:100%}.compact-card:hover .compact-icon{color:var(--accent-color)}.compact-content{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compact-title{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex;overflow:hidden}.tool-badge{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-secondary);font-size:.72rem;font-weight:500}.tool-badge:before{content:"[ "}.tool-badge:after{content:" ]"}.compact-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.compact-actions{align-items:center;gap:.4rem;margin-left:1rem;display:flex}.compact-btn{width:32px;height:32px;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.compact-card:hover .compact-btn.launch{color:#fff;background:var(--accent-color);border-color:var(--accent-color)}.compact-btn:hover{transform:translateY(-1px)}.compact-btn.chrome:hover{color:#fff;background:#ea4335;border-color:#ea4335;box-shadow:0 4px 12px #ea433559}.compact-btn.firefox:hover{color:#fff;background:#ff9400;border-color:#ff9400;box-shadow:0 4px 12px #ff940059}.footer{text-align:center;width:100%;color:var(--text-muted);border-top:1px solid var(--border-color);background:0 0;margin-top:auto;padding:4rem 0 3rem;font-size:.875rem}.footer a{color:var(--text-secondary);margin:0 .6rem;font-weight:500;text-decoration:none;transition:color .2s}.footer a:hover{color:var(--accent-color)}.theme-toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:.6rem;transition:all .25s;display:flex}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}.theme-toggle-btn svg{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.theme-toggle-btn:hover svg{transform:rotate(20deg)scale(1.05)}.hidden{display:none!important}@media (width<=768px){.hero{padding:4.5rem 0 3.5rem}.compact-tool-list{grid-template-columns:1fr}.nav-links{gap:.75rem}.navbar{padding:1.25rem 0}}.pixel-404-body{background:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.pixel-404-corner{z-index:2;position:fixed;top:1.5rem;left:1.5rem}.pixel-404-theme-btn{z-index:2;position:fixed;top:1.5rem;right:1.5rem}.pixel-404-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:6rem 1.5rem 3rem;display:flex}.pixel-404-glyph{justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.pixel-404-digit{font-family:"Press Start 2P", var(--font-display), monospace;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:clamp(3.5rem,12vw,7rem);line-height:1}.pixel-404-face{width:clamp(3.5rem,11vw,6.5rem);height:clamp(3.5rem,11vw,6.5rem);color:var(--accent-color);shape-rendering:crispedges}.pixel-404-face rect.eye,.pixel-404-face rect.mouth{fill:currentColor}.pixel-404-face rect.ring{fill:var(--text-primary)}.pixel-404-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}.pixel-404-sub{color:var(--text-secondary);max-width:420px;margin-bottom:2.25rem;font-size:1rem;line-height:1.6}.pixel-404-btn{background:var(--accent-color);color:#fff;border-radius:.6rem;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.pixel-404-btn:hover{background:var(--accent-secondary);transform:translateY(-2px)}.pixel-404-footer{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.78rem}@media (width<=640px){.pixel-404-glyph{gap:.35rem}.pixel-404-corner,.pixel-404-theme-btn{top:1rem}.pixel-404-corner{left:1rem}.pixel-404-theme-btn{right:1rem}}.breadcrumb-nav{width:100%;max-width:1600px;margin:0 auto;padding:.75rem 1.5rem .25rem}.breadcrumb-list{color:var(--text-muted,#9ca3af);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.breadcrumb-item a{color:var(--text-secondary,#94a3b8);text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:var(--accent-color,#cd5c3e)}.breadcrumb-item.active{color:var(--text-primary,#faf8f5);font-weight:500}.breadcrumb-separator{color:var(--text-muted,#6b7280);opacity:.5;font-size:.75rem}html.embed-mode .breadcrumb-nav{display:none!important}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-secondary,#94a3b8);font-size:.8rem;font-weight:600}.form-select,select.form-select,select{width:100%;color:var(--text-primary,#faf8f5);background-color:var(--bg-card,#0f172a);border:1px solid var(--border-color,#1e293b);cursor:pointer;border-radius:.5rem;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.form-select:focus-visible,select.form-select:focus-visible,select:focus-visible{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-select option,select option{background-color:var(--bg-surface,#0f172a);color:var(--text-primary,#faf8f5);padding:.5rem}html[data-theme=light] .form-select option,html[data-theme=light] select option{color:#0f172a;background-color:#fff}.tool-card,.tool-card-mini{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex;color:var(--text-primary)!important;text-decoration:none!important}.tool-card:hover,.tool-card-mini:hover{background:var(--bg-panel);border-color:var(--accent-color);box-shadow:var(--card-shadow);transform:translateY(-2px)}.tool-card-icon,.tool-card-mini .tool-icon{background:var(--bg-main);border:1px solid var(--border-color);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.tool-card-info{flex-direction:column;gap:.25rem;display:flex}.tool-card-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.tool-card-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.35}.footer{border-top:1px solid var(--border-color);background:var(--bg-surface);text-align:center;width:100%;color:var(--text-secondary);margin-top:auto;padding:3rem 1.5rem 2.5rem;font-size:.85rem}.footer-inner{max-width:var(--container-width);flex-direction:column;align-items:center;gap:1.25rem;margin:0 auto;display:flex}.footer-ecosystem-badge{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--card-shadow);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.15rem;font-size:.82rem;line-height:1.4;display:inline-flex}.footer-ecosystem-badge a{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .15s}.footer-ecosystem-badge a:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.footer-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent-color)}.footer-copy{color:var(--text-muted);font-size:.8rem}