@font-face{font-family:Leo Lexend;src:url(/fonts/leo/Lexend-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Leo Lexend;src:url(/fonts/leo/Lexend-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Leo Ubuntu;src:url(/fonts/leo/Ubuntu-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Leo Ubuntu;src:url(/fonts/leo/Ubuntu-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Leo Ubuntu;src:url(/fonts/leo/Ubuntu-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Leo Advent Pro;src:url(/fonts/leo/AdventPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Leo Advent Pro;src:url(/fonts/leo/AdventPro-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Leo Advent Pro;src:url(/fonts/leo/AdventPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Leo Julius Sans One;src:url(/fonts/leo/JuliusSansOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Leo Poiret One;src:url(/fonts/leo/PoiretOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Leo Shadows Into Light;src:url(/fonts/leo/ShadowsIntoLight-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lotion: #faf9f5;--salt: #f0eee6;--sooty: #141414;--noir: #2c2b26;--last-straw: #e3dacc;--black-mana: #858585;--peachy-feeling: #d97757;--windstorm: #6a9bcc;--magic-carpet: #827dbd;--emerald-oasis: #629887;--mellow-marrow: #ebc9b7;--peek-a-blue: #c7dedc;--dust-of-the-moon: #cacadb;--banana-republic: #ffe292;--ballet: #f7d5d4;--banana-milk: #fff7ad;--ambrosia: #c6e1bc;--bunny-tail: #ffe3f4;--light-red: #f7d5d4;--light-orange: #ffcc55;--light-yellow: #fff7ad;--light-green: #c6e1bc;--light-teal: #96e2e1;--light-blue: #aed7ea;--light-purple: #debeef;--light-pink: #ffe3f4;--light-brown: #e2d1bd;--light-neutral: #e5e5e1;--light-grey: #dadbe1;--light-peach: #ebc9b7;--paper: var(--lotion);--paper-warm: var(--salt);--panel: transparent;--card-soft: transparent;--container-soft: transparent;--ink: var(--sooty);--ink-dim: rgba(20, 20, 20, .66);--ink-faint: rgba(20, 20, 20, .36);--border: rgba(20, 20, 20, .12);--grid-line: rgba(120, 128, 138, .16);--grid-size: 80px;--link: #2c2b26;--accent-strong: #2c2b26;--button-strong: var(--sooty);--button-strong-hover: var(--noir);--coral: #f08080;--yellow: #e3c04b;--blue: #6495ed;--mint: #c2f4b8;--lime: #eaf985;--orchid: #f2b4fd;--pink: #f9bed6;--violet: #9f75ff;--font-title: "Leo Lexend", "Ubuntu", "Trebuchet MS", Tahoma, ui-sans-serif, system-ui, sans-serif;--font-display: var(--font-title);--font-body: "Leo Ubuntu", "Ubuntu", "Trebuchet MS", Tahoma, ui-sans-serif, system-ui, sans-serif;--font-subtitle: "Leo Lexend", "Ubuntu", "Trebuchet MS", Tahoma, ui-sans-serif, system-ui, sans-serif;--font-quote: "Leo Poiret One", "Leo Julius Sans One", "Leo Lexend", sans-serif;--font-signature: "Leo Shadows Into Light", "Leo Poiret One", cursive;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--maxw: 1100px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);line-height:1.65;background-color:var(--paper)}a{color:var(--link);text-decoration:underline;text-underline-offset:.12em}a:hover{text-decoration:underline}a.no-underline{text-decoration:none}a.no-underline:hover{text-decoration:underline}:root{--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--radius: 12px;--radius-sm: 8px;--shadow-1: 0 1px 2px rgba(35, 37, 48, .04);--shadow-2: 0 2px 10px rgba(35, 37, 48, .07);--focus: 0 0 0 3px color-mix(in srgb, var(--accent-strong) 45%, transparent)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;letter-spacing:0;color:var(--ink);text-transform:uppercase}h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:.2em 0 .4em}h2{font-size:clamp(1.25rem,3vw,1.5rem);margin:1.6em 0 .6em}h3{font-size:1.12rem;margin:1.3em 0 .5em}p{margin:0 0 1em}.lead{color:var(--ink-dim);font-family:var(--font-title);font-weight:400;letter-spacing:.01em;font-size:13px;line-height:1.5;max-width:none;margin-top:0}.font-subtitle{font-family:var(--font-title);font-weight:400;letter-spacing:.02em}.font-quote{font-family:var(--font-quote);font-weight:400;letter-spacing:.04em;text-transform:uppercase}.font-signature{font-family:var(--font-signature);font-weight:400;letter-spacing:0}.hub-intro{max-width:70ch;margin:1rem 0 1.75rem;line-height:1.7}.category-hero{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,32vw,520px);gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-bottom:var(--sp-6)}.category-hero-copy{min-width:0}.category-hero .lead{max-width:62ch}.category-hero-image{width:100%;max-width:520px;margin-top:3.75rem;aspect-ratio:1 / 1;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);background:var(--panel);justify-self:end}small,.text-sm{font-size:.88rem}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}code{background:#2325300d;padding:.1em .4em;border-radius:5px}.wrap{max-width:var(--maxw);margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-7)}.wrap-wide{max-width:1100px}header.site{border-bottom:1px solid var(--border);background:#fbfaf7e0;backdrop-filter:blur(6px);position:sticky;top:0;z-index:1000}header.site .bar{max-width:1100px;margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:.6rem}header.site .logo{width:30px;height:30px;display:block}header.site .brand{font-weight:700;font-size:1.1rem;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}header.site .brand b{color:var(--accent-strong);font-weight:700}header.site a.brand-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:.5rem}header.site nav{margin-left:auto;display:flex;align-items:center;gap:.25rem}header.site nav a{color:var(--ink-dim);font-size:.95rem;font-weight:600;padding:.35rem .7rem;border-radius:var(--radius-sm);text-decoration:none}header.site nav a:hover{color:var(--ink);background:#2325300d;text-decoration:none}header.site .utility-nav{margin-left:.25rem;flex:0 0 auto}.site-nav{display:flex;align-items:center;margin-left:.5rem;min-width:0}.site-nav-menu{display:block;position:relative}.site-nav-menu>summary{display:inline-flex;align-items:center;gap:.45rem;list-style:none;cursor:pointer;padding:.4rem .6rem;border-radius:var(--radius-sm);color:var(--ink-dim);font-size:.92rem;font-weight:600;min-height:44px;user-select:none}.site-nav-menu>summary::-webkit-details-marker{display:none}.site-nav-menu>summary:hover{color:var(--ink);background:#2325300d}.site-nav-menu .hamburger{display:inline-flex;flex-direction:column;gap:4px;width:18px}.site-nav-menu .hamburger span{display:block;height:2px;background:currentColor;border-radius:2px}.site-nav-menu[open]>summary{color:var(--ink);background:var(--paper-warm)}.site-nav-menu:not([open]) .site-nav-drawer{display:none}.site-nav-drawer{position:absolute;right:0;top:calc(100% + .4rem);z-index:30;min-width:260px;max-height:75vh;overflow-y:auto;background:var(--paper);border:1px solid color-mix(in srgb,var(--border) 60%,var(--sooty));border-radius:var(--radius);box-shadow:0 8px 28px #23253038,0 2px 6px #2325301f;padding:.4rem}.site-nav-drawer ul{list-style:none;margin:0;padding:0}.site-nav-drawer a{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border-radius:var(--radius-sm);color:var(--ink);font-size:.95rem;font-weight:600;text-decoration:none}.site-nav-drawer a:hover{background:#2325300d;text-decoration:none}.site-nav-drawer a.is-active{background:color-mix(in srgb,var(--accent-strong) 12%,transparent)}.site-nav-drawer .cat-ico{font-size:1.05rem;line-height:1}.site-nav-drawer .drawer-sep{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.3rem}.breadcrumb{margin:0 0 var(--sp-4);font-size:.86rem}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.1rem .15rem;margin:0;padding:0}.breadcrumb li{display:inline-flex;align-items:center;gap:.15rem}.breadcrumb a{color:var(--ink-dim);text-decoration:none;font-weight:600}.breadcrumb a:hover{color:var(--ink);text-decoration:underline}.breadcrumb span[aria-current=page]{color:var(--ink);font-weight:600}.breadcrumb .sep{color:var(--ink-faint);padding:0 .15rem}footer.site{border-top:1px solid rgba(250,249,245,.14);color:#faf9f5bd;font-size:.9rem;margin-top:var(--sp-7);background:#141414}footer.site .inner{max-width:1100px;margin:0 auto;padding:1.8rem 1.25rem 1.4rem}footer.site .footer-links{margin-bottom:.5rem}footer.site .footer-links a{color:#faf9f5c7;margin-right:1.1rem;font-weight:600;text-decoration:none}footer.site .footer-links a:hover{color:#faf9f5;text-decoration:underline}footer.site .footer-nav{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin-bottom:1.1rem}footer.site .footer-nav .footer-col{min-width:140px}footer.site .footer-head{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e3dacc;margin:0 0 .6rem}footer.site .footer-nav ul{list-style:none;margin:0;padding:0}footer.site .footer-nav li{margin:0 0 .35rem}footer.site .footer-nav a{color:#faf9f5c7;font-weight:600;text-decoration:none;font-size:.9rem}footer.site .footer-nav a:hover{color:#faf9f5;text-decoration:underline}footer.site .muted{color:#faf9f59e}footer.site .muted a{color:#faf9f5;font-weight:700;text-decoration:none}footer.site .muted a:hover{color:#e3dacc;text-decoration:underline}.panel{background:var(--container-bg, var(--container-soft));border:1px solid var(--container-border, var(--border));border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-1)}.card{display:block;background:var(--card-local-bg, var(--card-bg, var(--card-soft)));border:1px solid var(--card-local-border, var(--card-border, var(--border)));border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-1);transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;color:inherit;text-decoration:none}.card:hover{box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--accent-strong) 50%,transparent);transform:translateY(-1px);text-decoration:none}.card .card-title{font-family:var(--font-display);font-weight:700;font-size:1.16rem;color:var(--ink)}.card .card-blurb{color:var(--ink-dim);font-size:.92rem;margin-top:.25rem;line-height:1.5}.card .card-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);margin-top:.5rem}.related-tools{margin-top:var(--sp-7)}.grid.related-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:stretch}.grid.related-grid:has(>.card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid>.card{min-height:10.8rem;height:100%;display:flex;flex-direction:column}.related-grid>.card:nth-child(n+5){display:none}.related-grid .card-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-grid .card-blurb{display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}.related-grid .card-tag{margin-top:auto}.grid.palette-auto>.card{color:var(--palette-card-text, var(--ink))}.grid.palette-auto>.card .card-title{color:var(--palette-card-text, var(--ink))}.grid.palette-auto>.card .card-blurb{color:var(--palette-card-muted, var(--ink-dim))}.grid.palette-auto>.card .card-tag{color:var(--palette-card-faint, var(--ink-faint))}.grid.palette-auto>.card:nth-child(12n+1){--card-bg: var(--peachy-feeling);--card-border: color-mix(in srgb, var(--peachy-feeling) 72%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--peachy-feeling) 74%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--peachy-feeling) 62%, var(--sooty));--palette-card-text: var(--lotion);--palette-card-muted: rgba(250, 249, 245, .78);--palette-card-faint: rgba(250, 249, 245, .66)}.grid.palette-auto>.card:nth-child(12n+2){--card-bg: var(--windstorm);--card-border: color-mix(in srgb, var(--windstorm) 72%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--windstorm) 74%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--windstorm) 62%, var(--sooty));--palette-card-text: var(--lotion);--palette-card-muted: rgba(250, 249, 245, .78);--palette-card-faint: rgba(250, 249, 245, .66)}.grid.palette-auto>.card:nth-child(12n+3){--card-bg: var(--magic-carpet);--card-border: color-mix(in srgb, var(--magic-carpet) 72%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--magic-carpet) 74%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--magic-carpet) 62%, var(--sooty));--palette-card-text: var(--lotion);--palette-card-muted: rgba(250, 249, 245, .78);--palette-card-faint: rgba(250, 249, 245, .66)}.grid.palette-auto>.card:nth-child(12n+4){--card-bg: var(--emerald-oasis);--card-border: color-mix(in srgb, var(--emerald-oasis) 72%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--emerald-oasis) 74%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--emerald-oasis) 62%, var(--sooty));--palette-card-text: var(--lotion);--palette-card-muted: rgba(250, 249, 245, .78);--palette-card-faint: rgba(250, 249, 245, .66)}.grid.palette-auto>.card:nth-child(12n+5){--card-bg: var(--mellow-marrow);--card-border: color-mix(in srgb, var(--mellow-marrow) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--mellow-marrow) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--mellow-marrow) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+6){--card-bg: var(--peek-a-blue);--card-border: color-mix(in srgb, var(--peek-a-blue) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--peek-a-blue) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--peek-a-blue) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+7){--card-bg: var(--dust-of-the-moon);--card-border: color-mix(in srgb, var(--dust-of-the-moon) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--dust-of-the-moon) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--dust-of-the-moon) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+8){--card-bg: var(--banana-republic);--card-border: color-mix(in srgb, var(--banana-republic) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--banana-republic) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--banana-republic) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+9){--card-bg: var(--ballet);--card-border: color-mix(in srgb, var(--ballet) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--ballet) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--ballet) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+10){--card-bg: var(--banana-milk);--card-border: color-mix(in srgb, var(--banana-milk) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--banana-milk) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--banana-milk) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+11){--card-bg: var(--ambrosia);--card-border: color-mix(in srgb, var(--ambrosia) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--ambrosia) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--ambrosia) 54%, var(--sooty))}.grid.palette-auto>.card:nth-child(12n+12){--card-bg: var(--bunny-tail);--card-border: color-mix(in srgb, var(--bunny-tail) 60%, var(--sooty));--card-nested-bg: color-mix(in srgb, var(--bunny-tail) 78%, var(--sooty));--card-nested-border: color-mix(in srgb, var(--bunny-tail) 54%, var(--sooty))}.card .card:not(.category-card):not([style*=--card-bg]):not([style*=--card-local-bg]){--card-local-bg: var(--card-nested-bg, transparent);--card-local-border: var(--card-nested-border, var(--card-border, var(--border)))}.card .btn:not(.btn-primary),.panel .btn:not(.btn-primary){--btn-bg: var(--lotion);--btn-border: color-mix(in srgb, var(--black-mana) 30%, var(--lotion));--btn-hover-bg: color-mix(in srgb, var(--lotion) 76%, var(--last-straw));--btn-hover-border: color-mix(in srgb, var(--black-mana) 44%, var(--lotion))}.category-card{background:var(--cat-card-bg, transparent);border-color:color-mix(in srgb,var(--cat-card-border, var(--border)) 54%,var(--sooty));color:var(--cat-card-text, var(--ink))}.category-card:hover{border-color:var(--cat-card-border, var(--accent-strong))}.category-card .card-blurb{color:var(--cat-card-muted, var(--ink-dim))}.category-card .card-tag{color:var(--cat-card-faint, rgba(20, 20, 20, .62))}.category-card .card-title{color:var(--cat-card-text, var(--ink));display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{display:inline-flex;align-items:center;gap:.35rem;min-height:1.8rem;padding:.28rem .62rem;border:1px solid var(--tag-border, color-mix(in srgb, var(--black-mana) 24%, var(--salt)));border-radius:999px;background:var(--tag-bg, var(--salt));color:var(--tag-color, var(--ink));font-family:var(--font-display);font-size:.84rem;font-weight:700;line-height:1.1;text-decoration:none;white-space:nowrap}.tag button,button.tag{appearance:none;cursor:pointer}button.tag:hover,a.tag:hover{border-color:var(--tag-border-hover, var(--tag-border, var(--black-mana)));box-shadow:var(--shadow-1);text-decoration:none}.tag-color{background:var(--tag-bg, var(--salt));border-color:var(--tag-border, color-mix(in srgb, var(--black-mana) 36%, var(--salt)))}.tag-hex{font-family:var(--font-mono);font-size:.9em;opacity:.82}.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tools-masonry{display:block;column-count:4;column-gap:.9rem}.tools-masonry>.card{display:inline-block;width:100%;margin:0 0 .9rem;break-inside:avoid}.home-popular-grid>.card{height:14rem;overflow:hidden}.home-popular-grid .card-blurb{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.grid-cats{display:grid;gap:.9rem;grid-template-columns:repeat(4,1fr)}.card.card-soon{cursor:default;background:color-mix(in srgb,var(--cat-card-bg, var(--paper-warm)) 72%,var(--panel));opacity:.72;box-shadow:none}.card.card-soon:hover{box-shadow:none;border-color:var(--border);transform:none}.card.card-soon .card-title{color:var(--ink-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:.98rem;line-height:1;padding:.7rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--btn-border, color-mix(in srgb, var(--black-mana) 32%, var(--salt)));background:var(--btn-bg, var(--salt));color:var(--ink);cursor:pointer;box-shadow:0 1px #1414140a;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease;min-height:44px;text-decoration:none}.btn:hover{background:var(--btn-hover-bg, color-mix(in srgb, var(--salt) 72%, var(--last-straw)));border-color:var(--btn-hover-border, color-mix(in srgb, var(--black-mana) 48%, var(--salt)));box-shadow:var(--shadow-1);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn-primary{background:var(--button-strong, var(--sooty));border-color:var(--button-strong, var(--sooty));color:var(--lotion)}.btn-primary:hover{background:var(--button-strong-hover, var(--noir));border-color:var(--button-strong-hover, var(--noir))}.btn-ghost{background:var(--salt);border-color:color-mix(in srgb,var(--black-mana) 28%,var(--salt))}.btn-block{width:100%}.field{display:block;margin-bottom:.9rem}.field>label{display:block;font-family:var(--font-display);font-weight:700;font-size:1.18rem;line-height:1.2;margin-bottom:.42rem;color:var(--ink)}.input,input[type=text],input[type=number],input[type=search],input[type=email],input[type=url],textarea,select{width:100%;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;min-height:44px}textarea{min-height:8rem;resize:vertical;line-height:1.55}.input:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--focus);border-color:var(--blue)}.search{position:relative;max-width:520px}.search input[type=search]{padding-left:2.4rem;font-size:1.02rem}.search .search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none;font-size:1.05rem}.search-results{margin-top:.9rem}.search-empty{color:var(--ink-dim);font-size:.92rem;padding:.4rem 0}.ad-zone{margin:var(--sp-5) 0;width:100%}.tool-widget{width:100%}.tool-copy{line-height:1.7}.tool-copy h2:first-child{margin-top:0}.copy-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%) translateY(.5rem);z-index:9999;background:var(--ink);color:var(--paper);padding:.55rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:0 6px 24px #23253047;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.copied{border-color:var(--ink)!important}button.copied{background:color-mix(in srgb,var(--peek-a-blue) 72%,var(--salt))}.placeholder{color:var(--ink-faint);font-style:italic;padding:1rem;text-align:center}.result{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;font-family:var(--font-mono)}.hl-coral{color:#c2453f}.hl-yellow{color:#8a6d12}.hl-blue{color:var(--accent-strong)}.stack>*+*{margin-top:var(--sp-4)}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.center{text-align:center}.mt-6{margin-top:var(--sp-6)}.mt-7{margin-top:var(--sp-7)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:var(--sp-6) 0 .9rem}.section-head h2{margin:0}.section-head a{font-size:.95rem;font-weight:600}@media(max-width:900px){.tools-masonry{column-count:2}.grid.related-grid:has(>.card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cats{grid-template-columns:repeat(2,1fr)}.category-hero{grid-template-columns:1fr}.category-hero-image{justify-self:start;max-width:min(100%,420px);margin-top:0}}@media(max-width:560px){header.site nav a{padding:.35rem .55rem}.site-nav-menu-label{display:none}.site-nav-drawer{min-width:min(82vw,280px)}.wrap{padding:var(--sp-5) var(--sp-4) var(--sp-6)}.grid,.grid.related-grid{grid-template-columns:1fr}.tools-masonry{column-count:1}.grid-cats{grid-template-columns:1fr}footer.site .footer-nav{gap:1.2rem 2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.save-btn[data-astro-cid-dcq6ic5g]{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.92rem;font-weight:600;color:var(--lotion);background:var(--sooty);border:1px solid var(--sooty);border-radius:var(--radius-sm, 8px);padding:.34rem .66rem;cursor:pointer;line-height:1;min-height:36px}.save-btn[data-astro-cid-dcq6ic5g]:hover{color:var(--lotion);background:var(--noir);border-color:var(--noir)}.save-btn[data-astro-cid-dcq6ic5g]:active{transform:translateY(1px)}.save-star[data-astro-cid-dcq6ic5g]{color:var(--lotion);font-size:.95em}.save-hint[data-astro-cid-dcq6ic5g]{position:fixed;top:58px;right:.75rem;max-width:min(20rem,calc(100vw - 1.5rem));background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);box-shadow:0 8px 28px #23253029;padding:.7rem .85rem;font-size:.9rem;line-height:1.5;z-index:60}.save-hint[data-astro-cid-dcq6ic5g] kbd[data-astro-cid-dcq6ic5g]{font-family:var(--font-mono);font-size:.85em;background:#2325300f;border:1px solid var(--border);border-radius:4px;padding:.05em .35em}.save-hint[data-astro-cid-dcq6ic5g] .save-hint-close[data-astro-cid-dcq6ic5g]{display:inline-block;margin-top:.45rem;font-weight:600;color:var(--link);cursor:pointer}