@layer tokens{@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-wght-normal.woff2)format("woff2-variations"),url(/assets/fonts/inter-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90%;descent-override:22.5%;line-gap-override:0%;size-adjust:107.5%}:root{--font-sans:"Inter Variable", "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-2xs:.625rem;--font-size-xs:clamp(.6875rem, .65rem + .18vw, .75rem);--font-size-sm:clamp(.8125rem, .78rem + .16vw, .875rem);--font-size-base:clamp(.9375rem, .9rem + .19vw, 1rem);--font-size-md:clamp(1.0625rem, 1.01rem + .26vw, 1.125rem);--font-size-lg:clamp(1.1875rem, 1.11rem + .39vw, 1.25rem);--font-size-xl:clamp(1.3125rem, 1.21rem + .52vw, 1.5rem);--font-size-2xl:clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--font-size-3xl:clamp(1.75rem, 1.51rem + 1.2vw, 2.25rem);--font-size-4xl:clamp(2rem, 1.66rem + 1.7vw, 2.75rem);--font-size-5xl:clamp(2.375rem, 1.85rem + 2.6vw, 3.5rem);--font-size-display:clamp(2.75rem, 2rem + 3.75vw, 4.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.65;--line-height-loose:1.8;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--space-0:0;--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;--space-24:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--border-width-thin:1px;--border-width-thick:2px;--z-deep:-1;--z-base:0;--z-raised:1;--z-sticky:100;--z-header:500;--z-dropdown:1000;--z-backdrop:1100;--z-modal:1200;--z-popover:1300;--z-tooltip:1400;--z-toast:1500;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--transition-all:all var(--duration-normal) var(--ease-standard);--transition-colors:color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard);--container-max:1200px;--container-tool:var(--container-max);--container-narrow:680px;--container-side-pad:clamp(16px, 4vw, 32px);--touch-target-min:44px;--neutral-1:#fff;--neutral-2:#f8fafc;--neutral-3:#f1f5f9;--neutral-4:#e2e8f0;--neutral-5:#cbd5e1;--neutral-6:#94a3b8;--neutral-7:#768396;--neutral-8:#475569;--neutral-9:#334155;--neutral-10:#1e293b;--neutral-11:#0f172a;--neutral-12:#090d16;--accent-1:#f5f6ff;--accent-2:#eceeff;--accent-3:#dddefe;--accent-4:#c3c5fd;--accent-5:#a5a6fb;--accent-6:#8183f8;--accent-7:#6366f1;--accent-8:#4f46e5;--accent-9:#4338ca;--accent-10:#3730a3;--accent-11:#312e81;--accent-12:#1e1b4b;--surface-canvas:#f8fafc;--surface-card:#fff;--surface-card-hover:#fff;--surface-header:#ffffffe0;--surface-input:#fff;--surface-muted:#f1f5f9;--surface-badge:#eef2ff;--border-subtle:#e2e8f0;--border-strong:#768396;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-active:#3730a3;--accent-contrast:#fff;--accent-subtle:#e0e7ff;--accent-subtle-text:#3730a3;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-success-text:#065f46;--color-success-icon:#059669;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-warning-icon:#d97706;--color-danger-bg:#fff1f2;--color-danger-border:#fecdd3;--color-danger-text:#9f1239;--color-danger-icon:#e11d48;--color-info-bg:#f0f9ff;--color-info-border:#bae6fd;--color-info-text:#075985;--color-info-icon:#0284c7;--cat-date-bg:#e0e7ff;--cat-date-border:#c7d2fe;--cat-date-color:#3730a3;--cat-math-bg:#d1fae5;--cat-math-border:#a7f3d0;--cat-math-color:#065f46;--cat-text-bg:#fef3c7;--cat-text-border:#fde68a;--cat-text-color:#92400e;--cat-security-bg:#ffe4e6;--cat-security-border:#fecdd3;--cat-security-color:#9f1239;--cat-fun-bg:#f3e8ff;--cat-fun-border:#e9d5ff;--cat-fun-color:#6b21a8;--cat-dev-bg:#ccfbf1;--cat-dev-border:#99f6e4;--cat-dev-color:#115e59;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a0f, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a12, 0 8px 10px -6px #0f172a0a;--shadow-inner:inset 0 2px 4px #0f172a0a;--shadow-glow:0 0 0 1px #6366f126, 0 8px 24px -4px #4f46e51f;--font-family:var(--font-sans);--primary:var(--accent-primary);--primary-hover:var(--accent-hover);--primary-light:var(--accent-subtle);--primary-text:var(--accent-contrast);--bg-body:var(--surface-canvas);--bg-card:var(--surface-card);--bg-card-hover:var(--surface-card-hover);--bg-header:var(--surface-header);--bg-input:var(--surface-input);--bg-muted:var(--surface-muted);--bg-badge:var(--surface-badge);--border-color:var(--border-subtle);--text-main:var(--text-primary);--text-muted:var(--text-secondary);--text-subtle:var(--text-tertiary);--text-badge:var(--accent-subtle-text);--shadow-hover:var(--shadow-glow);--max-width:var(--container-max);--transition:var(--transition-all)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--neutral-1:#090d16;--neutral-2:#0f172a;--neutral-3:#161f33;--neutral-4:#1e293b;--neutral-5:#334155;--neutral-6:#475569;--neutral-7:#64748b;--neutral-8:#94a3b8;--neutral-9:#cbd5e1;--neutral-10:#e2e8f0;--neutral-11:#f8fafc;--neutral-12:#fff;--accent-1:#1e1b4b;--accent-2:#312e81;--accent-3:#3730a3;--accent-4:#4338ca;--accent-5:#4f46e5;--accent-6:#6366f1;--accent-7:#8183f8;--accent-8:#a5a6fb;--accent-9:#c3c5fd;--accent-10:#dddefe;--accent-11:#eceeff;--accent-12:#f5f6ff;--surface-canvas:#090d16;--surface-card:#161f33;--surface-card-hover:#1e293b;--surface-header:#090d16e0;--surface-input:#0f172a;--surface-muted:#1e293b;--surface-badge:#6366f129;--border-subtle:#334155;--border-strong:#64748b;--border-focus:#8183f8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#090d16;--accent-primary:#818cf8;--accent-btn-bg:#4f46e5;--accent-hover:#a5b4fc;--accent-active:#c7d2fe;--accent-contrast:#fff;--accent-subtle:#6366f133;--accent-subtle-text:#c7d2fe;--color-success-bg:#10b98126;--color-success-border:#10b98159;--color-success-text:#6ee7b7;--color-success-icon:#34d399;--color-warning-bg:#f59e0b26;--color-warning-border:#f59e0b59;--color-warning-text:#fcd34d;--color-warning-icon:#fbbf24;--color-danger-bg:#f43f5e26;--color-danger-border:#f43f5e59;--color-danger-text:#fda4af;--color-danger-icon:#fb7185;--color-info-bg:#0ea5e926;--color-info-border:#0ea5e959;--color-info-text:#7dd3fc;--color-info-icon:#38bdf8;--cat-date-bg:#4f46e533;--cat-date-border:#6366f159;--cat-date-color:#c7d2fe;--cat-math-bg:#05966933;--cat-math-border:#10b98159;--cat-math-color:#a7f3d0;--cat-text-bg:#d9770633;--cat-text-border:#f59e0b59;--cat-text-color:#fde68a;--cat-security-bg:#e11d4833;--cat-security-border:#f43f5e59;--cat-security-color:#fecdd3;--cat-fun-bg:#7e22ce33;--cat-fun-border:#a855f759;--cat-fun-color:#e9d5ff;--cat-dev-bg:#0f766e33;--cat-dev-border:#14b8a659;--cat-dev-color:#99f6e4;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #00000040;--shadow-md:0 4px 8px -1px #00000073, 0 2px 4px -2px #00000059;--shadow-lg:0 10px 20px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 30px -5px #0000008c, 0 8px 12px -6px #00000073;--shadow-inner:inset 0 2px 4px #0006;--shadow-glow:0 0 0 1px #6366f159, 0 8px 24px -4px #6366f14d}}:root[data-theme=dark]{--neutral-1:#090d16;--neutral-2:#0f172a;--neutral-3:#161f33;--neutral-4:#1e293b;--neutral-5:#334155;--neutral-6:#475569;--neutral-7:#64748b;--neutral-8:#94a3b8;--neutral-9:#cbd5e1;--neutral-10:#e2e8f0;--neutral-11:#f8fafc;--neutral-12:#fff;--accent-1:#1e1b4b;--accent-2:#312e81;--accent-3:#3730a3;--accent-4:#4338ca;--accent-5:#4f46e5;--accent-6:#6366f1;--accent-7:#8183f8;--accent-8:#a5a6fb;--accent-9:#c3c5fd;--accent-10:#dddefe;--accent-11:#eceeff;--accent-12:#f5f6ff;--surface-canvas:#090d16;--surface-card:#161f33;--surface-card-hover:#1e293b;--surface-header:#090d16e0;--surface-input:#0f172a;--surface-muted:#1e293b;--surface-badge:#6366f129;--border-subtle:#334155;--border-strong:#64748b;--border-focus:#8183f8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#090d16;--accent-primary:#818cf8;--accent-btn-bg:#4f46e5;--accent-hover:#a5b4fc;--accent-active:#c7d2fe;--accent-contrast:#fff;--accent-subtle:#6366f133;--accent-subtle-text:#c7d2fe;--color-success-bg:#10b98126;--color-success-border:#10b98159;--color-success-text:#6ee7b7;--color-success-icon:#34d399;--color-warning-bg:#f59e0b26;--color-warning-border:#f59e0b59;--color-warning-text:#fcd34d;--color-warning-icon:#fbbf24;--color-danger-bg:#f43f5e26;--color-danger-border:#f43f5e59;--color-danger-text:#fda4af;--color-danger-icon:#fb7185;--color-info-bg:#0ea5e926;--color-info-border:#0ea5e959;--color-info-text:#7dd3fc;--color-info-icon:#38bdf8;--cat-date-bg:#4f46e533;--cat-date-border:#6366f159;--cat-date-color:#c7d2fe;--cat-math-bg:#05966933;--cat-math-border:#10b98159;--cat-math-color:#a7f3d0;--cat-text-bg:#d9770633;--cat-text-border:#f59e0b59;--cat-text-color:#fde68a;--cat-security-bg:#e11d4833;--cat-security-border:#f43f5e59;--cat-security-color:#fecdd3;--cat-fun-bg:#7e22ce33;--cat-fun-border:#a855f759;--cat-fun-color:#e9d5ff;--cat-dev-bg:#0f766e33;--cat-dev-border:#14b8a659;--cat-dev-color:#99f6e4;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #00000040;--shadow-md:0 4px 8px -1px #00000073, 0 2px 4px -2px #00000059;--shadow-lg:0 10px 20px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 30px -5px #0000008c, 0 8px 12px -6px #00000073;--shadow-inner:inset 0 2px 4px #0006;--shadow-glow:0 0 0 1px #6366f159, 0 8px 24px -4px #6366f14d}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;color-scheme:light dark;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;font-size:16px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--surface-canvas);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);flex-direction:column;display:flex}:focus{outline:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background-color:var(--accent-subtle);color:var(--accent-subtle-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}[id],h1,h2,h3,h4,h5,h6{scroll-margin-top:calc(var(--space-16) + var(--space-4))}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p,ul,ol{color:var(--text-secondary)}ul,ol{padding-left:var(--space-5)}li{margin-bottom:var(--space-1)}a{color:var(--accent-primary);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}p a,li>a:not(.btn,.tool-card,.nav-link,.mega-menu-tool-link,.tool-category-chip,.jump-pill){text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}img,picture,video,canvas{max-width:100%;height:auto;display:block}svg{vertical-align:middle;flex-shrink:0;display:inline-block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}@media print{header,footer,nav,#theme-toggle,#mobile-menu-btn,.skip-link,.breadcrumb,.ad-placeholder,.cookie-banner,.tb-toast-container,.related-tools-section,.no-print{display:none!important}body{color:#000!important;background:#fff!important;font-size:11pt!important;line-height:1.4!important}main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.container,.tool-page{max-width:100%!important;padding:0!important}.tool-interface,.result-box,.tool-card,.card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.result-box{background-color:#f8fafc!important;border:2px solid #000!important}a{color:#000!important;text-decoration:underline!important}}}@layer layout{.skip-link{top:-100px;left:var(--space-4);background-color:var(--accent-primary);color:var(--accent-contrast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:var(--z-toast);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);transition:top var(--duration-fast) var(--ease-out);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4);outline:2px solid var(--accent-contrast);outline-offset:2px}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-side-pad);margin-inline:auto}main#main-content{min-height:calc(100vh - 180px)}.page-container{padding-top:var(--space-4);padding-bottom:var(--space-12)}.container-tool{max-width:var(--container-tool);margin-inline:auto}.container-narrow{max-width:var(--container-narrow);margin-inline:auto}.stack{justify-content:flex-start;gap:var(--stack-gap,var(--space-4));flex-direction:column;display:flex}.stack-xs{--stack-gap:var(--space-1)}.stack-sm{--stack-gap:var(--space-2)}.stack-md{--stack-gap:var(--space-4)}.stack-lg{--stack-gap:var(--space-6)}.stack-xl{--stack-gap:var(--space-8)}.stack-2xl{--stack-gap:var(--space-12)}.cluster{align-items:center;gap:var(--cluster-gap,var(--space-3));flex-wrap:wrap;display:flex}.cluster-sm{--cluster-gap:var(--space-2)}.cluster-md{--cluster-gap:var(--space-3)}.cluster-lg{--cluster-gap:var(--space-4)}.cluster-xl{--cluster-gap:var(--space-6)}.cluster-between{justify-content:space-between}.cluster-center{justify-content:center}.grid-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min-item,280px)), 1fr));gap:var(--grid-gap,var(--space-6));display:grid}.grid-tools,.tools-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-tools,.tools-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-tools,.tools-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.how-it-works-grid,.steps-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.how-it-works-grid,.steps-grid{grid-template-columns:repeat(3,1fr)}}.why-grid,.features-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.why-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}.examples-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.examples-grid{grid-template-columns:repeat(3,1fr)}}.grid-2{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-2{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}.grid-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.grid-4{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-4{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}.sidebar-layout{gap:var(--space-8);flex-wrap:wrap;display:flex}.sidebar-layout>.sidebar{flex-basis:var(--sidebar-width,280px);flex-grow:1}.sidebar-layout>.content-main{flex-grow:999;flex-basis:0;min-width:55%}.section{padding-block:var(--space-10)}@media (width>=768px){.section{padding-block:var(--space-16)}}.section-sm{padding-block:var(--space-6)}.section-lg{padding-block:var(--space-16)}@media (width>=768px){.section-lg{padding-block:var(--space-24)}}.tool-page-layout{max-width:var(--container-max)}.tool-page-grid{grid-template-columns:1fr;gap:0;display:grid}@media (width>=1100px){.tool-page-grid{gap:var(--space-10);grid-template-columns:1fr 260px}}.tool-main-col{width:100%;min-width:0}.tool-main-col h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.tool-main-col table{border-collapse:collapse;width:100%}.tool-byline{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-2);margin-bottom:var(--space-4)}.tool-privacy-note{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-3);margin-bottom:var(--space-6)}.tool-workspace{width:100%;margin-bottom:var(--space-8)}.tool-content-layout{gap:var(--space-10);align-items:flex-start;display:flex;position:relative}.tool-content-main{flex:1;min-width:0;max-width:75ch}.tool-toc-aside{flex-shrink:0;width:260px;display:none}@media (width>=1100px){.tool-toc-aside{display:block}.tool-toc-sticky{top:calc(var(--header-height,60px) + 16px);max-height:calc(100vh - var(--header-height,60px) - 32px);padding:var(--space-4);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-self:start;position:sticky;overflow-y:auto}}.category-hub-layout,.directory-page-layout{max-width:var(--container-max)}.directory-view-container{gap:var(--space-8);flex-direction:column;display:flex}@media print{header,footer,.site-header,.site-footer,.mega-menu,.mobile-drawer,.theme-toggle,.cmd-k-trigger,.breadcrumb,.result-actions-bar,.tool-toc-aside,.more-in-category-section,.related-tools-section,.faq-section,.tool-sources-section,.tool-trust-block,.ad-placement,.skip-link,.button-group,#back-to-top{display:none!important}body{color:#000!important;background:#fff!important;font-size:12pt!important}.container,.page-container,.tool-page-layout{max-width:100%!important;margin:0!important;padding:0!important}.tool-container,.result-box,.tool-card{break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.tool-hero-title{color:#000!important;margin-bottom:8pt!important;font-size:20pt!important}.tool-hero-description{color:#333!important;font-size:11pt!important}a{color:#000!important;text-decoration:none!important}}}@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);user-select:none;white-space:nowrap;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled,.btn-primary:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}.btn-primary,.btn-calculate{background-color:var(--accent-btn-bg,var(--accent-primary));color:var(--accent-contrast);border-color:var(--accent-btn-bg,var(--accent-primary));box-shadow:var(--shadow-xs)}.btn-primary:hover,.btn-calculate:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-sm);color:var(--accent-contrast);transform:translateY(-1px)}.btn-primary:active,.btn-calculate:active{background-color:var(--accent-active);transform:translateY(0)}.btn-secondary,.btn-reset{background-color:var(--surface-card);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:var(--shadow-xs)}.btn-secondary:hover,.btn-reset:hover{background-color:var(--surface-card-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active,.btn-reset:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--surface-muted);color:var(--text-primary)}.btn-outline{color:var(--accent-primary);border:1px solid var(--accent-primary);background-color:#0000}.btn-outline:hover{background-color:var(--accent-subtle);color:var(--accent-hover)}.btn-block{width:100%}.button-group,.btn-group{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.btn-danger:hover{background-color:var(--color-danger-text);color:#fff;border-color:var(--color-danger-text)}.btn-copy{background-color:var(--surface-muted);color:var(--text-secondary);border-color:var(--border-subtle);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-copy:hover{background-color:var(--accent-subtle);color:var(--accent-subtle-text);border-color:var(--accent-primary)}.btn-sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-md{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{min-height:48px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.btn-icon-only{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-md);padding:0}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite btnSpin;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}@keyframes btnSpin{to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-group label,.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.label-row{justify-content:space-between;align-items:center;display:flex}.form-grid,.form-grid.two-col,.tool-form-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-grid,.form-grid.two-col,.tool-form-grid{grid-template-columns:repeat(2,1fr)}}.input-with-button{gap:var(--space-2);display:flex}.input-with-button .form-input,.input-with-button .form-control{flex:1}.code-input{font-family:var(--font-mono);font-size:var(--font-size-sm);resize:vertical}.form-hint,.form-helper{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1);line-height:var(--line-height-normal)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger-text);margin-top:var(--space-1);align-items:center;gap:var(--space-1);display:flex}.form-control,.form-input,.form-select,.form-textarea,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],select,textarea{width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);background-color:var(--surface-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.form-control:hover,.form-input:hover,.form-select:hover,.form-textarea:hover,input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.form-input:disabled,select:disabled,textarea:disabled{background-color:var(--surface-muted);color:var(--text-tertiary);cursor:not-allowed}.form-input:user-invalid,.form-input[aria-invalid=true]{border-color:var(--color-danger-text);box-shadow:0 0 0 3px var(--color-danger-bg)}input[type=number]{font-variant-numeric:tabular-nums}.input-group{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-input);width:100%;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);align-items:stretch;display:flex}.input-group:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}.input-prefix,.input-suffix{padding:0 var(--space-3);color:var(--text-tertiary);font-size:var(--font-size-sm);background-color:var(--surface-muted);user-select:none;align-items:center;display:flex}.input-prefix{border-right:1px solid var(--border-subtle);border-radius:calc(var(--radius-md) - 1px) 0 0 calc(var(--radius-md) - 1px)}.input-suffix{border-left:1px solid var(--border-subtle);border-radius:0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0}.input-group .form-input,.input-group input{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--neutral-4);border-radius:var(--radius-full);width:100%;height:6px;margin-block:var(--space-2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border:2px solid var(--surface-card);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.switch{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);cursor:pointer;user-select:none;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background-color:var(--neutral-5);border-radius:var(--radius-full);width:44px;height:24px;transition:background-color var(--duration-fast) var(--ease-standard);position:relative}.switch-thumb{width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background-color:var(--accent-primary)}.switch input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--border-focus);outline-offset:2px}.checkbox-label,.radio-label{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;user-select:none;display:inline-flex}.checkbox-label input[type=checkbox],.radio-label input[type=radio],input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.segmented-control{background-color:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:inline-flex}.segmented-item{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);user-select:none;background:0 0;border:none;justify-content:center;align-items:center;min-height:36px;display:inline-flex}.segmented-item:hover{color:var(--text-primary)}.segmented-item.is-active,.segmented-item[aria-selected=true]{background-color:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.tools-grid{margin:var(--space-6) 0 var(--space-10) 0}.cat-section .tool-card .tool-category-chip,.category-section .tool-card .tool-category-chip,.tool-card--no-chip .tool-category-chip{display:none}.tool-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);color:inherit;box-shadow:var(--shadow-sm);height:100%;transition:transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;position:relative}.tool-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-glow);background-color:var(--surface-card-hover);color:inherit;text-decoration:none;transform:translateY(-3px)}.tool-card:active{transform:translateY(-1px)}.tool-card-link{color:inherit;text-decoration:none}.tool-card-small,.tool-card-sm{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-all);color:inherit;flex-direction:column;text-decoration:none;display:flex}.tool-card-sm:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.tool-card-sm h3{font-size:var(--font-size-base);margin-bottom:var(--space-1);color:var(--text-primary)}.tool-card-sm p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0}.tool-card h2,.tool-card h3,.tool-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--line-height-snug)}.tool-card p,.tool-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-5);flex-grow:1}.tool-card-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-primary);align-items:center;gap:var(--space-1);margin-top:auto;display:flex}.tool-card-action svg{stroke:currentColor;width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-standard);flex-shrink:0}.tool-card:hover .tool-card-action svg{transform:translate(4px)}.tool-icon-tile,.tool-icon-wrapper{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-4);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tool-icon-tile svg,.tool-icon-wrapper svg{stroke:currentColor;flex-shrink:0;width:24px;height:24px}.tool-card:hover .tool-icon-tile,.tool-card:hover .tool-icon-wrapper{transform:scale(1.06);box-shadow:0 4px 12px #0000001f}.tool-icon-tile[data-cat=date-time],.tool-icon-tile[data-cat=date],.tool-icon-wrapper.date-time,.tool-icon-wrapper[data-category=date-time],.tool-icon-date{background:var(--cat-date-bg);border:1px solid var(--cat-date-border);color:var(--cat-date-color)}.tool-icon-tile[data-cat=math],.tool-icon-tile[data-cat=math-finance],.tool-icon-wrapper.math,.tool-icon-wrapper[data-category=math-finance],.tool-icon-math{background:var(--cat-math-bg);border:1px solid var(--cat-math-border);color:var(--cat-math-color)}.tool-icon-tile[data-cat=text],.tool-icon-wrapper.text,.tool-icon-wrapper[data-category=text],.tool-icon-text{background:var(--cat-text-bg);border:1px solid var(--cat-text-border);color:var(--cat-text-color)}.tool-icon-tile[data-cat=security],.tool-icon-wrapper.security,.tool-icon-wrapper[data-category=security],.tool-icon-security{background:var(--cat-security-bg);border:1px solid var(--cat-security-border);color:var(--cat-security-color)}.tool-icon-tile[data-cat=fun],.tool-icon-wrapper.fun,.tool-icon-wrapper[data-category=fun],.tool-icon-fun{background:var(--cat-fun-bg);border:1px solid var(--cat-fun-border);color:var(--cat-fun-color)}.tool-icon-tile[data-cat=dev],.tool-icon-tile[data-cat=developer],.tool-icon-wrapper.dev,.tool-icon-wrapper[data-category=developer],.tool-icon-dev{background:var(--cat-dev-bg);border:1px solid var(--cat-dev-border);color:var(--cat-dev-color)}.tool-info{flex-direction:column;flex:1;display:flex}.why-section{background-color:var(--surface-muted);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-6);margin:var(--space-8) 0 var(--space-12) 0;border:1px solid var(--border-subtle)}.why-section h2{text-align:center;margin-top:0;margin-bottom:var(--space-8)}.features-grid,.why-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.features-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}.feature-item{text-align:center}.feature-icon{border-radius:var(--radius-lg);background-color:var(--accent-subtle);width:48px;height:48px;color:var(--accent-subtle-text);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.feature-icon svg{stroke:currentColor;flex-shrink:0;width:24px;height:24px}.feature-item h3{font-size:var(--font-size-md);margin-bottom:var(--space-2);color:var(--text-primary)}.feature-item p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0}.stat-tile{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tool-container,.tool-interface,.calculator-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:100%;padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-8)}@media (width>=640px){.tool-container,.tool-interface{padding:var(--space-8)}}.result-box{background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);transition:background-color var(--duration-fast);display:none;position:relative}.result-box.is-visible,.result-box.always-visible{animation:fadeIn var(--duration-normal) var(--ease-standard);display:block}.result-box #copy-result-btn,.result-box #copyResultBtn{display:none!important}.calculator-result-panel{background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);transition:background-color var(--duration-fast);display:block;position:relative}.result-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--accent-primary);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.result-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--accent-primary);margin-bottom:var(--space-2)}.result-primary,.result-value,.primary-result{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-extrabold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.result-grid,.result-card-grid,.result-secondary,.metrics-grid{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.result-stat-card,.res-item{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-1);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.result-stat-label,.res-label,.result-metric-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.result-stat-value,.res-val,.result-metric-val{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.result-metric{gap:var(--space-1);flex-direction:column;display:flex}.copy-btn-slot{top:var(--space-4);right:var(--space-4);position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes resultUpdatedFlash{0%{background-color:var(--accent-subtle)}to{background-color:var(--surface-muted)}}.is-updated,.result-updated{animation:resultUpdatedFlash .5s var(--ease-out)}.badge,.chip,.category-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid #0000;padding:.25rem .625rem;line-height:1.2;text-decoration:none;display:inline-flex}.badge-neutral{background-color:var(--surface-muted);color:var(--text-secondary);border-color:var(--border-subtle)}.badge-primary{background-color:var(--accent-subtle);color:var(--accent-subtle-text)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.badge-date,.category-badge[data-category=date-time]{background-color:var(--cat-date-bg);color:var(--cat-date-color);border-color:var(--cat-date-border)}.badge-math,.category-badge[data-category=math-finance]{background-color:var(--cat-math-bg);color:var(--cat-math-color);border-color:var(--cat-math-border)}.badge-text,.category-badge[data-category=text]{background-color:var(--cat-text-bg);color:var(--cat-text-color);border-color:var(--cat-text-border)}.badge-security,.category-badge[data-category=security]{background-color:var(--cat-security-bg);color:var(--cat-security-color);border-color:var(--cat-security-border)}.badge-fun,.category-badge[data-category=fun]{background-color:var(--cat-fun-bg);color:var(--cat-fun-color);border-color:var(--cat-fun-border)}.badge-dev,.category-badge[data-category=developer]{background-color:var(--cat-dev-bg);color:var(--cat-dev-color);border-color:var(--cat-dev-border)}.breadcrumb{padding:var(--space-3) 0 var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.breadcrumb ol{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:var(--space-2);margin:0;display:flex}.breadcrumb li:after{content:"/";color:var(--text-tertiary);user-select:none}.breadcrumb li:last-child:after{content:""}.breadcrumb a,.breadcrumb span{color:var(--text-tertiary);transition:color var(--duration-fast)}.breadcrumb a:hover{color:var(--accent-primary);text-decoration:none}.breadcrumb li[aria-current=page],.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--border-subtle);user-select:none}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-4);border:1px solid #0000;display:flex}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.alert-danger{background-color:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.faq-section{margin-block:var(--space-10)}.accordion-group,.faq-accordion{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}details.accordion,.accordion-item,.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-card);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast);overflow:hidden}details.accordion:hover,.accordion-item:hover,.faq-item:hover{border-color:var(--border-strong)}summary.accordion-summary,.accordion-header,.faq-question{width:100%;padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;user-select:none;min-height:var(--touch-target-min);text-align:left;transition:var(--transition-all);background:0 0;border:none;justify-content:space-between;align-items:center;list-style:none;display:flex}summary.accordion-summary::-webkit-details-marker,.faq-question::-webkit-details-marker{display:none}.accordion-header:hover,.faq-question:hover{color:var(--accent-primary);background-color:var(--surface-muted)}summary.accordion-summary:focus-visible,.accordion-header:focus-visible,.faq-question:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.accordion-icon,.accordion-chevron{width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-standard);color:var(--text-tertiary);flex-shrink:0}details.accordion[open] .accordion-chevron,details.accordion[open] .accordion-icon,.accordion-header[aria-expanded=true] .accordion-chevron,.accordion-header[aria-expanded=true] .accordion-icon{color:var(--accent-primary);transform:rotate(180deg)}.faq-question:after{content:"+";color:var(--accent-primary);transition:transform var(--duration-fast) var(--ease-standard);margin-left:var(--space-3);flex-shrink:0;font-size:1.4rem;font-weight:400;line-height:1}details[open] .faq-question:after{content:"−"}.accordion-content,.faq-answer{padding:var(--space-2) var(--space-5) var(--space-5);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.accordion-content[hidden]{display:none}.faq-answer p{margin-bottom:0}.table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;margin-block:var(--space-5);background-color:var(--surface-card);overflow-x:auto}.table,.content-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}.table th,.content-table th{background-color:var(--surface-muted);color:var(--text-primary);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table td,.content-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table tr:last-child td,.content-table tr:last-child td{border-bottom:none}.table tbody tr:hover,.content-table tbody tr:hover{background-color:var(--surface-muted)}kbd{font-family:var(--font-mono);font-size:.8em;font-weight:var(--font-weight-semibold);color:var(--text-primary);background-color:var(--surface-muted);border:1px solid var(--border-strong);border-radius:var(--radius-xs);box-shadow:var(--shadow-xs);border-bottom-width:2px;padding:.15em .45em;line-height:1;display:inline-block}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:before{content:attr(data-tooltip);background-color:var(--neutral-11);color:var(--neutral-1);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast), transform var(--duration-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-sm);padding:.25rem .5rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:before,[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%)translateY(0)}.tb-toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:360px;display:flex;position:fixed}.tb-toast{pointer-events:auto;background-color:var(--neutral-11);color:var(--neutral-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring);transform:translateY(12px)scale(.95)}.tb-toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.skeleton{background:linear-gradient(90deg, var(--neutral-3) 25%, var(--neutral-4) 50%, var(--neutral-3) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:100%;height:1.2em;animation:1.5s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{margin-block:var(--space-6);color:var(--text-tertiary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-3);display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border-subtle);flex:1}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background-color:var(--surface-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--text-tertiary)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.empty-state-desc{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:420px}.site-header{z-index:var(--z-header);background-color:var(--surface-header);-webkit-backdrop-filter:blur(12px);transition:border-color var(--duration-normal), background-color var(--duration-normal);border-bottom:1px solid #0000;height:60px;min-height:60px;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--border-subtle)}.header-container,.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.site-logo,.logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);flex-shrink:0;line-height:1;text-decoration:none;display:flex}.site-logo:hover,.logo:hover{color:var(--text-primary);text-decoration:none}.site-logo svg,.logo svg{flex-shrink:0;width:32px;height:32px;display:block}.site-logo span.accent,.logo span.accent{color:var(--accent-primary)}.header-container{position:relative}.main-nav{align-items:center;gap:var(--space-1);display:none;position:static}@media (width>=900px){.main-nav{display:flex}}.nav-link{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:var(--transition-all);cursor:pointer;background:0 0;border:none;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active,.nav-link.is-active,.nav-link[aria-current=page]{color:var(--text-primary);background-color:var(--surface-muted);text-decoration:none}.nav-item-dropdown{align-items:center;display:flex;position:static}.nav-dropdown-btn .dropdown-chevron{transition:transform var(--duration-fast)}.nav-dropdown-btn[aria-expanded=true]{color:var(--text-primary);background-color:var(--surface-muted)}.nav-dropdown-btn[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}.mega-menu-panel{top:calc(100% + var(--space-2));background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-xl);padding:var(--space-6);z-index:var(--z-dropdown);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), visibility var(--duration-fast);position:absolute;left:0;right:0;transform:translateY(6px)}.mega-menu-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-menu-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.mega-menu-col{gap:var(--space-2);flex-direction:column;display:flex}.mega-menu-cat-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-subtle);text-decoration:none}.mega-menu-cat-header:hover{color:var(--accent-hover);text-decoration:none}.mega-menu-cat-desc{font-size:var(--font-size-2xs);color:var(--text-tertiary);margin:0 0 var(--space-1) 0;line-height:1.35}.mega-menu-tool-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mega-menu-tool-link{font-size:var(--font-size-xs);color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-all);padding:4px 6px;line-height:1.3;text-decoration:none;display:block}.mega-menu-tool-link:hover,.mega-menu-tool-link.active,.mega-menu-tool-link[aria-current=page]{color:var(--accent-primary);background-color:var(--surface-muted);text-decoration:none}.mega-menu-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.mega-menu-view-all{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-primary);transition:var(--transition-all);text-decoration:none}.mega-menu-view-all:hover{color:var(--accent-hover);text-decoration:underline}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.mobile-search-btn,.mobile-drawer-search-btn{display:none}@media (width<=899px){.mobile-search-btn{display:inline-flex}.mobile-drawer-search-btn{display:flex}}.search-trigger-btn{align-items:center;gap:var(--space-2);height:38px;min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);transition:var(--transition-all);user-select:none;line-height:1;display:none}@media (width>=900px){.search-trigger-btn{display:inline-flex}}.search-trigger-btn:hover{background-color:var(--surface-card);border-color:var(--border-strong);color:var(--text-primary)}.search-trigger-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.search-trigger-btn .search-icon{width:15px;height:15px;color:var(--text-tertiary);flex-shrink:0}.search-trigger-btn:hover .search-icon{color:var(--accent-primary)}.search-trigger-text{display:none}@media (width>=640px){.search-trigger-text{display:inline}}.search-kbd{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);background-color:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.15rem .4rem;line-height:1;display:inline-block}.nav-icon-link{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-secondary);transition:var(--transition-all);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav-icon-link:hover{color:var(--text-primary);background:var(--surface-muted);border-color:var(--border-subtle)}.theme-toggle-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-all);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background-color:var(--surface-card-hover)}.theme-toggle-btn svg{stroke:currentColor;fill:none;flex-shrink:0;width:18px;height:18px}.mobile-menu-btn{border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-all);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-menu-btn svg{stroke:currentColor;flex-shrink:0;width:22px;height:22px}.mobile-menu-btn:hover{color:var(--text-primary);background-color:var(--surface-muted);border-color:var(--border-strong)}@media (width>=900px){.mobile-menu-btn{display:none}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out), visibility var(--duration-normal);background-color:#0000008c;position:fixed;inset:0}.mobile-drawer-backdrop.is-visible{opacity:1;visibility:visible}.mobile-drawer{background-color:var(--surface-card);border-right:1px solid var(--border-subtle);width:340px;max-width:85vw;height:100dvh;box-shadow:var(--shadow-2xl);z-index:calc(var(--z-modal) + 1);visibility:hidden;transition:transform var(--duration-normal) var(--ease-out), visibility var(--duration-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.mobile-drawer.is-open{visibility:visible;transform:translate(0)}.mobile-drawer-header{height:60px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-close-btn{border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.drawer-close-btn:hover{color:var(--text-primary);background-color:var(--surface-muted)}.mobile-drawer-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-drawer-search-btn{align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);text-align:left}.mobile-drawer-search-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.mobile-drawer-search-btn .search-kbd{margin-left:auto}.mobile-accordions{gap:var(--space-1);flex-direction:column;display:flex}.mobile-accordion-item{border-bottom:1px solid var(--border-subtle)}.mobile-accordion-trigger{width:100%;min-height:48px;padding:var(--space-3) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;text-align:left;transition:color var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.mobile-accordion-trigger .accordion-chevron{transition:transform var(--duration-fast);color:var(--text-tertiary)}.mobile-accordion-trigger[aria-expanded=true] .accordion-chevron{color:var(--accent-primary);transform:rotate(180deg)}.mobile-accordion-content{padding-bottom:var(--space-3)}.mobile-accordion-content ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mobile-tool-link{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-all);align-items:center;text-decoration:none;display:flex}.mobile-tool-link:hover,.mobile-tool-link.active,.mobile-tool-link[aria-current=page]{color:var(--accent-primary);background-color:var(--surface-muted)}.mobile-cat-all-link{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-primary);align-items:center;text-decoration:none;display:flex}.mobile-drawer-links{gap:var(--space-1);padding-top:var(--space-4);flex-direction:column;display:flex}.mobile-drawer-link{min-height:48px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-all);align-items:center;text-decoration:none;display:flex}.mobile-drawer-link:hover,.mobile-drawer-link.active,.mobile-drawer-link[aria-current=page]{background-color:var(--surface-muted);color:var(--accent-primary)}.mobile-drawer-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle);background-color:var(--surface-card);flex-shrink:0}.mobile-drawer-theme{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}body.tb-drawer-open,body.tb-modal-open{overflow:hidden}.search-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast);background-color:#0009;position:fixed;inset:0}.search-modal-backdrop.is-visible{opacity:1;visibility:visible}.search-modal-dialog{width:640px;max-width:calc(100vw - 2rem);max-height:80vh;z-index:calc(var(--z-modal) + 1);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), visibility var(--duration-fast);position:fixed;top:10vh;left:50%;transform:translate(-50%)scale(.97)}.search-modal-dialog.is-open{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.search-modal-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);flex-direction:column;display:flex;overflow:hidden}.search-modal-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.search-input-icon{color:var(--text-tertiary);flex-shrink:0}.palette-input{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1;line-height:1.4}.palette-input::placeholder{color:var(--text-tertiary)}.palette-close-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:0}.palette-close-btn kbd{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);border-radius:var(--radius-sm);background-color:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.15rem .35rem}.search-modal-body{max-height:52vh;padding:var(--space-3);overflow-y:auto}.palette-results-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.palette-result-item{border-radius:var(--radius-lg);transition:background-color var(--duration-fast)}.palette-result-item.is-selected,.palette-result-item:hover{background-color:var(--accent-subtle)}.palette-result-link{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.palette-result-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.palette-result-title-row{align-items:center;gap:var(--space-2);display:flex}.palette-result-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.palette-result-cat{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);background-color:var(--surface-muted);color:var(--text-tertiary);padding:.1rem .4rem}.palette-result-desc{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.palette-result-enter{color:var(--text-tertiary);font-size:var(--font-size-sm);padding-left:var(--space-3);opacity:0}.palette-result-item.is-selected .palette-result-enter,.palette-result-item:hover .palette-result-enter{opacity:1;color:var(--accent-primary)}.palette-mark{color:var(--accent-primary);font-weight:var(--font-weight-bold);background-color:#0000}.palette-empty-state{gap:var(--space-4);padding:var(--space-2);flex-direction:column;display:flex}.palette-empty-state[hidden],.palette-no-results[hidden],.palette-section[hidden]{display:none!important}.palette-section-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.palette-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.palette-clear-btn{font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0}.palette-clear-btn:hover{color:var(--accent-primary);text-decoration:underline}.palette-section-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.palette-item-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:background-color var(--duration-fast);text-decoration:none;display:flex}.palette-item-link:hover{background-color:var(--surface-muted);color:var(--accent-primary)}.palette-item-cat{font-size:var(--font-size-2xs);text-transform:uppercase;color:var(--text-tertiary);min-width:70px}.palette-item-name{font-weight:var(--font-weight-medium)}.palette-no-results{padding:var(--space-8) var(--space-4);text-align:center}.no-results-text{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium);margin:0 0 var(--space-2) 0}.no-results-subtext{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.suggest-tool-link{color:var(--accent-primary);text-decoration:underline}.search-modal-footer{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);background-color:var(--surface-muted);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}.palette-shortcut-hint{align-items:center;gap:var(--space-1);display:inline-flex}.palette-shortcut-hint kbd{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);border-radius:var(--radius-sm);background-color:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.1rem .3rem}.icon-sun,.theme-icon-light{display:none}.icon-moon,.theme-icon-dark,[data-theme=dark] .icon-sun,[data-theme=dark] .theme-icon-light{display:block}[data-theme=dark] .icon-moon,[data-theme=dark] .theme-icon-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-sun,:root:not([data-theme=light]) .theme-icon-light{display:block}:root:not([data-theme=light]) .icon-moon,:root:not([data-theme=light]) .theme-icon-dark{display:none}}.hero{text-align:center;padding-block:var(--space-12) var(--space-8)}.hero-title,.hero h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:var(--letter-spacing-tight)}.hero-subtitle,.hero p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin-inline:auto;margin-bottom:var(--space-6)}.search-box,.search-wrapper{max-width:520px;margin-inline:auto;position:relative}.search-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;min-height:52px;padding-left:3rem;padding-right:var(--space-4);font-size:var(--font-size-base);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--accent-subtle)}.tool-page{max-width:var(--container-tool);padding-block:var(--space-6) var(--space-12);margin-inline:auto}.tool-header{margin-bottom:var(--space-6)}.tool-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:var(--space-2)}.tool-title-row{align-items:flex-start;gap:var(--space-4);display:flex}.tool-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}.quick-answer,.quick-answer-box{background-color:var(--accent-subtle);border:1px solid var(--accent-subtle);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0}.quick-answer-title,.quick-answer-box h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--accent-subtle-text);margin-bottom:var(--space-2);margin-top:0}.quick-answer-value,.quick-answer-box p{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:0}.key-facts,.key-facts-box{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0}.key-facts-box h3{margin-top:0;margin-bottom:var(--space-3);color:var(--text-primary)}.key-facts-box ul{margin-left:var(--space-5);color:var(--text-secondary)}.key-facts-box li{margin-bottom:var(--space-2)}.facts-grid{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.fact-item{gap:var(--space-1);flex-direction:column;display:flex}.fact-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.fact-val{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.info-callout{background-color:var(--surface-muted);border-left:4px solid var(--accent-primary);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-6) 0}.info-callout p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:0}.steps-list{counter-reset:step-counter;margin:var(--space-6) 0 var(--space-10) 0;padding-left:0;list-style-type:none}.steps-list li{counter-increment:step-counter;margin-bottom:var(--space-5);padding-left:3.25rem;position:relative}.steps-list li:before{content:counter(step-counter);background-color:var(--accent-subtle);width:2.25rem;height:2.25rem;color:var(--accent-subtle-text);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.steps-list h4{font-size:var(--font-size-base);margin-bottom:var(--space-1);color:var(--text-primary)}.steps-list p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0}.content-article,.article-content{max-width:72ch;margin-top:var(--space-8);line-height:var(--line-height-relaxed)}.content-article h2,.article-content h2{margin-top:var(--space-8);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);font-size:var(--font-size-2xl)}.content-article h3,.article-content h3{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:var(--font-size-xl)}.content-article p,.article-content p{margin-bottom:var(--space-4);font-size:var(--font-size-base);color:var(--text-secondary)}.content-article ul,.content-article ol,.article-content ul,.article-content ol{margin:var(--space-3) 0 var(--space-5) var(--space-6);color:var(--text-secondary)}.content-article li,.article-content li{margin-bottom:var(--space-2)}.content-article code,.article-content code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--surface-muted);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.15rem .35rem}.last-updated{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.wheel-layout{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.wheel-layout{grid-template-columns:1fr 1fr;align-items:start}}.wheel-controls-col{gap:var(--space-4);flex-direction:column;display:flex}.wheel-canvas-col{justify-content:center;align-items:flex-start;display:flex}.canvas-wrapper{max-width:100%;position:relative}#wheelCanvas,.wheel-canvas{border-radius:var(--radius-lg);max-width:100%;height:auto;display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-standard);background-color:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);padding:var(--space-8) var(--space-6);text-align:center;width:100%;max-width:440px;animation:slideUp var(--duration-normal) var(--ease-spring)}.modal-title{font-size:var(--font-size-xl);margin-bottom:var(--space-4);color:var(--accent-primary)}.winner-display-name{font-size:clamp(1.6rem,5vw,2.5rem);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-2);word-break:break-word}.modal-actions{gap:var(--space-3);flex-direction:column;display:flex}.ad-placement,.ad-placeholder{background-color:var(--surface-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);min-height:90px;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-block:var(--space-6);justify-content:center;align-items:center;display:flex}.cookie-banner{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:var(--container-max);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xl);z-index:var(--z-toast);margin-inline:auto;position:fixed}.page-container{margin:var(--space-6) auto var(--space-12) auto}.page-header{margin-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.page-header h1{margin-bottom:var(--space-2)}.page-header p{font-size:var(--font-size-md);color:var(--text-secondary)}.site-footer{border-top:1px solid var(--border-subtle);background-color:var(--surface-card);padding-block:var(--space-12) var(--space-8);margin-top:auto}.footer-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=600px){.footer-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.footer-grid{gap:var(--space-8);grid-template-columns:1.5fr repeat(3,1fr)}}.footer-brand{gap:var(--space-3);flex-direction:column;display:flex}.footer-brand .site-logo{margin-bottom:var(--space-1)}.footer-promise{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:380px;margin:0;line-height:1.5}.footer-privacy-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-muted);border:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-secondary);max-width:fit-content;line-height:1.35;display:inline-flex}.footer-privacy-badge svg{color:var(--color-success,#10b981);flex-shrink:0}.footer-col{flex-direction:column;display:flex}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:.02em}.footer-links{gap:var(--space-2);flex-direction:column;margin:0;padding-left:0;list-style:none;display:flex}.footer-links li{margin:0}.footer-links a{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--duration-fast);text-decoration:none}.footer-links a:hover{color:var(--accent-primary);text-decoration:underline}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.footer-copyright p{margin:0}.footer-actions{align-items:center;gap:var(--space-3);display:flex}.footer-theme-btn{align-items:center;gap:var(--space-2);width:auto;height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.footer-theme-text{font-size:var(--font-size-xs)}.back-to-top{align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:var(--transition-all);cursor:pointer;text-decoration:none;display:inline-flex}.back-to-top:hover{color:var(--accent-primary);border-color:var(--accent-primary);background-color:var(--surface-card-hover);text-decoration:none}.back-to-top svg{transition:transform var(--duration-fast)}.back-to-top:hover svg{transform:translateY(-2px)}.hero-section{text-align:center;padding-block:clamp(var(--space-8), 5vw, var(--space-12)) clamp(var(--space-6), 4vw, var(--space-8));border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-10);background:radial-gradient(circle at 50% 0%, var(--accent-subtle) 0%, transparent 70%);position:relative}.hero-title{font-size:clamp(var(--font-size-2xl), 4.5vw, var(--font-size-4xl));font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.hero-subtitle{font-size:clamp(var(--font-size-base), 2vw, var(--font-size-lg));color:var(--text-secondary);max-width:640px;margin-inline:auto;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.hero-search-container{max-width:580px;margin-inline:auto;margin-bottom:var(--space-4)}.hero-search-box{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);align-items:center;display:flex;position:relative}.hero-search-box:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--accent-subtle), var(--shadow-md)}.hero-search-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;flex-shrink:0;position:absolute}.hero-search-input{width:100%;min-height:52px;font-size:var(--font-size-base);color:var(--text-primary);background:0 0;border:none;outline:none;padding-left:3.25rem;padding-right:4.5rem}.hero-search-kbd{right:var(--space-4);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-tertiary);background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);pointer-events:none;align-items:center;padding:2px 8px;display:inline-flex;position:absolute}.hero-quick-access{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.quick-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);margin-right:var(--space-1)}.quick-chips-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.quick-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background-color:var(--surface-card);border:1px solid var(--border-subtle);min-height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:var(--transition-all);padding:4px 12px;text-decoration:none;display:inline-flex}.quick-chip:hover{background-color:var(--surface-card-hover);border-color:var(--border-strong);color:var(--text-primary);text-decoration:none;transform:translateY(-1px)}[data-cat=date-time]{--cat-color:#6366f1}[data-cat=math-finance]{--cat-color:#10b981}[data-cat=text]{--cat-color:#f59e0b}[data-cat=security]{--cat-color:#f43f5e}[data-cat=fun]{--cat-color:#a855f7}.quick-chip-dot{background-color:var(--cat-color,var(--accent-primary));border-radius:50%;flex-shrink:0;width:8px;height:8px}.quick-chip-dot[data-cat=date-time]{background-color:var(--cat-color,#6366f1)}.quick-chip-dot[data-cat=math-finance]{background-color:var(--cat-color,#10b981)}.quick-chip-dot[data-cat=text]{background-color:var(--cat-color,#f59e0b)}.quick-chip-dot[data-cat=security]{background-color:var(--cat-color,#f43f5e)}.quick-chip-dot[data-cat=fun]{background-color:var(--cat-color,#a855f7)}.quick-chip-icon{width:16px;height:16px;color:var(--cat-color,var(--accent-primary));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.quick-chip-icon svg{stroke:currentColor;width:14px;height:14px;display:block}.hero-trust-strip{justify-content:center;align-items:center;gap:clamp(var(--space-3), 3vw, var(--space-6));padding-top:var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:var(--font-weight-medium);display:inline-flex}.trust-item svg{color:var(--accent-primary);flex-shrink:0}.trust-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background-color:var(--accent-subtle);color:var(--accent-subtle-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);padding:3px 10px;display:inline-flex}.home-section{margin-bottom:var(--space-12)}.section-heading{margin-bottom:var(--space-6)}.section-title-row{align-items:center;gap:var(--space-3);display:flex}.section-title{font-size:clamp(var(--font-size-xl), 3vw, var(--font-size-2xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.section-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1);margin-bottom:0}.section-badge{border-radius:var(--radius-full);background-color:var(--accent-subtle);color:var(--accent-subtle-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;padding:2px 8px;display:inline-flex}.tool-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.tool-category-chip{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background-color:var(--surface-muted);border-radius:var(--radius-full);padding:2px 8px}.tool-card-compact{padding:var(--space-4)}.category-jump-bar{top:var(--header-height,60px);z-index:var(--z-sticky);background-color:var(--surface-translucent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding-block:var(--space-2);margin-bottom:var(--space-8);position:sticky}.jump-bar-container{width:100%;max-width:var(--container-max);margin-inline:auto}.jump-bar-track{align-items:center;gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;padding-inline:var(--space-1);display:flex;overflow-x:auto}.jump-bar-track::-webkit-scrollbar{display:none}.jump-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-card);border:1px solid var(--border-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap;min-height:36px;transition:var(--transition-all);text-decoration:none;display:inline-flex}.jump-pill:hover,.jump-pill.is-active{background-color:var(--surface-card-hover);border-color:var(--border-strong);color:var(--text-primary);text-decoration:none;transform:translateY(-1px)}.jump-pill-dot{background-color:var(--cat-color,var(--accent-primary));border-radius:50%;flex-shrink:0;width:8px;height:8px}.jump-pill-dot[data-cat=date-time]{background-color:var(--cat-color,#6366f1)}.jump-pill-dot[data-cat=math-finance]{background-color:var(--cat-color,#10b981)}.jump-pill-dot[data-cat=text]{background-color:var(--cat-color,#f59e0b)}.jump-pill-dot[data-cat=security]{background-color:var(--cat-color,#f43f5e)}.jump-pill-dot[data-cat=fun]{background-color:var(--cat-color,#a855f7)}.jump-pill-count{border-radius:var(--radius-full);background-color:var(--surface-muted);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);padding:1px 6px}.category-section{scroll-margin-top:calc(var(--header-height,60px) + 64px);margin-bottom:var(--space-10)}.category-header{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:2px solid var(--border-subtle);padding-bottom:var(--space-3);margin-bottom:var(--space-6);display:flex}.category-header-main{align-items:center;gap:var(--space-3);display:flex}.category-icon-tile{border-radius:var(--radius-lg);flex-shrink:0;width:40px;height:40px;margin-bottom:0}.category-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.category-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:var(--space-1) 0 0 0}.category-count-badge{font-size:var(--font-size-xs);color:var(--text-tertiary);background-color:var(--surface-muted);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);white-space:nowrap;padding:2px 10px}.recent-section{background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-10)}.recent-section[hidden]{display:none!important}.clear-recent-btn{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;text-decoration:underline}.clear-recent-btn:hover{color:var(--danger)}.steps-grid,.how-it-works-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.steps-grid,.how-it-works-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative}.step-badge{border-radius:var(--radius-full);background-color:var(--accent-primary);width:32px;height:32px;color:var(--accent-contrast);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.step-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.feature-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.feature-icon-wrapper{border-radius:var(--radius-lg);background-color:var(--accent-subtle);width:44px;height:44px;color:var(--accent-subtle-text);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.feature-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.feature-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.home-cta-card{background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:clamp(var(--space-6), 5vw, var(--space-10));text-align:center}.home-cta-content{max-width:600px;margin-inline:auto}.cta-title{font-size:clamp(var(--font-size-xl), 3vw, var(--font-size-2xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.cta-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.cta-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.no-results-panel{text-align:center;padding:var(--space-10) var(--space-4);background-color:var(--surface-card);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);margin-block:var(--space-8)}.no-results-panel[hidden]{display:none!important}.no-results-icon{background-color:var(--surface-muted);width:56px;height:56px;color:var(--text-tertiary);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.no-results-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.no-results-desc{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:480px;margin-inline:auto;margin-bottom:var(--space-6)}.result-actions-bar{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border-subtle);flex-wrap:wrap;display:inline-flex}.result-actions-bar[hidden]{display:none!important}.tb-toast{bottom:var(--space-6);opacity:0;visibility:hidden;background-color:var(--neutral-900);color:var(--neutral-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);z-index:var(--z-toast,9999);transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast) var(--ease-out);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}[data-theme=dark] .tb-toast{background-color:var(--neutral-100);color:var(--neutral-900)}.tb-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tool-hero-header{margin-bottom:var(--space-6)}.tool-hero-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tool-privacy-pill{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-success-text);background-color:var(--color-success-bg);border:1px solid var(--color-success-border);padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);display:inline-flex}.tool-hero-title{font-size:clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl));font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.tool-hero-description{font-size:var(--font-size-base);color:var(--text-secondary);max-width:65ch;line-height:var(--line-height-relaxed);margin-bottom:0}.toc-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-3);display:block}.toc-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-list a{font-size:var(--font-size-xs);color:var(--text-secondary);padding-left:var(--space-2);transition:var(--transition-all);border-left:2px solid #0000;text-decoration:none;display:block}.toc-list a:hover{color:var(--text-primary);border-left-color:var(--border-strong)}.toc-list a.is-active{color:var(--accent-primary);border-left-color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.tool-trust-block{margin-block:var(--space-8)}.trust-block-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.trust-author-line{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.trust-author-line strong{color:var(--text-secondary)}.trust-privacy-guarantee{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);display:flex}.trust-privacy-guarantee svg{color:var(--color-success,#10b981);flex-shrink:0;margin-top:2px}.tool-sources-section{margin-block:var(--space-8)}.sources-list{margin:var(--space-3) 0 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.sources-list li a{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--accent-primary);text-decoration:none;display:inline-flex}.sources-list li a:hover{text-decoration:underline}.category-hero-header{margin-bottom:var(--space-8)}.category-hero-title{font-size:clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.category-hero-intro{font-size:var(--font-size-base);color:var(--text-secondary);max-width:70ch;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.category-meta-strip{align-items:center;gap:var(--space-3);display:flex}.category-guide-section{margin-block:var(--space-10)}.guide-grid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.guide-card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.guide-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.guide-card-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.other-categories-section{margin-block:var(--space-10)}.other-categories-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.other-cat-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:var(--transition-all);flex-direction:column;min-width:0;text-decoration:none;display:flex}.other-cat-card .category-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.other-cat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.other-cat-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.other-cat-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.directory-hero-header{margin-bottom:var(--space-8)}.directory-hero-title{font-size:clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.directory-hero-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:65ch;margin-bottom:var(--space-6)}.directory-search-wrapper{max-width:520px;margin-bottom:var(--space-5);position:relative}.directory-search-wrapper .search-input-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.directory-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-3) + 28px);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-primary);transition:var(--transition-all)}.directory-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 15%, transparent);outline:none}.directory-filter-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);display:inline-flex}.tool-filter-chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.tool-filter-chip.is-active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-contrast)}.tool-filter-chip .chip-count{opacity:.85;border-radius:var(--radius-full);background-color:#00000014;padding:1px 6px;font-size:.75rem}.tool-filter-chip.is-active .chip-count{background-color:#ffffff40}}@layer utilities{.tabular-nums{font-variant-numeric:tabular-nums}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-2xs{font-size:var(--font-size-2xs)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-danger{color:var(--color-danger-text)}.text-info{color:var(--color-info-text)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-full{width:100%}.h-full{height:100%}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}