html,body{width:100%;max-width:100%;overflow-x:hidden}@supports (overflow-x: clip){html,body{overflow-x:clip}}body{position:relative}.site-header,main,footer{max-width:100vw}.page-shell,.container,.container-narrow,.container-wide{max-width:calc(100vw - (var(--page-gutter) * 2))}main .tool-card,main .card{padding:clamp(1rem,3vw,1.5rem)}main .tool-card>:first-child,main .card>:first-child{margin-top:0}main .tool-card>:last-child,main .card>:last-child{margin-bottom:0}main .result-card,main .stat-card,main .quick-card,main .contrast-card,main .variation-card,main .info-card,main .summary-card,main .output-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:.55rem!important;min-width:0;padding:clamp(.9rem,2.5vw,1rem);overflow-wrap:anywhere}main .result-card span,main .stat-card span,main .quick-card span,main .contrast-card span,main .variation-card span,main .info-card span,main .summary-card span,main .output-card span{display:block!important;width:100%;margin:0!important;line-height:1.35}main .result-card strong,main .stat-card strong,main .quick-card strong,main .contrast-card strong,main .variation-card strong,main .info-card strong,main .summary-card strong,main .output-card strong,main .result-card code,main .variation-card code{display:block!important;width:100%;margin:0!important;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}main .quick-card small,main .result-card small,main .stat-card small{display:block!important;width:100%;margin-top:.15rem;line-height:1.55}main .results-grid,main .stats-grid,main .quick-grid,main .variations-grid{gap:clamp(.75rem,2vw,1rem)!important}@media(max-width:980px){html,body{overscroll-behavior-x:none}main#main{overflow-x:clip}.hero,.home-hero{overflow:hidden;isolation:isolate}.hero:before,.hero:after,.home-hero:before,.home-hero:after{max-width:70vw}}@media(max-width:640px){.page-shell,.container,.container-narrow,.container-wide{width:calc(100% - 1.5rem)!important;max-width:calc(100vw - 1.5rem)!important;margin-inline:auto!important}main .tool-card,main .card,main .results-section,main .stats-section,main .extra-section,main .ranking-panel,main .preview-section{padding:1rem!important;border-radius:var(--radius-xl)!important}main .results-grid,main .quick-grid,main .stats-grid,main .variations-grid,main .directory-grid{grid-template-columns:1fr!important}main h2{overflow-wrap:anywhere}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:var(--z-header);width:100%;max-width:100vw}.site-header[data-astro-cid-3ef6ksr2]:before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:-1;background:color-mix(in srgb,var(--color-surface) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);box-shadow:0 1px #1b1f2d08;backdrop-filter:blur(18px)}.header-inner[data-astro-cid-3ef6ksr2]{min-height:4.6rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,2.2vw,2rem);padding-block:0}.brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.7rem;color:var(--color-text);font-weight:950;letter-spacing:-.055em;text-decoration:none;white-space:nowrap}.brand[data-astro-cid-3ef6ksr2]:hover{color:var(--color-text)}.brand-mark[data-astro-cid-3ef6ksr2]{display:inline-grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:.85rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:.72rem;letter-spacing:-.03em;font-weight:950;box-shadow:var(--shadow-brand)}.brand[data-astro-cid-3ef6ksr2] strong[data-astro-cid-3ef6ksr2]{font-size:clamp(1.15rem,1.6vw,1.45rem)}.menu-toggle[data-astro-cid-3ef6ksr2]{display:none;width:2.85rem;height:2.85rem;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-xs)}.menu-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{width:1.25rem;height:2px;border-radius:var(--radius-full);background:currentColor;transition:transform var(--transition-base),opacity var(--transition-base)}.is-menu-open[data-astro-cid-3ef6ksr2] .menu-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(1){transform:translateY(6px) rotate(45deg)}.is-menu-open[data-astro-cid-3ef6ksr2] .menu-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(2){opacity:0}.is-menu-open[data-astro-cid-3ef6ksr2] .menu-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-right[data-astro-cid-3ef6ksr2],nav[data-astro-cid-3ef6ksr2],.header-actions[data-astro-cid-3ef6ksr2],.language-switcher[data-astro-cid-3ef6ksr2]{display:flex;align-items:center}.header-right[data-astro-cid-3ef6ksr2]{justify-content:flex-end;gap:clamp(.75rem,2vw,1.5rem)}nav[data-astro-cid-3ef6ksr2]{justify-content:center;gap:clamp(.35rem,.8vw,1rem)}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.language-switcher[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;min-height:2.8rem;padding:0 .75rem;border-radius:var(--radius-full);color:var(--color-text);font-size:.96rem;font-weight:850;text-decoration:none;white-space:nowrap;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.language-switcher[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{background:var(--color-surface-soft);color:var(--color-text);transform:translateY(-1px)}.header-actions[data-astro-cid-3ef6ksr2]{justify-content:flex-end;gap:.45rem}.language-switcher[data-astro-cid-3ef6ksr2]{gap:.25rem}.language-switcher[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{min-height:2.25rem;padding-inline:.55rem;color:var(--color-text-muted);font-size:.75rem}.language-switcher[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{background:var(--color-text);color:var(--color-surface)}.theme-toggle[data-astro-cid-3ef6ksr2]{min-width:2.55rem;height:2.55rem;display:inline-grid;place-items:center;border-radius:.7rem;background:transparent;color:var(--color-text);cursor:pointer;transition:transform var(--transition-base),background var(--transition-base)}.theme-toggle[data-astro-cid-3ef6ksr2]:hover{transform:translateY(-1px);background:var(--color-surface-soft)}.theme-toggle-icon[data-astro-cid-3ef6ksr2]{line-height:1;font-size:1rem}.theme-toggle-text[data-astro-cid-3ef6ksr2]{display:none}@media(max-width:1100px){.header-inner[data-astro-cid-3ef6ksr2]{grid-template-columns:auto 1fr auto}.header-right[data-astro-cid-3ef6ksr2]{gap:.65rem}nav[data-astro-cid-3ef6ksr2]{gap:.2rem}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding-inline:.55rem;font-size:.9rem}}@media(max-width:980px){.site-header[data-astro-cid-3ef6ksr2]:before{inset:0}.header-inner[data-astro-cid-3ef6ksr2]{min-height:4.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding-block:.55rem;position:relative}.brand[data-astro-cid-3ef6ksr2]{min-width:0}.brand[data-astro-cid-3ef6ksr2] strong[data-astro-cid-3ef6ksr2]{overflow:hidden;text-overflow:ellipsis}.brand-mark[data-astro-cid-3ef6ksr2]{width:2.35rem;height:2.35rem}.menu-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex}.header-right[data-astro-cid-3ef6ksr2]{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:var(--z-dropdown);display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface) 98%,transparent);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(-.4rem) scale(.98);transform-origin:top center;transition:opacity var(--transition-base),transform var(--transition-base)}.is-menu-open[data-astro-cid-3ef6ksr2] .header-right[data-astro-cid-3ef6ksr2]{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}nav[data-astro-cid-3ef6ksr2]{display:grid;grid-template-columns:1fr;gap:.35rem;width:100%}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{min-height:2.9rem;justify-content:flex-start;padding-inline:var(--space-4);border-radius:var(--radius-md);font-size:.96rem;background:var(--color-surface-soft)}.header-actions[data-astro-cid-3ef6ksr2]{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);width:100%;align-items:stretch}.theme-toggle[data-astro-cid-3ef6ksr2]{width:100%;min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:var(--radius-md);font-weight:850}.theme-toggle-text[data-astro-cid-3ef6ksr2]{display:inline}.language-switcher[data-astro-cid-3ef6ksr2]{align-self:stretch;padding:.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.language-switcher[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{min-height:2.35rem;padding-inline:.75rem;border-radius:calc(var(--radius-md) - .25rem)}}@media(max-width:380px){.brand[data-astro-cid-3ef6ksr2] strong[data-astro-cid-3ef6ksr2]{font-size:1.05rem}.header-actions[data-astro-cid-3ef6ksr2]{grid-template-columns:1fr}.language-switcher[data-astro-cid-3ef6ksr2]{justify-content:center}}.site-footer[data-astro-cid-sz7xmlte]{padding:var(--space-12) 0 var(--space-16);color:var(--color-text-soft);font-size:.875rem}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}strong[data-astro-cid-sz7xmlte]{display:block;margin-bottom:var(--space-2);color:var(--color-text);font-weight:950;letter-spacing:-.04em}p[data-astro-cid-sz7xmlte]{max-width:46ch;margin:0}nav[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}a[data-astro-cid-sz7xmlte]{border-radius:var(--radius-full);color:var(--color-text-muted);padding:.45rem .7rem;text-decoration:none;font-weight:900;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}a[data-astro-cid-sz7xmlte]:hover{background:var(--color-surface-soft);color:var(--color-text);transform:translateY(-1px)}@media(max-width:700px){.footer-inner[data-astro-cid-sz7xmlte]{align-items:flex-start;flex-direction:column}nav[data-astro-cid-sz7xmlte]{justify-content:flex-start}}:root{color-scheme:light;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-bg: #f6f6fa;--color-surface: #ffffff;--color-surface-soft: #fbfcff;--color-surface-raised: rgba(255, 255, 255, .96);--color-text: #2b2d38;--color-text-muted: #636779;--color-text-soft: #787d8d;--color-border: #dddfea;--color-border-strong: #cfd3df;--color-primary: #f0523d;--color-primary-hover: #dd3427;--color-primary-soft: #ffe4dd;--color-secondary: #b9231b;--color-secondary-soft: #fff4f1;--color-accent: #ff7358;--color-accent-soft: #ffcbbd;--color-success: #065f46;--color-success-soft: #d1fae1;--color-warning: #854d0e;--color-warning-soft: #fef3c7;--color-danger: #be123c;--color-danger-soft: #fff1f2;--color-info: #1d4ed8;--color-info-soft: #dbeafe;--container-xs: 36rem;--container-sm: 48rem;--container-md: 64rem;--container-lg: 80rem;--container-xl: 92.5rem;--page-gutter: clamp(1rem, 3vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: .5rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.2rem;--radius-xl: 1.45rem;--radius-2xl: 2rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(27, 31, 45, .06);--shadow-sm: 0 10px 28px rgba(27, 31, 45, .06);--shadow-md: 0 18px 46px rgba(27, 31, 45, .1);--shadow-lg: 0 34px 90px rgba(27, 31, 45, .13);--shadow-brand: 0 18px 40px rgba(240, 82, 61, .26);--shadow-focus: 0 0 0 4px rgba(240, 82, 61, .18);--transition-fast: .14s cubic-bezier(.2, 0, 0, 1);--transition-base: .19s cubic-bezier(.2, 0, 0, 1);--transition-slow: .32s cubic-bezier(.16, 1, .3, 1);--z-header: 50;--z-dropdown: 60;--z-modal: 80;--z-toast: 100;--bg: var(--color-bg);--card: var(--color-surface-raised);--border: var(--color-border);--text: var(--color-text);--muted: var(--color-text-muted);--primary: var(--color-primary)}[data-theme=dark]{color-scheme:dark;--color-bg: #020617;--color-surface: #0f172a;--color-surface-soft: #111827;--color-surface-raised: #1e293b;--color-text: #f8fafc;--color-text-muted: #cbd5e1;--color-text-soft: #94a3b8;--color-border: #1e293b;--color-border-strong: #334155;--color-primary: #fb923c;--color-primary-hover: #fdba74;--color-primary-soft: rgb(249 115 22 / .18);--color-secondary: #f87171;--color-secondary-soft: rgb(248 113 113 / .16);--color-accent: #f0523d;--color-accent-soft: rgb(240 82 61 / .18);--color-success: #4ade80;--color-success-soft: rgb(22 163 74 / .18);--color-warning: #fbbf24;--color-warning-soft: rgb(217 119 6 / .18);--color-danger: #f87171;--color-danger-soft: rgb(220 38 38 / .18);--color-info: #60a5fa;--color-info-soft: rgb(37 99 235 / .18);--shadow-xs: 0 1px 2px rgb(0 0 0 / .3);--shadow-sm: 0 4px 16px rgb(0 0 0 / .35);--shadow-md: 0 16px 40px rgb(0 0 0 / .45);--shadow-lg: 0 28px 80px rgb(0 0 0 / .55);--shadow-brand: 0 18px 40px rgb(249 115 22 / .18);--shadow-focus: 0 0 0 4px rgb(249 115 22 / .22)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at -8% 38%,color-mix(in srgb,var(--color-primary) 9%,transparent),transparent 24rem),radial-gradient(circle at 105% 22%,color-mix(in srgb,var(--color-primary) 9%,transparent),transparent 25rem),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 68%,var(--color-bg)) 0%,var(--color-bg) 44%,color-mix(in srgb,var(--color-bg) 92%,#e5e7eb) 100%);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{border:0}::selection{background:var(--color-primary-soft);color:var(--color-secondary)}a{color:var(--color-primary-hover);text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{color:var(--color-primary)}:focus-visible{outline:0;box-shadow:var(--shadow-focus)}.skip-link{position:fixed;left:var(--space-4);top:var(--space-4);z-index:var(--z-toast);transform:translateY(calc(-100% - var(--space-8)));display:inline-flex;min-height:2.75rem;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-weight:900;text-decoration:none;box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.skip-link:focus-visible{transform:translateY(0)}.page-shell,.container{width:min(var(--container-xl),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}.container-narrow{width:min(var(--container-sm),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}.container-wide{width:min(var(--container-xl),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}main{min-height:65vh;padding-block:0 var(--space-12)}h1,h2,h3,h4{color:var(--color-text);font-weight:900;line-height:1.08;text-wrap:balance}h1{max-width:980px;margin:0;font-size:clamp(2.45rem,5.5vw,4.35rem);line-height:1.02;letter-spacing:-.052em}h2{margin:var(--space-12) 0 var(--space-3);font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.03em}h3{margin:0 0 var(--space-2);font-size:1.35rem;letter-spacing:-.025em}p,li{color:var(--color-text-muted);line-height:1.55}p{margin:0 0 var(--space-4)}.hero,.home-hero{position:relative;display:grid;justify-items:center;gap:var(--space-4);padding:clamp(3rem,6vw,5.2rem) 0 clamp(1.5rem,3vw,2.4rem);text-align:center}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.hero:before{left:min(-12vw,-7rem);top:-5rem;width:clamp(15rem,28vw,28rem);aspect-ratio:1;background:color-mix(in srgb,var(--color-primary) 4.5%,transparent)}.hero:after{right:min(-13vw,-8rem);top:-1rem;width:clamp(17rem,32vw,34rem);aspect-ratio:1;background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.eyebrow,.badge{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-2);padding:.55rem .8rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary-hover);font-size:.875rem;font-weight:900;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 70%,transparent)}.hero-text{max-width:960px;margin:0;color:var(--color-text-muted);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55}.btn,button.btn{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;gap:var(--space-2);padding:.78rem 1.1rem;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;font-weight:900;line-height:1;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{color:#fff;box-shadow:0 22px 48px #f0523d57}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.card,.tool-card{display:block;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-base)}.card:hover,.tool-card:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:clamp(1.1rem,2vw,1.5rem)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.input,.select,.textarea{width:100%;min-height:2.9rem;padding:.72rem .9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}textarea{min-height:7rem;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-soft)}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus,.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);outline:0;box-shadow:var(--shadow-focus)}label,.label{color:var(--color-text);font-size:.875rem;font-weight:850}.help-text{color:var(--color-text-soft);font-size:.875rem}.error-text{color:var(--color-danger);font-size:.875rem;font-weight:800}.alert{margin:0;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:850}.alert-info{border-color:var(--color-info);background:var(--color-info-soft);color:var(--color-info)}.alert-success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.alert-warning{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.alert-danger{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}@media(max-width:760px){.page-shell,.container,.container-narrow,.container-wide{width:min(100% - 2rem,var(--container-xl))}.hero{padding-top:var(--space-10);text-align:left;justify-items:start}}@media(max-width:520px){.page-shell,.container,.container-narrow,.container-wide{width:min(100% - 1.5rem,var(--container-xl))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}