:root,body.health{--chip-brand:37 99 235}body,canvas,code,html,iframe,img,pre,svg,table,video{max-width:100%}.chips,.page-head,body{display:flex}.chip,.tool-tile{position:relative;cursor:pointer}.chip,.tool-title,body{letter-spacing:-.01em}.page-head,footer{text-align:center}.chips,.search,body,html,main{width:100%}:root{--bg:#ffffff;--ink:#0f172a;--muted:#374151;--soft:#f9fafb;--stroke:#e5e7eb;--card:#ffffff;--accent:#111827;--accent-900:#111827;--accent-rgb:17 24 39;--chip-height:42px;--chip-radius:14px;--chip-bg:#ecf2ff;--chip-bg-hover:#e2eaff;--chip-text:#0f172a;--chip-border:rgba(17,24,39,.40)}body.health{--accent:#244ea3;--accent-900:#1e3a8a;--accent-rgb:30 58 138;--chip-bg:color-mix(in oklab, #2563eb 12%, #fff);--chip-bg-hover:color-mix(in oklab, #2563eb 18%, #fff)}body.finance{--accent:#196c3a;--accent-900:#166534;--accent-rgb:22 101 52;--chip-brand:22 163 74;--chip-bg:color-mix(in oklab, #16a34a 12%, #fff);--chip-bg-hover:color-mix(in oklab, #16a34a 18%, #fff)}body.online-tools{--accent:#5333b8;--accent-900:#4c1d95;--accent-rgb:76 29 149;--chip-brand:109 40 217;--chip-bg:color-mix(in oklab, #6d28d9 12%, #fff);--chip-bg-hover:color-mix(in oklab, #6d28d9 18%, #fff)}body.travel{--accent:#c28b00;--accent-900:#8a6100;--accent-rgb:194 139 0;--chip-brand:247 201 72;--chip-bg:color-mix(in oklab, #f7c948 16%, #fff);--chip-bg-hover:color-mix(in oklab, #f7c948 23%, #fff)}body.games,body.games-fun{--accent:#b02828;--accent-900:#991b1b;--accent-rgb:153 27 27;--chip-brand:239 68 68;--chip-bg:color-mix(in oklab, #ef4444 12%, #fff);--chip-bg-hover:color-mix(in oklab, #ef4444 18%, #fff)}body.home-diy{--accent:#d1642e;--accent-900:#9c4216;--accent-rgb:156 66 22;--chip-brand:209 100 46;--chip-bg:color-mix(in oklab, #d1642e 14%, #fff);--chip-bg-hover:color-mix(in oklab, #d1642e 20%, #fff)}body.food{--accent:#dc4f3e;--accent-900:#9f2d20;--accent-rgb:159 45 32;--chip-brand:220 79 62;--chip-bg:color-mix(in oklab, #dc4f3e 14%, #fff);--chip-bg-hover:color-mix(in oklab, #dc4f3e 20%, #fff)}body.construction{--accent:#334155;--accent-900:#1f2937;--accent-rgb:31 41 55;--chip-brand:71 85 105;--chip-bg:color-mix(in oklab, #334155 12%, #fff);--chip-bg-hover:color-mix(in oklab, #334155 18%, #fff)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;min-height:100vh;overflow-x:clip;overscroll-behavior-x:none}@supports not (overflow:clip){body,html{overflow-x:hidden}}body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);color:var(--ink);line-height:1.6;flex-direction:column}code,iframe,pre,table{display:block;overflow-x:auto}:where(header,main,footer,nav,section,aside,.grid,.cards,.row)>*{min-width:0}body *{overflow-wrap:anywhere;word-break:break-word}:focus-visible{outline:3px solid rgba(var(--accent-rgb),.3);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chip,.tool-tile{transition:none}}html{-webkit-text-size-adjust:100%}main{max-width:980px;margin:0 auto;padding:0 16px 28px}.page-head{padding:40px 20px 28px;background:#fff;flex-direction:column;align-items:center}.category-page h1,.page-head h1{margin:0 0 8px;font-weight:800;color:var(--accent-900);font-size:clamp(1.6rem, 3vw + 1rem, 2.2rem);letter-spacing:-.02em}.footer-links a,.site-nav a{font-weight:600;text-decoration:none}.page-head>.intro,.page-head>p{max-width:70ch;margin:6px auto 0;text-align:center!important;text-wrap:pretty;color:var(--ink)}@supports (text-wrap:balance){.page-head h1{text-wrap:balance}}.chips{flex-wrap:wrap;gap:12px;justify-content:center;margin:16px auto 12px;max-width:920px}.chip{display:inline-flex;align-items:center;justify-content:center;height:var(--chip-height);padding:0 44px 0 16px;border-radius:var(--chip-radius);border:2px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);text-decoration:none;font-weight:650;font-size:.95rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 18px rgba(var(--chip-brand) / .12);transition:transform .12s,box-shadow .18s,background .18s,border-color .18s,filter .12s}.chip::after{content:"→";position:absolute;right:14px;top:50%;translate:0 -50%;font-weight:700;color:#111827;opacity:.58;transition:transform .14s,opacity .14s;pointer-events:none}.chip:hover{background:var(--chip-bg-hover);transform:translateY(-1px);border-color:rgba(17,24,39,.55);box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 12px 24px rgba(var(--chip-brand) / .18)}.seo-card,.tool-tile,footer{background:#fff}.chip:hover::after{transform:translate(3px,-50%);opacity:.75}.chip:active{transform:translateY(0);box-shadow:0 8px 16px rgba(var(--chip-brand)/.14)}.chip:focus-visible{outline:rgba(0,0,0,.22) solid 3px;outline-offset:2px}.category-page .chips{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:920px;margin:12px auto 16px!important}.category-page .chip{width:100%!important;justify-content:center!important}@media (max-width:560px){:root{--chip-height:40px;--chip-radius:13px}.chips{gap:10px}.category-page .chips{gap:10px!important}}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;justify-content:center;max-width:920px;margin:22px auto 14px}.tool-tile{display:flex;flex-direction:column;gap:6px;padding:16px 48px 16px 16px;border-radius:16px;border:1px solid var(--stroke);color:#0f172a;text-decoration:none;box-shadow:0 8px 18px rgba(0,0,0,.06);transition:transform .16s,box-shadow .18s,border-color .18s,background .18s}.tool-tile::after{content:"→";position:absolute;right:12px;top:12px;font-weight:900;opacity:.9;transition:transform .16s,opacity .16s}.tool-title{font-weight:760;font-size:1rem;line-height:1.25;color:var(--ink)}.tool-sub{color:#374151;font-size:.94rem;line-height:1.35}.tool-tile:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.1);border-color:#cbd5e1;background:#fff}.tool-tile:hover::after{transform:translateX(4px)}.tool-tile:active{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.tool-tile:focus-visible{outline:rgba(17,24,39,.22) solid 4px}.seo-card{border:1px solid var(--stroke);border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);max-width:760px;margin:18px auto 0}.seo-card h3{margin:0 0 8px;color:#0f172a;font-size:1.12rem}footer{margin-top:auto;border-top:1px solid var(--stroke);padding:22px 16px;color:#111827;font-size:.9rem}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px}.footer-links a{color:#111827;font-size:.95rem}.footer-links a:hover{text-decoration:underline}.site-header{background:radial-gradient(1400px 520px at 0 -10%,#f3f6ff 0,#f8fafc 45%,#fff 78%),#fff;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(0,0,0,.03)}.site-header__inner{max-width:1400px;margin:0 auto;padding:8px 8px 6px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}.logo{display:inline-flex;align-items:center;gap:0;text-decoration:none}.logo-text{display:inline-block;color:#0f172a;font-weight:750;letter-spacing:-.015em;line-height:1.05;font-size:clamp(1.8rem, 1.2rem + 1.4vw, 2.4rem)}.search{position:relative}.search__input{width:100%;height:42px;border:1px solid #d6e3ff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232563eb' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") right 18px center/22px 22px no-repeat #fff;border-radius:999px;padding:0 56px 0 16px;font:inherit;font-size:.96rem;caret-color:#2563eb;box-shadow:0 0 0 1px rgba(59,130,246,.08) inset,0 10px 22px rgba(37,99,235,.1)}.search__input::placeholder{color:#9ca3af}.search__input:focus{outline:rgba(59,130,246,.18) solid 2px;outline-offset:2px;box-shadow:0 0 0 1px rgba(59,130,246,.14) inset,0 12px 22px rgba(37,99,235,.12)}.site-nav{max-width:1200px;margin:0 auto;padding:0 16px 10px;display:flex;justify-content:center;align-items:flex-end;gap:34px;flex-wrap:wrap}.site-nav a{position:relative;color:#111827;font-size:.9rem;padding:5px 0;transition:color .12s,border-color .12s;border-bottom:2px solid transparent}.site-nav a.is-active,.site-nav a:hover{color:#0f172a;border-color:#2563eb}.search__suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--stroke);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.12);display:none;max-height:340px;overflow:auto;z-index:120}.search__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;cursor:pointer}.search__item.is-active,.search__item:hover{background:var(--soft)}.search__title{font-weight:750}.search__meta{font-size:.9rem;color:#374151;opacity:.95}.search__meta::before{content:"#";opacity:.6;margin-right:2px}@media (min-width:1024px){.logo .logo-text{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-weight:700;letter-spacing:-.015em}.site-header__inner{max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:8px!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:18px!important}.logo{margin-left:0!important}}@media (max-width:720px){.m-search,.m-search__suggestions{right:calc(env(safe-area-inset-right,0px) + 16px)}button,input,select,textarea{font-size:16px}.site-header .search,.site-nav{display:none!important}.site-header{background:radial-gradient(1400px 520px at 0 -10%,#f3f6ff 0,#f8fafc 45%,#fff 78%),#fff!important;border-bottom:1px solid var(--stroke);box-shadow:0 1px 8px rgba(0,0,0,.03)}.site-header__inner{max-width:100%;margin:0;padding:12px 12px 8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px}.m-nav-toggle{appearance:none;background:0 0;border:0;padding:6px;display:inline-flex;flex-direction:column;gap:4px}.m-nav-toggle__bar{width:20px;height:2px;background:#111827;border-radius:2px;display:block}.m-search-toggle,.m-search__back{background:0 0;border:0;color:#111827}.m-search-toggle{appearance:none;padding:6px;display:inline-flex;align-items:center}.logo{justify-self:start}.logo-text{font-weight:700;letter-spacing:-.01em;font-size:clamp(1.2rem, 1rem + 2vw, 1.6rem);line-height:1.1}:root{--m-search-h:48px;--m-search-top:12px}.m-search{position:fixed;left:calc(env(safe-area-inset-left,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + var(--m-search-top));z-index:200;display:none}body.search-open .m-search{display:block}body.search-open .site-header{background:#fff!important;border-bottom:0!important;box-shadow:none!important;padding-bottom:calc(var(--m-search-h) + var(--m-search-top) + 8px)}.m-search__back{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.m-search__input{display:block;width:100%;height:var(--m-search-h);box-sizing:border-box;border-radius:999px;padding-left:46px;padding-right:52px;border:1px solid rgba(17,24,39,.16);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364788B' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") right 16px center/22px 22px no-repeat #fff;box-shadow:none;color:#0f172a;caret-color:#2563eb;outline:0;font-size:16px;-webkit-appearance:none;transition:border-color .15s}.m-search__input::placeholder{color:#6b7280}.m-search__input:focus{border-color:#2563eb;box-shadow:none;outline:0}.m-search__suggestions{position:fixed;left:calc(env(safe-area-inset-left,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + var(--m-search-top) + var(--m-search-h) + 6px);max-height:55vh;overflow:auto;background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:210}body.search-open .drawer,body.search-open footer,body.search-open main{pointer-events:none}.drawer,.m-nav-toggle,.m-search-toggle{display:inline-flex}}@media (min-width:721px){.drawer,.m-nav-toggle,.m-search,.m-search-toggle{display:none!important;visibility:hidden!important}.site-header .search{display:block!important}.site-nav{display:flex!important}}.drawer{position:fixed;inset:0;z-index:180;pointer-events:none;display:block}.drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.28);opacity:0;transition:opacity .2s}.drawer__panel{position:absolute;left:0;top:0;bottom:0;width:min(86vw,360px);background:#fff;border-right:1px solid var(--stroke);transform:translateX(-100%);transition:transform .22s;padding:max(16px,env(safe-area-inset-top)) 16px 16px;overflow:auto}.drawer__close{position:absolute;right:10px;top:10px;font-size:24px;line-height:1;background:0 0;border:0}.drawer__list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.drawer__list a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-weight:700;padding:10px 8px;border-radius:10px}.drawer__list a:hover{background:#f3f4f6}body.drawer-open .drawer{pointer-events:auto}body.drawer-open .drawer__backdrop{opacity:1}body.drawer-open .drawer__panel{transform:translateX(0)}@media (max-width:720px){.drawer{display:block!important}}@media (min-width:721px){.drawer{display:none!important;visibility:hidden!important}}body.search-open .drawer{pointer-events:none}.category-page h1,.category-page h2{color:var(--accent-900)}.count-pill,.tool-count{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap;padding:10px 16px;border:2px solid rgba(17,24,39,.45);border-radius:999px;background:#fff;color:#0f172a;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 22px rgba(0,0,0,.06);line-height:1}.count-pill__label,.count-pill__suffix,.tool-count__label,.tool-count__suffix{font-weight:700;letter-spacing:-.01em;font-size:clamp(.92rem, 2.6vw, 1rem)}.count-pill__num,.tool-count__num{font-weight:800;font-variant-numeric:tabular-nums lining-nums;line-height:1;font-size:clamp(1.1rem, 6.5vw, 1.6rem)}@media (max-width:380px){.count-pill,.tool-count{padding:8px 12px;gap:8px}}