:root,[data-theme=dark]{--bg:#0d0c0a;--bg-raised:#17150f;--bg-inset:#0a0908;--border:#2e291f;--border-strong:#46402f;--text:#f1ede0;--text-dim:#a89f8a;--accent:#e2a63d;--accent-strong:#f2ba55;--accent-contrast:#1a1206;--ok:#7bbf7e;--ok-strong:#4f9d5c;--danger:#e2705a;--danger-strong:#d1553d;--radius:3px;--radius-lg:6px;--max-width:780px;--grid-dot:#e2a63d17;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;color-scheme:dark}[data-theme=light]{--bg:#f4efe2;--bg-raised:#fdfbf5;--bg-inset:#ece5d3;--border:#ddd2b4;--border-strong:#c3b58c;--text:#211c12;--text-dim:#6b6047;--accent:#a8660f;--accent-strong:#8a530c;--accent-contrast:#fffaf0;--ok:#2f7d3a;--ok-strong:#24632c;--danger:#b13f28;--danger-strong:#942f1c;--radius:3px;--radius-lg:6px;--max-width:780px;--grid-dot:#a8660f1f;--shadow:0 1px 2px #211c1214, 0 8px 24px -12px #211c122e;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);color:var(--text);-webkit-font-smoothing:antialiased;background-size:22px 22px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1.7;transition:background-color .2s,color .2s}h1,h2,h3{letter-spacing:-.01em;color:var(--text);font-family:Fraunces,Georgia,serif;font-weight:600}h1{margin:.4rem 0 .9rem;font-size:2.1rem;line-height:1.15}a{color:var(--accent);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--accent-strong)}code,pre,textarea,input,select,button{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}header.site-header{border-bottom:1px solid var(--border);padding:1.1rem 0;position:relative}header.site-header:after{content:"";background:repeating-linear-gradient(90deg, var(--accent) 0, var(--accent) 6px, transparent 6px, transparent 12px);opacity:.5;height:3px;position:absolute;bottom:-1px;left:0;right:0}header.site-header .container{justify-content:space-between;align-items:center;max-width:960px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:600}header.site-header nav{align-items:center;gap:1.25rem;display:flex}header.site-header nav>a{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.85rem}header.site-header nav>a:hover{color:var(--accent)}.theme-switch,.theme-switch:hover,.theme-switch:active{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;display:block;transform:none}.theme-switch-track{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:999px;align-items:center;width:50px;height:26px;padding:2px;transition:border-color .2s;display:flex}.theme-switch:hover .theme-switch-track{border-color:var(--accent)}.theme-switch-thumb{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s cubic-bezier(.65,0,.35,1),background .2s;display:flex;position:relative;transform:translate(0)}[data-theme=light] .theme-switch-thumb{transform:translate(24px)}.theme-switch-thumb svg{width:12px;height:12px;color:var(--accent-contrast);transition:opacity .2s,transform .3s;position:absolute}.theme-switch-thumb .icon-sun{opacity:0;transform:rotate(-40deg)scale(.6)}.theme-switch-thumb .icon-moon,[data-theme=light] .theme-switch-thumb .icon-sun{opacity:1;transform:rotate(0)scale(1)}[data-theme=light] .theme-switch-thumb .icon-moon{opacity:0;transform:rotate(40deg)scale(.6)}footer.site-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:4rem;padding:2rem 0;font-size:.85rem}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.tool-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:1.5rem 0 2.5rem;padding:1.5rem;position:relative}.tool-panel:before{content:"";background:var(--accent);opacity:.7;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:1.25rem;right:1.25rem}.tool-panel label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.4rem;font-size:.8rem;display:block}.tool-panel textarea,.tool-panel input[type=text],.tool-panel select{background:var(--bg-inset);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .8rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.tool-panel textarea:focus,.tool-panel input[type=text]:focus,.tool-panel select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e2a63d2e}.tool-panel textarea{resize:vertical;min-height:140px}button{background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s}button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button:active{transform:translateY(1px)}button.secondary{border:1px solid var(--border-strong);color:var(--text);background:0 0}button.secondary:hover{background:var(--bg-inset);border-color:var(--accent);color:var(--accent)}.result-ok,.result-bad{border-radius:var(--radius);border:1px solid;align-items:center;gap:.45rem;margin-top:.9rem;padding:.5rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex}.result-ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent);border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.result-ok:before{content:"✓";font-weight:700}.result-bad{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.result-bad:before{content:"✕";font-weight:700}p:empty.result-ok,p:empty.result-bad{display:none}.homepage-controls{flex-wrap:wrap;gap:.6rem;margin:1.75rem 0;display:flex}.homepage-controls input[type=search]{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);flex:220px;padding:.6rem .85rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.homepage-controls input[type=search]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e2a63d2e}.custom-select{flex:none;position:relative}.custom-select-trigger{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);text-transform:none;letter-spacing:normal;white-space:nowrap;align-items:center;gap:.6rem;padding:.6rem .85rem;font-size:.9rem;font-weight:500;display:flex}.custom-select-trigger:hover{border-color:var(--accent);background:var(--bg-raised);color:var(--text)}.custom-select[data-open=true] .custom-select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px #e2a63d2e}.custom-select-chevron{width:12px;height:12px;color:var(--text-dim);flex-shrink:0;transition:transform .2s}.custom-select[data-open=true] .custom-select-chevron{color:var(--accent);transform:rotate(180deg)}.custom-select-list{z-index:20;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:100%;box-shadow:var(--shadow);opacity:0;pointer-events:none;margin:0;padding:.35rem;list-style:none;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-4px)}.custom-select[data-open=true] .custom-select-list{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-select-option{border-radius:var(--radius);cursor:pointer;color:var(--text);white-space:nowrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.88rem;display:flex}.custom-select-option:hover,.custom-select-option:focus{background:var(--bg-inset);outline:none}.custom-select-option[aria-selected=true]{color:var(--accent);font-weight:600}.custom-select-option-check{opacity:0;width:12px;height:12px;color:var(--accent);flex-shrink:0}.custom-select-option[aria-selected=true] .custom-select-option-check{opacity:1}.category-section{margin-top:2.25rem}.category-toggle,.category-toggle:hover,.category-toggle:active{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:.55rem;width:100%;padding:.3rem 0;display:flex;transform:none}.category-toggle:hover .category-heading{color:var(--accent)}.category-heading{color:var(--text);letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:600}.category-count{color:var(--text-dim);margin-left:auto;font-size:.78rem}.category-chevron{width:13px;height:13px;color:var(--accent);flex-shrink:0;transition:transform .25s cubic-bezier(.65,0,.35,1)}.category-section.collapsed .category-chevron{transform:rotate(-90deg)}.category-section.collapsed .tool-grid,.category-section.collapsed .show-more,.tool-card.hidden-by-search,.tool-card.hidden-extra,.category-section.no-matches{display:none}.show-more{margin-top:1rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.25rem 0;display:grid}.tool-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);padding:1.1rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.tool-card:after{content:attr(data-flag);opacity:.16;z-index:0;pointer-events:none;font-size:3.75rem;line-height:1;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}[data-theme=light] .tool-card:after{opacity:.12}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.tool-card:hover:after{opacity:.24}.tool-card h3{z-index:1;margin:0 0 .4rem;font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:600;position:relative}.tool-card p{color:var(--text-dim);z-index:1;margin:0;font-size:.85rem;position:relative}.faq-item{border-bottom:1px solid var(--border);padding:1.1rem 0}.faq-item:last-child{border-bottom:none}.faq-item h3{margin:0 0 .4rem;font-size:1rem}.related-tools ul{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.related-tools li a{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;align-items:center;padding:.4rem .9rem;font-size:.82rem;transition:border-color .15s,color .15s;display:inline-flex}.related-tools li a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.upsell-banner{background:var(--bg-raised);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0;padding:1.1rem 1.25rem;display:flex}.upsell-banner strong{font-family:Fraunces,Georgia,serif;font-size:1.02rem}.upsell-banner p{color:var(--text-dim);margin:.2rem 0 0;font-size:.85rem}.upsell-modal{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);width:calc(100% - 2.5rem);max-width:380px;box-shadow:var(--shadow);padding:1.75rem;position:relative}.upsell-modal::backdrop{backdrop-filter:blur(2px);background:#0a090899}.upsell-modal h2{margin:0 0 .6rem;padding-right:1.5rem;font-size:1.15rem}.upsell-modal p{color:var(--text-dim);margin:0 0 1.4rem;font-size:.9rem}.upsell-modal-close,.upsell-modal-close:hover,.upsell-modal-close:active{color:var(--text-dim);background:0 0;border:none;width:20px;height:20px;padding:.2rem;position:absolute;top:.9rem;right:.9rem;transform:none}.upsell-modal-close:hover{color:var(--accent)}.upsell-modal-close svg{width:100%;height:100%}article.tool-content{margin-top:2rem}article.tool-content h2{margin-top:2.4rem;font-size:1.25rem}article.tool-content p{color:var(--text)}