:root{color-scheme:dark;--color-bg:#08090a;--color-surface:#111214;--color-text:#f7f8f8;--color-muted:#8a8f98;--color-border:#ffffff14;--color-accent:#f7f8f8;--color-accent-bg:#1b1c20;--max-width:960px;--font:"Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, sans-serif}html[data-theme=light]{color-scheme:light;--color-bg:#eaf4ff;--color-surface:#f7fbff;--color-text:#151b22;--color-muted:#5d6874;--color-border:#12243624;--color-accent:#18212b;--color-accent-bg:#dce9f5}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);flex-direction:column;align-items:stretch;display:flex}main{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}a{color:var(--color-text);text-decoration:none}a:hover{opacity:.7}.site-wordmark{letter-spacing:.02em;white-space:nowrap;font-family:Pixelify Sans,ui-monospace,monospace;font-size:1.2rem;font-weight:700}.site-theme-toggle{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;width:48px;height:28px;padding:0}.theme-track{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 86%, var(--color-text));border-radius:999px;width:48px;height:28px;transition:background .22s,border-color .22s;display:block;position:relative;box-shadow:inset 0 1px 4px #0003}.theme-sun,.theme-moon{color:var(--color-muted);font-size:12px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.theme-sun{left:7px}.theme-moon{right:7px}.theme-thumb{background:var(--color-text);border-radius:50%;width:20px;height:20px;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .22s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000047}html[data-theme=light] .theme-thumb{transform:translate(20px)}.site-theme-toggle:focus-visible{outline-offset:3px;outline:2px solid #7774ff}img{max-width:100%;height:auto}.tool-card{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;will-change:transform, box-shadow;opacity:1;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),border-color .15s;display:flex;transform:translateY(0)}.tool-card:hover{border-color:#fff3;transform:translateY(-3px)scale(1.005);box-shadow:0 10px 25px -5px #00000057,0 8px 10px -6px #0000003d}.tool-card:active{transition-duration:80ms;transform:translateY(-1px)scale(.995)}.tool-card-icon{transition:transform .2s cubic-bezier(.23,1,.32,1)}.tool-card:hover .tool-card-icon{transform:scale(1.08)rotate(1deg)}.tool-card-arrow{transition:transform .2s cubic-bezier(.23,1,.32,1),color .15s}.tool-card:hover .tool-card-arrow{color:var(--color-text);transform:translate(3px)}.tool-card-icon{background:var(--color-accent-bg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.tool-card-info{flex:1;min-width:0}.tool-card-name{font-size:.9rem;font-weight:500}.tool-card-desc{color:var(--color-muted);margin-top:.15rem;font-size:.8rem}.tool-card-arrow{color:var(--color-muted);flex-shrink:0;font-size:.85rem}.cat-badge{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;transition:all .15s;display:inline-block}.cat-badge:hover,.cat-badge.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);opacity:1}.input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:6px;outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.input:focus{border-color:#7774ff}.btn{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-bg);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;transition:opacity .15s}.btn:hover{opacity:.85}.btn-outline{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-text)}.tool-page{padding:2rem 0 3rem}.tool-page-back{color:var(--color-muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.8rem;display:inline-flex}.tool-page-back:hover{color:var(--color-text);opacity:1}.tool-page-title{font-size:1.5rem;font-weight:600}.tool-page-desc{color:var(--color-muted);margin-top:.5rem;font-size:.875rem;line-height:1.6}.page-hero-kicker{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;margin:.75rem 0 0;font-size:.75rem;font-weight:700;line-height:1.2}.page-hero-copy{color:var(--color-muted);margin:1rem 0 0;font-size:1.08rem;line-height:1.7}.tool-container{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.code-block{background:var(--color-accent-bg);color:var(--color-text);border:1px solid var(--color-border);resize:vertical;border-radius:6px;outline:none;width:100%;padding:.75rem 1rem;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.code-block:focus{border-color:#7774ff}.label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.75rem;font-weight:500;display:block}.no-results{text-align:center;color:var(--color-muted);padding:4rem 1rem}.no-results p:first-child{margin-bottom:.5rem;font-size:2rem}.toast{background:var(--color-accent);color:var(--color-bg);z-index:1000;border-radius:6px;padding:.6rem 1.2rem;font-size:.8rem;animation:.2s ease-out toastIn;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-header{z-index:20;width:100%;max-width:none;padding:1rem clamp(.85rem,2.2vw,1.5rem) 0;position:relative}.site-nav{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.site-nav-actions,.desktop-nav{align-items:center;display:flex}.site-nav-actions{flex:0 auto;justify-content:flex-end;gap:clamp(.55rem,1.5vw,1.1rem);min-width:0;margin-left:auto}.desktop-nav{min-width:0;color:var(--color-muted);flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;gap:clamp(.7rem,1.4vw,1.35rem);font-size:.8rem}.desktop-nav a{white-space:nowrap;flex:none}.mobile-nav{color:var(--color-muted);font-size:.8rem;display:none;position:relative}.mobile-nav summary{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:7px;padding:.45rem .65rem;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav-menu{z-index:40;border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;grid-template-columns:1fr 1fr;gap:.2rem;min-width:210px;padding:.65rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 18px 45px #00000040}.mobile-nav:not([open]) .mobile-nav-menu{display:none}.mobile-nav-menu a{color:var(--color-text);border-radius:6px;padding:.55rem .6rem}.mobile-nav-menu a:hover,.mobile-nav-menu a:focus-visible{background:var(--color-accent-bg)}.mobile-nav-secondary{border-top:1px solid var(--color-border);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-top:.35rem;padding-top:.45rem;display:grid}.site-footer{border-top:1px solid var(--color-border);width:100%;max-width:none;color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-top:4rem;padding:1.35rem clamp(.85rem,2.2vw,1.5rem);font-size:.75rem;display:flex}.site-footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;max-width:min(28rem,36vw);overflow:hidden}.site-footer-links{text-align:right;flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:clamp(.55rem,1.2vw,1.1rem);min-width:0;font-size:0;line-height:1.2;display:flex}.site-footer-links a{white-space:nowrap;text-underline-offset:2px;flex:none;font-size:.75rem;text-decoration:underline}@media (width<=720px){.site-header{padding:.85rem 1rem 0}.desktop-nav{display:none}.mobile-nav{display:block}.site-nav-actions{gap:.55rem}.site-footer{flex-direction:column;align-items:stretch;gap:.65rem;margin-top:2.5rem;padding:1.1rem 1rem}.site-footer>span:first-child{white-space:normal;max-width:none}.site-footer-links{justify-content:flex-end;row-gap:.3rem}.site-footer-links a{font-size:.7rem}}