.header{border-top:none;border-width:0 0 1px 0;margin-bottom:var(--space-4);padding:var(--space-2) 0;background-color:transparent!important;border-color:var(--border)!important;box-shadow:none!important;position:sticky;top:0;z-index:320;transition:transform 180ms ease,background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;will-change:transform}.header.header-is-scrolled{background-color:color-mix(in oklab,var(--background) 86%,transparent)!important;box-shadow:var(--shadow-sm)!important}.header.header-is-hidden{transform:translateY(calc(-100% - 6px))}@media (prefers-reduced-motion:reduce){.header{transition:none}}.header-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.65rem,.9vw,1.1rem);width:min(calc(100% - clamp(1.25rem,3vw,3rem)),1680px);margin:0 auto;padding:0}.logo a{color:var(--text-main);text-decoration:none;font-size:1.18rem;letter-spacing:.11em;font-weight:800}.header-actions,.logo{flex-shrink:0}.main-nav{display:none}@media (min-width:768px){.main-nav{display:flex;flex:1 1 auto;min-width:0;gap:clamp(.2rem,.45vw,.55rem);align-items:center;margin:0 clamp(.1rem,.8vw,.85rem);padding:.26rem .38rem;border:1px solid color-mix(in oklab,var(--border) 88%,transparent);border-radius:999px;background:color-mix(in oklab,var(--background) 88%,var(--surface));box-shadow:inset 0 1px 0 color-mix(in oklab,var(--background) 76%,transparent);overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.main-nav::-webkit-scrollbar{display:none}}.lang-switch a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.875rem;transition:color var(--transition-speed) ease}.lang-switch a:hover{color:var(--text-main)}.nav-item{position:relative;padding:0;flex:0 0 auto}.nav-link{appearance:none;border:none;border-radius:999px;background:0 0;color:var(--text-muted);text-decoration:none;font-weight:700;font-size:clamp(.84rem, .14vw + .8rem, .94rem);line-height:1.2;min-height:42px;padding:.45rem .72rem;box-shadow:inset 0 0 0 1px transparent;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;cursor:pointer;display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:start;column-gap:var(--space-1);position:relative}.nav-link::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid transparent;pointer-events:none;opacity:0;transition:opacity var(--transition-speed) ease,border-color var(--transition-speed) ease}.nav-link-static{flex:0 0 auto;grid-template-columns:14px minmax(0,max-content)}.nav-item:hover .nav-link,.nav-link:hover,.nav-link[aria-expanded=true]{color:var(--text-main);background-color:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:none}.nav-item:hover .nav-link::after,.nav-link:hover::after,.nav-link[aria-expanded=true]::after{opacity:1;border-color:color-mix(in oklab,var(--border) 70%,var(--text-main))}.nav-item.is-active-category>.nav-link{color:var(--cat-icon-color,var(--primary));background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 8%,var(--background));box-shadow:0 1px 4px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 10%,transparent)}.nav-item.is-active-category>.nav-link::after{inset:3px;opacity:1;border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border))}.nav-item.is-active-category>.nav-link .chevron{color:var(--cat-icon-color,var(--primary))}.nav-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--cat-icon-color,var(--primary))}.nav-link-label{display:block;min-width:0;white-space:nowrap}.nav-cat-icon svg{display:block;width:14px;height:14px}.nav-item[data-category=finance]{--cat-icon-color:#10b981}.nav-item[data-category=gaming-tools]{--cat-icon-color:#f97316}.nav-item[data-category=developer-tools]{--cat-icon-color:#6366f1}.nav-item[data-category=math-science]{--cat-icon-color:#0ea5e9}.nav-item[data-category=web-utilities]{--cat-icon-color:#8b5cf6}.nav-item[data-category=construction-calculators]{--cat-icon-color:#f59e0b}.nav-item[data-category=productivity]{--cat-icon-color:#22c55e}.nav-item[data-category=browser-diagnostics]{--cat-icon-color:#ef4444}.nav-item[data-category=lifestyle]{--cat-icon-color:#ec4899}.nav-item[data-category=seo-marketing-tools]{--cat-icon-color:#14b8a6}.nav-item[data-category=finance] .nav-cat-icon{color:#10b981}.nav-item[data-category=gaming-tools] .nav-cat-icon{color:#f97316}.nav-item[data-category=developer-tools] .nav-cat-icon{color:#6366f1}.nav-item[data-category=math-science] .nav-cat-icon{color:#0ea5e9}.nav-item[data-category=web-utilities] .nav-cat-icon{color:#8b5cf6}.nav-item[data-category=construction-calculators] .nav-cat-icon{color:#f59e0b}.nav-item[data-category=productivity] .nav-cat-icon{color:#22c55e}.nav-item[data-category=browser-diagnostics] .nav-cat-icon{color:#ef4444}.nav-item[data-category=lifestyle] .nav-cat-icon{color:#ec4899}.nav-item[data-category=seo-marketing-tools] .nav-cat-icon{color:#14b8a6}.nav-link:focus-visible{outline:0;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 22%,transparent)}.nav-link.is-active-learn{color:var(--primary);font-weight:700;border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--background));box-shadow:0 1px 4px color-mix(in srgb,var(--primary) 10%,transparent)}.nav-link.is-active-learn::after{inset:3px;opacity:1;border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.mobile-nav-static.is-active{color:var(--primary)}.nav-dropdown{position:fixed;top:0;left:0;transform:none;background-color:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--space-2);width:min(26rem,calc(100vw - 2rem));min-width:min(18rem,calc(100vw - 2rem));max-height:min(70vh,32rem);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease;box-shadow:var(--shadow-md);z-index:200;pointer-events:none;display:flex;flex-direction:column;gap:.35rem}.nav-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-dropdown.no-anim{transition:none!important}.dropdown-group{display:flex;flex-direction:column;gap:.45rem}.dropdown-group+.dropdown-group{margin-top:.4rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.dropdown-group-title{padding:0 .25rem;color:color-mix(in srgb,var(--text-muted) 72%,var(--cat-icon-color,var(--primary)) 28%);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dropdown-group-links{display:flex;flex-direction:column;gap:.35rem}.dropdown-link{display:flex;align-items:center;gap:.75rem;min-height:50px;padding:.6rem .75rem;color:var(--text-main);text-decoration:none;font-size:.9rem;border:1px solid var(--border);border-radius:var(--border-radius-sm);background-color:var(--surface);transition:all var(--transition-speed) ease;white-space:normal;line-height:1.4}.dropdown-link-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,var(--cat-icon-color,var(--primary)) 10%),color-mix(in srgb,var(--background) 86%,var(--cat-icon-color,var(--primary)) 7%));color:var(--cat-icon-color,var(--primary));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}.dropdown-link-icon svg{width:1rem;height:1rem}.dropdown-link-title{min-width:0;flex:1;font-weight:600}.dropdown-link-active-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 32%,var(--border));color:var(--cat-icon-color,var(--primary));font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.dropdown-link.is-active-tool{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 44%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 74%,var(--cat-icon-color,var(--primary)) 26%),color-mix(in srgb,var(--background) 88%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,transparent)}.dropdown-link.is-active-tool .dropdown-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border));background:color-mix(in srgb,var(--background) 62%,var(--cat-icon-color,var(--primary)) 38%)}.dropdown-link.is-active-tool .dropdown-link-title{color:var(--text-main)}.dropdown-link-all{justify-content:space-between;align-items:center;gap:.9rem;margin-top:.2rem;padding:.7rem .75rem;border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 78%,var(--cat-icon-color,var(--primary)) 22%),color-mix(in srgb,var(--surface) 90%,var(--background)));font-weight:600;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)}.dropdown-link-all-label{display:flex;align-items:center;gap:.7rem;min-width:0}.dropdown-link-all-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:10px;background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border));color:var(--cat-icon-color,var(--primary))}.dropdown-link-all-badge svg{width:1rem;height:1rem}.dropdown-link-all-copy{min-width:0;display:flex;flex-direction:column;gap:.05rem}.dropdown-link-all-title{color:var(--text-main);line-height:1.15}.dropdown-link-all-subtitle{color:color-mix(in srgb,var(--text-muted) 62%,var(--cat-icon-color,var(--primary)) 38%);font-size:.74rem;font-weight:600;line-height:1.15}.dropdown-link-all-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:color-mix(in srgb,var(--background) 72%,var(--cat-icon-color,var(--primary)) 28%);color:var(--cat-icon-color,var(--primary));transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.dropdown-link:not(.dropdown-link-all):hover{color:var(--text-main);border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 28%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 88%,var(--cat-icon-color,var(--primary)) 12%),color-mix(in srgb,var(--background) 94%,var(--surface)))}.dropdown-link:not(.dropdown-link-all):focus-visible .dropdown-link-icon,.dropdown-link:not(.dropdown-link-all):hover .dropdown-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:color-mix(in srgb,var(--background) 68%,var(--cat-icon-color,var(--primary)) 32%)}.dropdown-link-all:hover{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 48%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 72%,var(--cat-icon-color,var(--primary)) 28%),color-mix(in srgb,var(--background) 88%,var(--surface)))}.dropdown-link-all:focus-visible .dropdown-link-all-icon,.dropdown-link-all:hover .dropdown-link-all-icon{transform:translateX(2px);border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 52%,var(--border));background:color-mix(in srgb,var(--background) 62%,var(--cat-icon-color,var(--primary)) 38%)}.dropdown-link:focus-visible{outline:0;border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 40%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,transparent);background-color:var(--surface)}.dropdown-empty-state{padding:.625rem .75rem;color:var(--text-muted);font-size:.875rem;border:1px dashed var(--border);border-radius:var(--border-radius-sm);background-color:var(--surface)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-wrapper{position:relative}.search-panel{position:absolute;top:calc(100% + .8rem);right:0;width:min(40rem,calc(100vw - 2rem));padding:.85rem;border:1px solid var(--border);border-radius:calc(var(--border-radius-sm) + .2rem);background:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.85rem;z-index:260}.search-controls{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:.75rem;align-items:stretch}.site-search-input{width:100%;min-height:40px;padding:.5rem .75rem;font-size:max(16px, .875rem);border-radius:var(--border-radius-sm);border:1px solid var(--border);background:var(--background);color:var(--text-main)}.site-search-input:focus-visible{outline:0;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 22%,transparent)}.search-category-select{min-height:40px;min-width:11rem;padding:.5rem 2.1rem .5rem .75rem;font-size:max(16px, .875rem);border-radius:var(--border-radius-sm);border:1px solid var(--border);background:var(--background);color:var(--text-main)}.search-category-select:focus-visible{outline:0;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 22%,transparent)}.search-results-dropdown{display:flex;flex-direction:column;gap:.8rem;max-height:min(65vh,30rem);overflow-y:auto;border-top:1px solid color-mix(in srgb,var(--border) 90%,transparent);padding-top:.85rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.search-empty-state,.search-helper-state,.search-panel-section{display:flex;flex-direction:column;gap:.65rem}.search-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.search-results-count,.search-section-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.search-idle-list,.search-results-list{display:flex;flex-direction:column;gap:.65rem}.search-result-card{display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem;padding:.8rem .9rem;border-radius:calc(var(--border-radius-sm) + .1rem);text-decoration:none;white-space:normal}.search-result-card.is-active,.search-result-card:focus-visible,.search-result-card:hover{border-color:color-mix(in srgb,var(--text-muted) 34%,var(--border));background:color-mix(in oklab,var(--surface) 88%,var(--background))}.search-result-main{min-width:0;display:flex;flex-direction:column;gap:.45rem}.search-result-meta{display:flex;flex-wrap:wrap;gap:.35rem}.search-result-pill{display:inline-flex;align-items:center;min-height:1.6rem;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.search-result-pill-muted{font-weight:600}.search-result-title{color:var(--text-main);font-size:.98rem;line-height:1.35}.search-result-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--text-muted);font-size:.84rem;line-height:1.5}.search-result-cta{flex-shrink:0;color:var(--text-main);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-top:.1rem;white-space:nowrap}.search-result-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:8px;border:1px solid color-mix(in oklab,var(--border) 75%,transparent);background:color-mix(in oklab,var(--cat-icon-color,var(--primary)) 10%,var(--surface));color:var(--cat-icon-color,var(--primary));margin-top:.05rem}.search-result-icon svg{width:1.05rem;height:1.05rem}.search-result-card[data-category=finance] .search-result-icon{--cat-icon-color:#10b981}.search-result-card[data-category=gaming-tools] .search-result-icon{--cat-icon-color:#f97316}.search-result-card[data-category=developer-tools] .search-result-icon{--cat-icon-color:#6366f1}.search-result-card[data-category=math-science] .search-result-icon{--cat-icon-color:#0ea5e9}.search-result-card[data-category=web-utilities] .search-result-icon{--cat-icon-color:#8b5cf6}.search-result-card[data-category=construction-calculators] .search-result-icon{--cat-icon-color:#f59e0b}.search-result-card[data-category=productivity] .search-result-icon{--cat-icon-color:#22c55e}.search-result-card[data-category=browser-diagnostics] .search-result-icon{--cat-icon-color:#ef4444}.search-result-card[data-category=lifestyle] .search-result-icon{--cat-icon-color:#ec4899}.search-result-card[data-category=seo-marketing-tools] .search-result-icon{--cat-icon-color:#14b8a6}.search-result-url{font-size:.73rem;color:color-mix(in oklab,var(--primary) 60%,var(--text-muted));font-family:ui-monospace,'SF Mono',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75;margin-top:.05rem}.search-chip-list,.search-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem}.search-chip,.search-clear-btn,.search-shortcut-link{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-main);border-radius:999px;min-height:2rem;padding:.35rem .7rem;font-size:.8rem;text-decoration:none;cursor:pointer;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease,color var(--transition-speed) ease}.search-chip:focus-visible,.search-chip:hover,.search-clear-btn:focus-visible,.search-clear-btn:hover,.search-shortcut-link:focus-visible,.search-shortcut-link:hover{outline:0;border-color:var(--text-muted);background:color-mix(in srgb,var(--surface) 88%,var(--background))}.search-clear-btn{font-weight:600}.search-empty-copy,.search-helper-copy,.search-helper-hint{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.55}.search-helper-hint{font-size:.78rem}.search-empty-title{color:var(--text-main);font-size:1rem}.search-empty-copy:first-of-type{color:var(--text-main)}.chevron{display:block;width:14px;height:14px;transform-origin:50% 50%;transition:transform var(--transition-speed) ease;will-change:transform}.nav-item:hover .chevron,.nav-link[aria-expanded=true] .chevron{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:.25rem;padding:.26rem;border:1px solid color-mix(in oklab,var(--border) 88%,transparent);border-radius:999px;background:color-mix(in oklab,var(--background) 88%,var(--surface));box-shadow:inset 0 1px 0 color-mix(in oklab,var(--background) 76%,transparent);flex-wrap:nowrap}.lang-switch{display:flex;gap:.18rem;margin-left:.2rem;padding-left:.45rem;border-left:1px solid color-mix(in oklab,var(--border) 85%,transparent)}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:0 .1rem;border-radius:999px;letter-spacing:.03em}.lang-switch .active{color:var(--text-main);background:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--border) 78%,transparent)}.search-toggle-pill{display:inline-flex;align-items:center;gap:.45rem;height:2.2rem;padding:0 .65rem 0 .55rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--background) 82%,var(--surface));color:var(--text-muted);font-size:.82rem;cursor:pointer;white-space:nowrap;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease,background var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.search-toggle-pill:hover{color:var(--text-main);border-color:color-mix(in oklab,var(--primary) 40%,var(--border));background:color-mix(in oklab,var(--background) 70%,var(--surface));box-shadow:0 2px 8px rgba(0,0,0,.07)}.search-toggle-pill[aria-expanded=true]{color:var(--text-main);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.search-toggle-label{flex:1;min-width:0}.search-toggle-kbd{display:inline-flex;align-items:center;padding:.1em .4em;border:1px solid color-mix(in oklab,var(--border) 80%,var(--text-muted));border-radius:4px;background:color-mix(in oklab,var(--background) 60%,var(--surface));font-size:.72rem;font-family:inherit;color:var(--text-muted);line-height:1.5;pointer-events:none}@media (max-width:860px){.search-toggle-kbd,.search-toggle-label{display:none}.search-toggle-pill{padding:var(--space-1);min-width:2.2rem;justify-content:center;border-color:transparent;background:0 0}.search-toggle-pill:hover{border-color:color-mix(in oklab,var(--border) 72%,var(--text-main));background:color-mix(in oklab,var(--background) 94%,var(--surface))}}.icon-button{background:0 0;border:1px solid transparent;cursor:pointer;color:var(--text-muted);min-height:2.2rem;min-width:2.2rem;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:999px;transition:color var(--transition-speed) ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.icon-button:hover{color:var(--text-main);border-color:color-mix(in oklab,var(--border) 72%,var(--text-main));background-color:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:0 4px 12px rgba(15,23,42,.06)}.hidden{display:none}@media (min-width:1400px){.nav-link{padding-inline:0.82rem}}.mobile-only{display:none}@media (max-width:767px){.mobile-only{display:flex}.header-actions{margin-left:auto}.header{margin-bottom:var(--space-2);padding:var(--space-1) 0}.header-content{gap:var(--space-1);width:calc(100% - var(--space-3));grid-template-columns:auto 1fr auto}.logo a{font-size:1rem;letter-spacing:.07em}.search-wrapper{position:static}.lang-switch a{font-size:.8rem}.header-actions{padding:0;border:none;background:0 0;box-shadow:none}.search-panel{position:fixed;top:calc(env(safe-area-inset-top,0px) + 3.25rem);left:.5rem;right:.5rem;width:auto;max-height:calc(100dvh - 4rem);padding:.8rem;border-radius:calc(var(--border-radius-sm) + .3rem);z-index:360}}@media (max-width:980px){.search-panel{width:min(34rem,calc(100vw - 2rem))}.search-controls{grid-template-columns:1fr}.search-category-select{min-width:0}}.mobile-nav{position:fixed;top:calc(env(safe-area-inset-top,0px) + 3.25rem);left:0;width:100%;z-index:310;max-width:none;max-height:calc(100dvh - 3.25rem);margin:0;padding:0;border:none;background:0 0;overflow:visible;overscroll-behavior:contain}.mobile-nav::backdrop{background:color-mix(in srgb,var(--text-main) 22%,transparent);backdrop-filter:blur(2px)}.mobile-nav-toolbar{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;padding:max(var(--space-2),env(safe-area-inset-top,0px)) var(--space-4) var(--space-2);border-top:1px solid var(--border);background:color-mix(in oklab,var(--background) 94%,var(--surface))}.mobile-nav-close{flex:0 0 auto}.mobile-nav[open]{display:block}.mobile-nav:not(.hidden),.mobile-nav[open]{background-color:var(--background);box-shadow:var(--shadow-md);overflow-y:auto}.mobile-nav-static{display:flex;align-items:center;gap:var(--space-2);padding:.75rem var(--space-5);color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:600;border-bottom:1px solid var(--border);transition:color var(--transition-speed) ease}.mobile-nav-static:hover{color:var(--text-main)}.mobile-nav-static.is-active{color:var(--primary)}.mobile-nav-static .mobile-nav-icon{color:inherit}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;flex-shrink:0;background:color-mix(in oklab,var(--cat-icon-color,var(--primary)) 10%,var(--surface));color:var(--cat-icon-color,var(--primary));border:1px solid color-mix(in oklab,var(--cat-icon-color,var(--primary)) 20%,transparent)}.mobile-nav-icon svg{width:16px;height:16px}.mobile-acc-item{border-bottom:1px solid var(--border)}.mobile-acc-item:last-child{border-bottom:none}.mobile-acc-item[data-category=finance]{--cat-icon-color:#10b981}.mobile-acc-item[data-category=gaming-tools]{--cat-icon-color:#f97316}.mobile-acc-item[data-category=developer-tools]{--cat-icon-color:#6366f1}.mobile-acc-item[data-category=math-science]{--cat-icon-color:#0ea5e9}.mobile-acc-item[data-category=web-utilities]{--cat-icon-color:#8b5cf6}.mobile-acc-item[data-category=construction-calculators]{--cat-icon-color:#f59e0b}.mobile-acc-item[data-category=productivity]{--cat-icon-color:#22c55e}.mobile-acc-item[data-category=browser-diagnostics]{--cat-icon-color:#ef4444}.mobile-acc-item[data-category=lifestyle]{--cat-icon-color:#ec4899}.mobile-acc-item[data-category=seo-marketing-tools]{--cat-icon-color:#14b8a6}.mobile-acc-trigger{appearance:none;background:0 0;border:none;width:100%;display:flex;align-items:center;gap:var(--space-3);padding:.75rem var(--space-5);cursor:pointer;text-align:left;color:var(--text-main);font-size:.95rem;font-weight:600;transition:background-color var(--transition-speed) ease}.mobile-acc-trigger:active,.mobile-acc-trigger:hover{background-color:color-mix(in oklab,var(--surface) 60%,transparent)}.mobile-acc-item.is-active-category>.mobile-acc-trigger{color:var(--cat-icon-color,var(--primary))}.mobile-acc-label{flex:1}.mobile-acc-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .22s ease}.mobile-acc-trigger[aria-expanded=true] .mobile-acc-chevron{transform:rotate(180deg)}.mobile-acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.mobile-acc-body.is-open{grid-template-rows:1fr}.mobile-acc-body-inner{--mobile-acc-link-indent:calc(2rem + var(--space-3));overflow:hidden;display:flex;flex-direction:column;padding:0 var(--space-5) 0 calc(var(--space-5) + var(--mobile-acc-link-indent))}.mobile-acc-body.is-open .mobile-acc-body-inner{padding-bottom:var(--space-3)}.mobile-acc-group{display:flex;flex-direction:column}.mobile-acc-group+.mobile-acc-group{margin-top:.55rem;padding-top:.55rem;border-top:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.mobile-acc-group-title{margin-bottom:.2rem;color:color-mix(in srgb,var(--text-muted) 68%,var(--cat-icon-color,var(--primary)) 32%);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-acc-link{color:var(--text-main);text-decoration:none;font-size:.9rem;min-height:52px;display:flex;align-items:center;gap:.8rem;margin-left:calc(-1 * var(--mobile-acc-link-indent));padding:.45rem 0 .45rem var(--mobile-acc-link-indent);border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);border-radius:18px 0 0 18px;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.mobile-acc-link:last-child{border-bottom:none}.mobile-acc-link-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,var(--cat-icon-color,var(--primary)) 10%),color-mix(in srgb,var(--background) 86%,var(--cat-icon-color,var(--primary)) 7%));color:var(--cat-icon-color,var(--primary))}.mobile-acc-link-icon svg{width:1rem;height:1rem}.mobile-acc-link-label{min-width:0;flex:1;font-weight:600;line-height:1.35}.mobile-acc-link-active-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.15rem .48rem;border-radius:999px;background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));color:var(--cat-icon-color,var(--primary));font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mobile-acc-link.is-active-tool{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 72%,var(--cat-icon-color,var(--primary)) 28%),color-mix(in srgb,var(--surface) 84%,var(--cat-icon-color,var(--primary)) 16%) 34%,color-mix(in srgb,var(--background) 92%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,transparent)}.mobile-acc-link.is-active-tool .mobile-acc-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--background) 60%,var(--cat-icon-color,var(--primary)) 40%)}.mobile-acc-link:not(.mobile-acc-link-all):focus-visible,.mobile-acc-link:not(.mobile-acc-link-all):hover{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 26%,var(--border))}.mobile-acc-link:not(.mobile-acc-link-all):focus-visible .mobile-acc-link-icon,.mobile-acc-link:not(.mobile-acc-link-all):hover .mobile-acc-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:color-mix(in srgb,var(--background) 66%,var(--cat-icon-color,var(--primary)) 34%)}.mobile-acc-link-all{justify-content:space-between;gap:.9rem;border-bottom:none;margin-top:.5rem;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border));border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 76%,var(--cat-icon-color,var(--primary)) 24%),color-mix(in srgb,var(--surface) 92%,var(--background)));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)}.mobile-acc-link-all-main{min-width:0;display:flex;align-items:center;gap:.75rem}.mobile-acc-link-all-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 42%,var(--border));background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,var(--surface));color:var(--cat-icon-color,var(--primary))}.mobile-acc-link-all-badge svg{width:1rem;height:1rem}.mobile-acc-link-all-copy{min-width:0;display:flex;flex-direction:column;gap:.08rem}.mobile-acc-link-all-title{color:var(--text-main);font-weight:700;line-height:1.15}.mobile-acc-link-all-subtitle{color:color-mix(in srgb,var(--text-muted) 55%,var(--cat-icon-color,var(--primary)) 45%);font-size:.78rem;font-weight:600;line-height:1.15}.mobile-acc-link-all-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--background) 68%,var(--cat-icon-color,var(--primary)) 32%);color:var(--cat-icon-color,var(--primary));transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.mobile-acc-link-all:focus-visible,.mobile-acc-link-all:hover{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 52%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 68%,var(--cat-icon-color,var(--primary)) 32%),color-mix(in srgb,var(--background) 88%,var(--surface)))}.mobile-acc-link-all:focus-visible .mobile-acc-link-all-icon,.mobile-acc-link-all:hover .mobile-acc-link-all-icon{transform:translateX(2px);border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 54%,var(--border));background:color-mix(in srgb,var(--background) 60%,var(--cat-icon-color,var(--primary)) 40%)}