:root{--bg:#f4f8f5;--bg-2:#e7f3ea;--surface:#fffffcdb;--surface-solid:#fffefa;--surface-lift:#fff;--text:#111c1a;--muted:#52615e;--primary:#0f766e;--primary-strong:#07564f;--accent:#b7e85f;--accent-2:#ff7a59;--danger:#b33f49;--border:#0e494329;--shadow:0 24px 70px #142f2b21;--soft-shadow:0 14px 34px #142f2b17;--radius:8px;--container:1160px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=coral]{--bg:#fff6ef;--bg-2:#ffe1d5;--surface:#fffcf7e6;--surface-solid:#fffaf4;--text:#261915;--muted:#735b52;--primary:#e14f3d;--primary-strong:#a92d24;--accent:#ffc857;--accent-2:#2563eb;--border:#a6492f2e;--shadow:0 24px 70px #80372024;--soft-shadow:0 14px 34px #8037201a}:root[data-theme=violet]{--bg:#f7f5ff;--bg-2:#e9e4ff;--surface:#ffffffe0;--surface-solid:#fff;--text:#19172a;--muted:#5f5a75;--primary:#6d5dfc;--primary-strong:#4032b8;--accent:#39d0ff;--accent-2:#f7b801;--border:#4f46e52e;--shadow:0 24px 70px #2d237826;--soft-shadow:0 14px 34px #2d23781a}:root[data-theme=lagoon]{--bg:#effaff;--bg-2:#d7f8ef;--surface:#ffffffe6;--surface-solid:#fff;--text:#10212d;--muted:#526779;--primary:#0284c7;--primary-strong:#075985;--accent:#2dd4bf;--accent-2:#f97316;--border:#0284c72e;--shadow:0 24px 70px #07598524;--soft-shadow:0 14px 34px #0759851a}:root[data-theme=bloom]{--bg:#fff4fb;--bg-2:#e7fbf4;--surface:#ffffffe6;--surface-solid:#fff;--text:#251426;--muted:#71566f;--primary:#db2777;--primary-strong:#9d174d;--accent:#f9a8d4;--accent-2:#14b8a6;--border:#db27772e;--shadow:0 24px 70px #9d174d24;--soft-shadow:0 14px 34px #9d174d1a}:root[data-theme=sunrise]{--bg:#fff7ed;--bg-2:#e0f2fe;--surface:#fffdf7e8;--surface-solid:#fffdf8;--text:#27180b;--muted:#765843;--primary:#b45309;--primary-strong:#7c2d12;--accent:#facc15;--accent-2:#06b6d4;--border:#b4530930;--shadow:0 24px 70px #7c2d1221;--soft-shadow:0 14px 34px #7c2d121a}:root[data-theme=forest]{--bg:#f6f8ea;--bg-2:#e3edd0;--surface:#fffff9e8;--surface-solid:#fffffa;--text:#17210f;--muted:#5c644d;--primary:#3f6212;--primary-strong:#365314;--accent:#d9f99d;--accent-2:#a855f7;--border:#3f621230;--shadow:0 24px 70px #36531421;--soft-shadow:0 14px 34px #36531417}:root[data-theme=slate]{--bg:#f8fafc;--bg-2:#dbeafe;--surface:#ffffffe6;--surface-solid:#fff;--text:#111827;--muted:#526174;--primary:#334155;--primary-strong:#0f172a;--accent:#0ea5e9;--accent-2:#eab308;--border:#3341552e;--shadow:0 24px 70px #0f172a21;--soft-shadow:0 14px 34px #0f172a1a}:root[data-theme=orchid]{--bg:#fffaf0;--bg-2:#d8fff6;--surface:#fffdf7eb;--surface-solid:#fffdf7;--text:#25170f;--muted:#6f5741;--primary:#7c2d12;--primary-strong:#431407;--accent:#2dd4bf;--accent-2:#facc15;--border:#7c2d122e;--shadow:0 24px 70px #43140721;--soft-shadow:0 14px 34px #4314071a}:root[data-theme=mono]{--bg:#eef2f6;--bg-2:#dce5ec;--surface:#ffffffe6;--surface-solid:#fff;--text:#121826;--muted:#566579;--primary:#121826;--primary-strong:#00040b;--accent:#8aa3b5;--accent-2:#f59e0b;--border:#12182629;--shadow:0 24px 70px #12182621;--soft-shadow:0 14px 34px #1218261a}*{box-sizing:border-box}html{background:radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 24rem), radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 22rem), linear-gradient(135deg, var(--bg), var(--bg-2));color:var(--text)}body{min-width:320px;margin:0}body:before{background-image:linear-gradient(color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px);content:"";pointer-events:none;z-index:-1;background-size:42px 42px;position:fixed;inset:0;mask-image:linear-gradient(#0000009e,#0000 46%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:70vh}.skip-link{background:var(--surface-solid);border:2px solid var(--primary);box-shadow:var(--soft-shadow);color:var(--primary-strong);z-index:1000;border-radius:8px;padding:10px 14px;font-weight:900;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 24px))}.skip-link:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, var(--primary));outline-offset:2px;transform:translateY(0)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,.home-hero,.page-intro,.tool-page,.section-band,.site-footer{max-width:var(--container);margin:0 auto;padding-left:22px;padding-right:22px}.site-header{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:16px;padding-bottom:14px;display:grid}.brand,.footer-brand{color:var(--text);align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-mark{box-shadow:0 14px 30px color-mix(in srgb, var(--primary) 20%, transparent), 0 1px 0 #ffffff8c inset;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.brand-mark svg{width:100%;height:100%;display:block}.site-nav{justify-content:center;align-items:center;gap:6px;display:flex}.site-nav a{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.94rem;font-weight:800}.site-nav a:hover,.site-nav a:focus-visible{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary-strong);outline:none}.theme-picker{z-index:20;justify-self:end;position:relative}.theme-picker-trigger{backdrop-filter:blur(18px);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-solid) 90%, transparent), color-mix(in srgb, var(--bg) 52%, transparent)), var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:26px 15px;align-items:center;gap:8px;min-height:38px;padding:6px 9px;display:inline-grid}.theme-picker-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 92%, #112f4f), color-mix(in srgb, var(--accent) 38%, var(--primary)));color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.theme-picker-trigger-text{gap:2px;min-width:58px;line-height:1;display:grid}.theme-picker-eyebrow{color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:900}.theme-picker-trigger-text strong{color:var(--text);font-size:.84rem;line-height:1.1}.theme-picker-chevron{color:var(--muted);transition:transform .16s}.theme-picker-trigger[aria-expanded=true] .theme-picker-chevron{transform:rotate(180deg)}.theme-picker-trigger:hover,.theme-picker-trigger:focus-visible{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 11%, transparent), var(--soft-shadow);outline:none}.theme-picker-panel{backdrop-filter:blur(18px);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-solid) 90%, transparent), color-mix(in srgb, var(--bg) 58%, transparent)), var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:10px;width:224px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.theme-picker-panel-heading{justify-content:space-between;align-items:center;gap:10px;line-height:1;display:flex}.theme-picker-panel-heading span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.theme-picker-panel-heading strong{color:var(--primary-strong);font-size:.84rem}.theme-swatch-grid{gap:6px;display:grid}.theme-swatch{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:38px;padding:5px 8px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff94}.theme-swatch[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent), 0 10px 18px color-mix(in srgb, var(--primary) 14%, transparent);transform:translateY(-1px)}.theme-swatch:hover,.theme-swatch:focus-visible{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent), var(--soft-shadow);outline:none}.theme-swatch-colors{flex:0 0 42px;grid-template-columns:repeat(3,1fr);gap:2px;width:42px;height:24px;display:grid}.theme-swatch i{border-radius:4px;min-height:100%;display:block}.theme-swatch-check{background:var(--surface-solid);border:1px solid color-mix(in srgb, var(--primary) 32%, var(--border));color:var(--primary-strong);border-radius:999px;margin-left:auto;padding:2px}.theme-swatch-label{color:var(--text);font-size:.86rem;font-weight:850}.home-hero{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:stretch;gap:28px;padding-top:44px;padding-bottom:44px;display:grid;position:relative}.hero-copy h1,.page-intro h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(3rem,6.4vw,6.6rem);line-height:.88}.tool-title-row h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:.96}.hero-copy p,.page-intro p,.tool-title-row p{color:var(--muted);max-width:700px;font-size:1.05rem;line-height:1.7}.tool-title-row p{margin-top:14px;margin-bottom:0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;margin-top:22px;display:grid}.hero-proof-grid span{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:12px;font-weight:850;line-height:1.35}.hero-proof-grid strong{color:var(--text);font-size:1.35rem;line-height:1;display:block}.button-primary,.button-secondary,.calculator-actions button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.95rem;font-weight:900;display:inline-flex}.button-primary{background:var(--primary);box-shadow:var(--soft-shadow);color:#fff}.button-secondary,.calculator-actions button{background:var(--surface);border:1px solid var(--border);color:var(--text)}.tool-search{backdrop-filter:blur(18px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-self:center;padding:22px;position:relative;overflow:hidden}.tool-search:after{background:linear-gradient(90deg, var(--primary), var(--accent), var(--accent-2));content:"";height:5px;position:absolute;inset:auto 0 0}.tool-search label,.section-kicker{color:var(--primary-strong);letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:.74rem;font-weight:950;display:block}.tool-search input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-height:56px;padding:0 14px}.tool-search p{color:var(--muted);margin-bottom:0}.ask-hero,.developer-hero{gap:18px;display:grid}.ask-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);align-items:start;gap:22px;display:grid}.ask-shell,.ask-tool-panel,.developer-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:8px;padding:22px}.ask-form{gap:12px;display:grid}.ask-form label,.ask-result-topline span{color:var(--muted);font-size:.9rem;font-weight:850}.ask-form textarea{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;min-height:130px;padding:14px;line-height:1.55}.ask-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ask-actions span{color:var(--muted);font-size:.9rem}.ask-example-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.ask-example-row button{background:color-mix(in srgb, var(--primary) 8%, var(--surface-solid));border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px;font-size:.9rem;font-weight:750}.ask-result{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;margin-top:18px;padding:18px}.ask-result p{color:var(--muted);line-height:1.65}.ask-run-badge{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));color:var(--primary-strong);border-radius:999px;margin:12px 0 16px;padding:7px 11px;font-size:.88rem;font-weight:850;display:inline-flex}.ask-tool-answer{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 90%, #083238), #12324b);color:#fff;border-radius:8px;gap:6px;margin-bottom:16px;padding:18px;display:grid}.ask-tool-answer span{color:#ffffffc7;text-transform:uppercase;font-size:.82rem;font-weight:900}.ask-tool-answer strong{font-size:clamp(1.25rem,2vw,1.85rem);line-height:1.2}.ask-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.ask-proof-card,.ask-assumptions{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px}.ask-proof-card dl{gap:8px;margin:0;display:grid}.ask-proof-card dl div{border-bottom:1px solid color-mix(in srgb, var(--border) 65%, transparent);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:7px;display:flex}.ask-proof-card dl div:last-child{border-bottom:0;padding-bottom:0}.ask-proof-card dt{color:var(--muted);font-size:.86rem;font-weight:850}.ask-proof-card dd{color:var(--text);overflow-wrap:anywhere;text-align:right;margin:0;font-weight:900}.ask-result h2{margin-bottom:8px;font-size:1.1rem}.ask-result ol,.ask-assumptions ul{color:var(--muted);padding-left:22px;line-height:1.55}.ask-result-topline{gap:2px;display:grid}.ask-result-topline strong{font-size:1.35rem}.ask-warning{background:color-mix(in srgb, var(--danger) 8%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--danger) 28%, transparent);border-radius:8px;margin:16px 0;padding:12px}.ask-warning strong{color:var(--danger)}.ask-link-row{flex-wrap:wrap;gap:10px;display:flex}.ask-result-error{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.ask-tool-panel h2,.developer-card h2{margin-top:0}.ask-tool-panel p,.developer-card p{color:var(--muted);line-height:1.6}.ask-tool-panel ul{gap:9px;margin:16px 0;padding:0;list-style:none;display:grid}.ask-tool-panel a{color:var(--primary-strong);font-weight:850}.developer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.developer-card pre{background:color-mix(in srgb, var(--text) 6%, var(--surface-solid));border:1px solid var(--border);color:var(--text);border-radius:8px;padding:14px;overflow:auto}.developer-card code{font-size:.92rem}@media (width<=820px){.ask-layout,.ask-proof-grid,.developer-grid{grid-template-columns:1fr}}.hero-quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.hero-quick-links a,.visual-seo-links a{background:color-mix(in srgb, var(--surface-solid) 86%, transparent);border:1px solid var(--border);border-radius:8px;gap:5px;min-width:0;padding:13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.hero-quick-links a:hover,.hero-quick-links a:focus-visible,.visual-seo-links a:hover,.visual-seo-links a:focus-visible{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));transform:translateY(-1px);box-shadow:0 16px 38px #1118271a}.hero-quick-links strong,.visual-seo-links strong{color:var(--text);font-size:.94rem;line-height:1.2}.hero-quick-links span,.visual-seo-links span{color:var(--muted);font-size:.88rem;line-height:1.45}.section-band,.page-intro,.tool-page{padding-top:16px;padding-bottom:42px}.section-band-soft{background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid var(--border);border-radius:8px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2,.content-section h2,.history-panel h2{margin:0;font-size:clamp(1.5rem,2vw,2.15rem);line-height:1.06}.section-heading p{color:var(--muted);max-width:520px;margin:0;line-height:1.6}.section-actions{justify-content:center;margin-top:18px;display:flex}.standout-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.standout-grid article{background:color-mix(in srgb, var(--surface-solid) 84%, transparent);border:1px solid var(--border);border-radius:8px;min-width:0;padding:18px}.standout-grid span{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.76rem;font-weight:950;display:block}.standout-grid h3{margin:0 0 10px;font-size:1.08rem;line-height:1.2}.standout-grid p{color:var(--muted);margin:0;line-height:1.55}.standout-grid-compact span{letter-spacing:0;text-transform:none;font-size:1.65rem;line-height:1}.category-overview{gap:22px;margin-bottom:18px;display:grid}.category-overview .trust-note{margin:0}.visual-seo-strip{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 23%, transparent), transparent 46%), color-mix(in srgb, var(--surface) 76%, transparent);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:8px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:22px;margin-bottom:24px;padding:18px;display:grid}.gallery-hero{max-width:900px}.gallery-category-band,.gallery-preview-band{max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}.gallery-category-grid,.gallery-grid{gap:14px;display:grid}.gallery-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-category-grid a,.gallery-card{background:color-mix(in srgb, var(--surface-solid) 88%, transparent);border:1px solid var(--border);border-radius:8px;gap:9px;min-width:0;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.gallery-category-grid a:hover,.gallery-category-grid a:focus-visible,.gallery-card:hover,.gallery-card:focus-visible{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));transform:translateY(-1px);box-shadow:0 18px 44px #1118271c}.gallery-category-grid img,.gallery-card img{aspect-ratio:480/252;object-fit:contain;background:#0c1119;border-radius:6px;width:100%;height:auto;display:block}.gallery-category-grid strong,.gallery-card strong{color:var(--text);font-size:1rem;line-height:1.2}.gallery-category-grid span,.gallery-card small,.gallery-card span{color:var(--muted);font-size:.88rem;line-height:1.45}.gallery-card span{color:var(--primary-strong);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:950}.visual-seo-strip h2{margin:0 0 10px;font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.04}.visual-seo-strip p{color:var(--muted);margin:0;line-height:1.6}.visual-seo-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-stat-grid article{background:color-mix(in srgb, var(--surface-solid) 82%, transparent);border:1px solid var(--border);border-radius:8px;padding:18px}.category-stat-grid span{color:var(--primary-strong);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:950;line-height:1;display:block}.category-stat-grid p{color:var(--muted);margin:8px 0 0;font-weight:800}.category-context-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;display:grid}.category-context-grid h2{margin:0 0 12px;font-size:1.45rem;line-height:1.15}.category-link-list{gap:10px;display:grid}.category-link-list a{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;padding:14px;display:grid}.category-link-list strong{color:var(--text)}.category-link-list span{color:var(--muted);line-height:1.45}.discovery-panel{max-width:var(--container);margin:0 auto 28px;padding:20px 22px}.tools-index-context{padding-top:2px}.discovery-panel-quiet,.guide-feature-panel{background:color-mix(in srgb, var(--surface) 76%, transparent);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:8px}.discovery-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.discovery-link-grid a{background:color-mix(in srgb, var(--surface-solid) 88%, transparent);border:1px solid var(--border);border-radius:8px;gap:7px;min-width:0;padding:15px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.discovery-link-grid a:hover,.discovery-link-grid a:focus-visible{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));transform:translateY(-1px);box-shadow:0 16px 38px #1118271a}.discovery-link-grid strong{color:var(--text);font-size:1rem;line-height:1.2}.discovery-link-grid span{color:var(--muted);font-size:.94rem;line-height:1.55}.tools-az-grid{columns:4 220px;column-gap:22px}.tools-az-group{break-inside:avoid;margin:0 0 18px}.tools-az-group h3{border-bottom:1px solid var(--border);color:var(--text);margin:0 0 8px;padding-bottom:6px;font-size:.95rem}.tools-az-group ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tools-az-group a{color:var(--primary-strong);font-size:.92rem;font-weight:800;line-height:1.35}.tool-grid,.category-grid,.category-snapshot-grid,.example-grid{gap:14px;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-snapshot-grid{grid-template-columns:1fr}.category-snapshot-card{backdrop-filter:blur(16px);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--soft-shadow);grid-template-columns:minmax(190px,.8fr) minmax(0,1.4fr);gap:16px;padding:18px;display:grid}.category-snapshot-card>div:first-child{gap:8px;display:grid}.category-snapshot-card span{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:950}.category-snapshot-card h2,.category-snapshot-card h3{margin:0;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.05}.gallery-reveal-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.gallery-reveal-row [role=status]{color:var(--muted);font-weight:800}.category-snapshot-card p{color:var(--muted);margin:0;line-height:1.55}.category-snapshot-meta{background:color-mix(in srgb, var(--accent) 24%, transparent);border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));border-radius:999px;grid-column:1;place-self:start;padding:6px 10px;font-size:.78rem;font-weight:900;color:var(--primary-strong)!important}.category-snapshot-tools{grid-area:1/2/span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-snapshot-tools .tool-card{min-height:148px}.tool-card,.category-card{backdrop-filter:blur(16px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:132px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:inset 0 1px #ffffff80}.tool-card{align-items:center;gap:14px;position:relative}.tool-card:hover,.tool-card:focus-within,.category-card:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:var(--soft-shadow);transform:translateY(-2px)}.tool-card:focus-within{outline:3px solid color-mix(in srgb, var(--primary) 58%, transparent);outline-offset:2px}.tool-card-copy{min-width:0}.tool-card-link:focus-visible{outline:none}.tool-card-link:after{content:"";z-index:1;position:absolute;inset:0}.tool-card-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, white), color-mix(in srgb, var(--accent) 40%, white));border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary-strong);border-radius:8px;flex:0 0 48px;justify-content:center;align-items:center;height:48px;font-weight:950;display:inline-flex}.tool-card-icon svg{width:34px;height:34px;display:block;overflow:visible}.calculator-body{fill:color-mix(in srgb, var(--surface-solid) 88%, var(--accent));stroke:currentColor;stroke-width:1.8px}.calculator-screen{fill:color-mix(in srgb, var(--primary) 20%, white);stroke:currentColor;stroke-width:1.2px}.calculator-mark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}.tool-card-icon-heart{color:#b73f73;background:linear-gradient(135deg,#ffe4ef,#dffaf5)}.tool-card-icon-heart .calculator-mark{fill:currentColor;stroke-width:0}.tool-card-icon-fx{color:var(--primary-strong);background:linear-gradient(135deg,#e8fffa,#fff4c8)}.calculator-text-mark,.calculator-percent-mark,.calculator-power-mark,.calculator-log-mark,.calculator-root-mark,.calculator-ratio-mark,.calculator-quadratic-mark,.calculator-half-life-mark,.calculator-binary-mark,.calculator-hex-mark,.calculator-fraction-mark,.calculator-lcm-mark,.calculator-gcf-mark,.calculator-factor-mark,.calculator-round-mark,.calculator-matrix-mark,.calculator-sci-notation-mark,.calculator-big-number-mark,.calculator-stddev-mark,.calculator-sequence-mark,.calculator-sample-size-mark,.calculator-probability-mark,.calculator-stats-mark,.calculator-mean-mark,.calculator-permutation-mark,.calculator-z-score-mark,.calculator-confidence-mark,.calculator-volume-mark,.calculator-slope-mark,.calculator-area-mark,.calculator-surface-area-mark,.calculator-pythagorean-mark{fill:currentColor;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px;font-weight:950}.calculator-percent-mark{font-size:14px}.calculator-power-mark,.calculator-log-mark{font-size:7.4px}.calculator-root-mark{font-size:8.4px}.calculator-ratio-mark{font-size:7.2px}.calculator-quadratic-mark{font-size:7.6px}.calculator-half-life-mark{font-size:7px}.calculator-binary-mark{font-size:9.8px}.calculator-hex-mark{font-size:9.2px}.calculator-fraction-mark{font-size:7px}.calculator-lcm-mark,.calculator-gcf-mark,.calculator-factor-mark,.calculator-round-mark,.calculator-matrix-mark,.calculator-sci-notation-mark,.calculator-big-number-mark,.calculator-stddev-mark,.calculator-sequence-mark,.calculator-sample-size-mark,.calculator-probability-mark,.calculator-stats-mark,.calculator-mean-mark,.calculator-permutation-mark,.calculator-z-score-mark,.calculator-confidence-mark,.calculator-volume-mark,.calculator-area-mark,.calculator-surface-area-mark,.calculator-pythagorean-mark{text-transform:uppercase;font-size:6.8px}.calculator-dynamic-mark{text-transform:uppercase;font-size:6.7px;font-weight:950}.calculator-slope-mark{font-size:7px}.calculator-dot-mark{fill:currentColor}.tool-card-icon-percent{background:linear-gradient(135deg, #ecfcba, color-mix(in srgb, var(--accent-2) 22%, white))}.tool-card-icon-error{background:linear-gradient(135deg, #ffe5dd, color-mix(in srgb, var(--accent) 24%, white));color:#b34733}.tool-card-icon-power{background:linear-gradient(135deg, #e7f0ff, color-mix(in srgb, var(--primary) 18%, white));color:color-mix(in srgb, var(--primary-strong) 82%, #23345b)}.tool-card-icon-log{color:color-mix(in srgb, var(--primary-strong) 84%, #112f4f);background:linear-gradient(135deg,#defaf1,#f2f7ff)}.tool-card-icon-root{color:color-mix(in srgb, #243b7a 72%, var(--primary-strong));background:linear-gradient(135deg,#e9f2ff,#fffadf)}.tool-card-icon-ratio{color:color-mix(in srgb, #7a4308 68%, var(--primary-strong));background:linear-gradient(135deg,#fff1cd,#eafcf6)}.tool-card-icon-quadratic{color:color-mix(in srgb, #243b7a 76%, var(--primary-strong));background:linear-gradient(135deg,#e8f1ff,#fcf7dd)}.tool-card-icon-half-life{color:color-mix(in srgb, #275a47 80%, var(--primary-strong));background:linear-gradient(135deg,#dffaf1,#fff5da)}.tool-card-icon-binary{color:color-mix(in srgb, var(--primary-strong) 86%, #112f4f);background:linear-gradient(135deg,#dffaf1,#eef4ff)}.tool-card-icon-hex{color:color-mix(in srgb, #7a4308 80%, var(--primary-strong));background:linear-gradient(135deg,#fff0c9,#f1f6ff)}.tool-card-icon-fraction{background:linear-gradient(135deg, #faf1c4, color-mix(in srgb, var(--primary) 18%, white))}.tool-card-icon-lcm{color:color-mix(in srgb, #315c16 78%, var(--primary-strong));background:linear-gradient(135deg,#edfcbe,#ecfcf7)}.tool-card-icon-gcf{color:color-mix(in srgb, #275a47 82%, var(--primary-strong));background:linear-gradient(135deg,#dffaf1,#fffbe2)}.tool-card-icon-factor{color:color-mix(in srgb, #7a4308 76%, var(--primary-strong));background:linear-gradient(135deg,#fff0cb,#edfcf7)}.tool-card-icon-round{color:color-mix(in srgb, #243b7a 74%, var(--primary-strong));background:linear-gradient(135deg,#e7f1ff,#f5fdda)}.tool-card-icon-matrix{color:color-mix(in srgb, #4f3aa7 78%, var(--primary-strong));background:linear-gradient(135deg,#f1eaff,#ecfcf7)}.tool-card-icon-sci-notation{color:color-mix(in srgb, #243b7a 80%, var(--primary-strong));background:linear-gradient(135deg,#e9f2ff,#fff7e3)}.tool-card-icon-big-number{color:color-mix(in srgb, #0f4d56 78%, var(--primary-strong));background:linear-gradient(135deg,#f2fffc,#fff0eb)}.tool-card-icon-stddev{color:color-mix(in srgb, #263d8a 78%, var(--primary-strong));background:linear-gradient(135deg,#e7f1ff,#ecfcf7)}.tool-card-icon-sequence{color:color-mix(in srgb, #76520a 78%, var(--primary-strong));background:linear-gradient(135deg,#fff1ce,#f4fdd7)}.tool-card-icon-sample-size{color:color-mix(in srgb, #4f3aa7 80%, var(--primary-strong));background:linear-gradient(135deg,#f2ebff,#ecfcf7)}.tool-card-icon-probability{color:color-mix(in srgb, #9b3726 76%, var(--primary-strong));background:linear-gradient(135deg,#ffe6df,#f3f8ff)}.tool-card-icon-stats{color:color-mix(in srgb, #275a47 82%, var(--primary-strong));background:linear-gradient(135deg,#dffaf1,#f8f4ff)}.tool-card-icon-mean{color:color-mix(in srgb, #705000 80%, var(--primary-strong));background:linear-gradient(135deg,#fff8d3,#f2f7ff)}.tool-card-icon-permutation{color:color-mix(in srgb, #5b3997 78%, var(--primary-strong));background:linear-gradient(135deg,#f1eaff,#fff2ee)}.tool-card-icon-z-score{color:color-mix(in srgb, #243b7a 80%, var(--primary-strong));background:linear-gradient(135deg,#e8f1ff,#fffbe4)}.tool-card-icon-confidence{color:color-mix(in srgb, #0f4d56 80%, var(--primary-strong));background:linear-gradient(135deg,#f1fffc,#fff7e3)}.tool-card-icon-triangle{color:color-mix(in srgb, #76520a 78%, var(--primary-strong));background:linear-gradient(135deg,#fff1cd,#f2f7ff)}.tool-card-icon-volume{color:color-mix(in srgb, #263d8a 78%, var(--primary-strong));background:linear-gradient(135deg,#e8f1ff,#ecfcf7)}.tool-card-icon-slope{color:color-mix(in srgb, #4f3aa7 80%, var(--primary-strong));background:linear-gradient(135deg,#f2ebff,#fffbe2)}.tool-card-icon-area{color:color-mix(in srgb, #315c16 80%, var(--primary-strong));background:linear-gradient(135deg,#edfcbd,#ecfcf7)}.tool-card-icon-distance{color:color-mix(in srgb, #0f4d56 82%, var(--primary-strong));background:linear-gradient(135deg,#e0fbf2,#f1f7ff)}.tool-card-icon-circle{color:color-mix(in srgb, #243b7a 80%, var(--primary-strong));background:linear-gradient(135deg,#e9f2ff,#fff7e1)}.tool-card-icon-surface-area{color:color-mix(in srgb, #9b3726 76%, var(--primary-strong));background:linear-gradient(135deg,#ffe7e0,#f2f7ff)}.tool-card-icon-pythagorean{color:color-mix(in srgb, #0f4d56 80%, var(--primary-strong));background:linear-gradient(135deg,#f2fffc,#fffbe2)}.tool-card-icon-right-triangle{color:color-mix(in srgb, #705000 80%, var(--primary-strong));background:linear-gradient(135deg,#fff8d1,#f7f3ff)}.tool-card-icon-mortgage,.tool-card-icon-loan,.tool-card-icon-payment,.tool-card-icon-amortization,.tool-card-icon-rate{color:color-mix(in srgb, #263d8a 78%, var(--primary-strong));background:linear-gradient(135deg,#e9f2ff,#ecfcf7)}.tool-card-icon-auto-loan,.tool-card-icon-sales-tax,.tool-card-icon-tax,.tool-card-icon-salary{color:color-mix(in srgb, #76520a 82%, var(--primary-strong));background:linear-gradient(135deg,#fff8cf,#fff7e1)}.tool-card-icon-interest,.tool-card-icon-compound,.tool-card-icon-investment,.tool-card-icon-retirement,.tool-card-icon-finance,.tool-card-icon-inflation{color:color-mix(in srgb, #275a47 82%, var(--primary-strong));background:linear-gradient(135deg,#dffaf1,#f8f4ff)}.tool-card-icon-bmi,.tool-card-icon-healthy-weight,.tool-card-icon-ideal-weight,.tool-card-icon-body-type{color:color-mix(in srgb, #263d8a 78%, var(--primary-strong));background:linear-gradient(135deg,#e9f2ff,#ecfcf7)}.tool-card-icon-calorie,.tool-card-icon-bmr,.tool-card-icon-tdee,.tool-card-icon-macro,.tool-card-icon-carbohydrate,.tool-card-icon-protein,.tool-card-icon-fat-intake{color:color-mix(in srgb, #705000 82%, var(--primary-strong));background:linear-gradient(135deg,#fff8cf,#f4fdd7)}.tool-card-icon-body-fat,.tool-card-icon-army-body-fat,.tool-card-icon-lean-mass,.tool-card-icon-body-surface-area,.tool-card-icon-bsa,.tool-card-icon-gfr{color:color-mix(in srgb, #275a47 82%, var(--primary-strong));background:linear-gradient(135deg,#dffaf1,#f8f4ff)}.tool-card-icon-pace,.tool-card-icon-calories-burned,.tool-card-icon-one-rep-max,.tool-card-icon-target-heart{color:color-mix(in srgb, #9b3726 76%, var(--primary-strong));background:linear-gradient(135deg,#ffe7e0,#f2f7ff)}.tool-card-icon-pregnancy,.tool-card-icon-pregnancy-weight,.tool-card-icon-pregnancy-conception,.tool-card-icon-due-date,.tool-card-icon-ovulation,.tool-card-icon-conception,.tool-card-icon-period{color:color-mix(in srgb, #9b3c6a 78%, var(--primary-strong));background:linear-gradient(135deg,#fff0f7,#f7f3ff)}.tool-card-icon-bac{color:color-mix(in srgb, #9b3726 80%, var(--primary-strong));background:linear-gradient(135deg,#fff1cd,#fff0eb)}.tool-card-icon-dice{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 46%, white), color-mix(in srgb, var(--primary) 18%, white));color:color-mix(in srgb, var(--primary-strong) 88%, #172033)}.dice-body{fill:color-mix(in srgb, var(--surface-solid) 86%, var(--accent-2));stroke:currentColor;stroke-width:1.8px}.dice-pip{fill:currentColor}.tool-card strong,.category-card span{font-size:1.02rem;line-height:1.2;display:block}.tool-card small,.category-card p,.category-card small{color:var(--muted);margin-top:6px;line-height:1.45;display:block}.tool-card-open{background:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--primary-strong);border-radius:999px;margin-left:auto;padding:6px 9px;font-size:.74rem;font-style:normal;font-weight:950}.category-card{flex-direction:column;justify-content:space-between}.breadcrumb{color:var(--muted);font-size:.92rem;font-weight:800}.breadcrumb a{color:var(--primary-strong)}.tool-title-row{justify-content:space-between;align-items:start;gap:20px;margin-bottom:14px;display:flex}.tool-title-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:stretch;gap:10px;display:flex}.alias-notice{background:color-mix(in srgb, var(--surface) 88%, var(--primary) 12%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--soft-shadow);gap:10px;max-width:760px;margin-bottom:18px;padding:16px;display:grid}.alias-notice strong{color:var(--text);font-size:1.02rem}.alias-notice p{color:var(--muted);margin:0}.alias-notice .button-primary{justify-self:start}.calculator-tool{grid-template-columns:minmax(300px,1fr) 360px;gap:18px;display:grid}.calculator-panel,.history-panel,.content-section{backdrop-filter:blur(16px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.calculator-panel{box-shadow:var(--shadow);padding:12px}.calculator-display{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 92%, black), color-mix(in srgb, var(--text) 88%, black));color:#fff;text-align:right;border-radius:8px;min-height:72px;margin-bottom:12px;padding:12px}.calculator-display .display-readout span{color:color-mix(in srgb, var(--accent) 68%, white);min-height:22px;font-size:.88rem;font-weight:800;display:block}.calculator-display .display-readout output{overflow-wrap:anywhere;font-size:clamp(1.85rem,4.5vw,3rem);font-weight:950;line-height:1.05;display:block}.calculator-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.calculator-actions button{min-height:40px}.keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.calc-key{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:42px;font-size:1.12rem;font-weight:900}.calc-key:hover,.calc-key:focus-visible,.calculator-actions button:hover,.calculator-actions button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.calculator-actions button:disabled{cursor:not-allowed;opacity:.56}.calc-key-operator{background:var(--primary);border-color:var(--primary);color:#fff}.calc-key-clear{color:var(--danger)}.history-panel{flex-direction:column;gap:18px;padding:22px;display:flex}.history-panel p{color:var(--muted);line-height:1.55}.history-panel ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-panel li{background:color-mix(in srgb, var(--bg) 78%, white);border-radius:8px;justify-content:space-between;gap:10px;padding:12px;display:flex}.history-panel li span{color:var(--muted)}.empty-history{background:color-mix(in srgb, var(--bg) 78%, white);border:1px dashed var(--border);border-radius:8px;margin:0;padding:18px}.kawaii-tool-hero{background:linear-gradient(135deg, #fff2f8f0, #e7fff9e6), var(--surface);border:1px solid color-mix(in srgb, #ff8fb5 28%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,.88fr) minmax(280px,.72fr);align-items:center;gap:20px;margin:16px 0 20px;padding:24px;display:grid;overflow:hidden}.kawaii-tool-hero span{color:#b73f73;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:950;display:block}.kawaii-tool-hero h2{color:#251525;letter-spacing:0;max-width:680px;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.94}.kawaii-tool-hero p{color:#62475c;max-width:610px;line-height:1.65}.kawaii-tool-hero img{filter:drop-shadow(0 24px 34px #aa4e772e);object-fit:contain;place-self:end center;max-width:100%;height:auto;max-height:330px;display:block}.calculator-tool-kawaii .calculator-panel{isolation:isolate;background:radial-gradient(circle at 13% 12%,#fffffff5 0 8px,#0000 9px),radial-gradient(circle at 88% 18%,#fff9cdeb 0 10px,#0000 11px),linear-gradient(160deg,#ffe4ef 0%,#ffc3db 44%,#bff3ea 100%);border:2px solid #ff80aeb8;border-radius:28px;padding:18px;position:relative;overflow:hidden;box-shadow:0 28px 70px #b8487a33,inset 0 2px #ffffffdb}.calculator-tool-kawaii .calculator-panel:before{content:"";pointer-events:none;z-index:0;border:1px solid #ffffffc7;border-radius:22px;position:absolute;inset:10px}.calculator-tool-kawaii .calculator-panel:after{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:radial-gradient(circle,#fffffff2 0 2px,#0000 3px),radial-gradient(circle,#fff5a5eb 0 3px,#0000 4px);background-position:24px 18px,94% 86%;background-repeat:no-repeat;background-size:36px 36px,42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.calculator-tool-kawaii .calculator-panel>*{z-index:1;position:relative}.kawaii-device-trim{justify-content:flex-end;gap:8px;margin:0 4px 12px;display:flex}.kawaii-device-trim span{background:#fff8fb;border:2px solid #ffffffe6;border-radius:999px;width:14px;height:14px;box-shadow:0 5px 12px #95456929}.kawaii-device-trim span:first-child{background:#ff82b0}.kawaii-device-trim span:nth-child(2){background:#ffdf7d}.kawaii-device-trim span:nth-child(3){background:#85e3d6}.calculator-tool-kawaii .calculator-display{color:#261827;background:linear-gradient(135deg,#ffffff9e,#fff0),linear-gradient(135deg,#c8fff1,#effcff 54%,#fff2f8);border:2px solid #73cec3ad;border-radius:24px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;min-height:118px;margin-bottom:14px;padding:16px;display:grid;box-shadow:inset 0 2px #ffffffe0,0 12px 22px #3e918724}.kawaii-display-face{background:radial-gradient(circle at 18% 66%,#ff8fb594 0 9px,#0000 10px),radial-gradient(circle at 82% 66%,#ff8fb594 0 9px,#0000 10px),linear-gradient(145deg,#f4fff9,#ccfff3);border:2px solid #ffffffe0;border-radius:24px;width:78px;height:74px;position:relative;box-shadow:inset 0 -8px 18px #47b4a41f}.kawaii-eye{background:#432536;border-radius:999px;width:10px;height:13px;position:absolute;top:25px}.kawaii-eye:after{content:"";background:#fff;border-radius:999px;width:4px;height:4px;position:absolute;top:2px;left:2px}.kawaii-eye:first-child{left:21px}.kawaii-eye:nth-child(2){right:21px}.kawaii-blush{background:#ff7eaa80;border-radius:999px;width:16px;height:8px;position:absolute;bottom:20px}.kawaii-blush:nth-child(3){left:9px}.kawaii-blush:nth-child(4){right:9px}.kawaii-mouth{border-bottom:3px solid #432536;border-radius:0 0 999px 999px;width:20px;height:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.calculator-tool-kawaii .calculator-display .display-readout span{color:#b73f73;text-transform:uppercase;font-size:.82rem;font-weight:950}.calculator-tool-kawaii .calculator-display .display-readout output{color:#321527;text-shadow:0 2px #ffffff9e}.calculator-tool-kawaii .calculator-actions{gap:10px;margin-bottom:12px}.calculator-tool-kawaii .calculator-actions button{color:#6c3554;background:linear-gradient(#fffc,#fff0f8e6);border:1px solid #ff7eaa6b;border-radius:16px;font-weight:950;box-shadow:inset 0 1px #fffffff0}.calculator-tool-kawaii .keypad{gap:10px}.calculator-tool-kawaii .calc-key{color:#2c2030;background:linear-gradient(#ffffffd1,#fff6fbfa);border:1px solid #ff7eaa75;border-radius:18px;min-height:54px;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:inset 0 2px #ffffffeb,0 7px #d26c962e}.calculator-tool-kawaii .calc-key:hover,.calculator-tool-kawaii .calc-key:focus-visible{transform:translateY(-1px);box-shadow:inset 0 2px #fffffff2,0 9px #d26c9633,0 0 0 4px #ffffffa3}.calculator-tool-kawaii .calc-key:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffffe6,0 3px #d26c9629}.calculator-tool-kawaii .calc-key:nth-child(4n+1){background:linear-gradient(#fff9fc,#ffe5f0)}.calculator-tool-kawaii .calc-key:nth-child(4n+2){background:linear-gradient(#fbfffd,#dcfbf5)}.calculator-tool-kawaii .calc-key:nth-child(4n+3){background:linear-gradient(#fffdf4,#fff2b8)}.calculator-tool-kawaii .calc-key-operator{color:#3c2344;background:linear-gradient(#f7e9ff,#ddbafa);border-color:#9a5fcd66}.calculator-tool-kawaii .calc-key-clear{color:#a92963;background:linear-gradient(#fff1f6,#ffb6d0)}.calculator-tool-kawaii .calc-key-backspace{background:linear-gradient(#f1fffb,#bff4ea)}.calculator-tool-kawaii .calc-key-percent{background:linear-gradient(#fffdf0,#ffe59a)}.calculator-tool-kawaii .calc-key-equals{color:#0f564c;background:linear-gradient(#ddfff8,#88eadb);border-color:#41b6a494}.calculator-tool-kawaii .history-panel{background:linear-gradient(#fffafdf5,#fff2f8e0);border:2px solid #ffa7c66b;border-radius:24px;box-shadow:0 22px 54px #b8487a21}.calculator-tool-kawaii .history-panel h2{color:#321527}.calculator-tool-kawaii .history-panel li,.calculator-tool-kawaii .empty-history{background:#ffffffc7;border:1px dashed #ff7eaa57;border-radius:18px}.scientific-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.scientific-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.scientific-tool-points span{background:var(--surface-solid);border:1px solid color-mix(in srgb, var(--primary) 26%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.scientific-panel,.scientific-history{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#edfffbe0)}.scientific-panel{gap:12px;padding:16px;display:grid}.scientific-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.scientific-toolbar>button,.angle-toggle{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;box-shadow:inset 0 1px #ffffffad}.scientific-toolbar>button{color:var(--primary-strong);min-height:40px;padding:0 14px;font-weight:900}.scientific-toolbar>button:disabled{cursor:not-allowed;opacity:.58}.angle-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:inline-grid}.angle-toggle button{color:var(--muted);background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 14px;font-weight:950}.angle-toggle button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 18%, white);color:var(--primary-strong)}.scientific-expression{gap:8px;display:grid}.scientific-expression span{color:var(--text);font-size:.9rem;font-weight:900}.scientific-expression input{border:1px solid color-mix(in srgb, var(--primary) 36%, var(--border));color:var(--text);background:linear-gradient(135deg,#ffffffe0,#e5fffab8);border-radius:8px;outline:none;min-height:54px;padding:0 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1rem,2.2vw,1.35rem)}.scientific-expression input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.scientific-result{border-left:4px solid var(--primary);align-items:end;gap:4px;min-height:62px;padding:8px 0 8px 14px;display:grid}.scientific-result span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:900}.scientific-result output{color:var(--primary-strong);overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:950;line-height:1}.scientific-keypad{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.scientific-key{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:42px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:900;box-shadow:inset 0 1px #ffffffb8}.scientific-key:hover,.scientific-key:focus-visible,.scientific-toolbar>button:hover,.scientific-toolbar>button:focus-visible,.angle-toggle button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.scientific-key-operator{background:color-mix(in srgb, var(--primary) 16%, white);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));color:var(--primary-strong)}.scientific-key-soft{background:color-mix(in srgb, var(--accent) 24%, white)}.scientific-key-clear{background:color-mix(in srgb, var(--danger) 18%, white);color:var(--danger)}.scientific-key-equals{background:linear-gradient(135deg, var(--primary), var(--accent-2));border-color:var(--primary);color:#fff;grid-column:1/-1}.scientific-history{gap:14px;padding:22px;display:grid}.scientific-history h2{margin-bottom:8px}.scientific-history p{color:var(--muted);margin:0;line-height:1.55}.scientific-history ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.scientific-history button{background:var(--surface-solid);border:1px solid var(--border);text-align:left;border-radius:8px;gap:4px;width:100%;padding:12px;display:grid}.scientific-history button:hover,.scientific-history button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.scientific-history span{color:var(--muted);overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}.scientific-history strong{color:var(--primary-strong);font-size:1.1rem}.scientific-history em{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-style:normal;font-weight:950}.fraction-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.fraction-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.fraction-tool-points span{background:linear-gradient(135deg, #fff8cf, color-mix(in srgb, var(--primary) 12%, white));border:1px solid color-mix(in srgb, #d6a916 22%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.fraction-panel,.fraction-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, #d6a916 22%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#fffbe4d1)}.fraction-panel{gap:16px;padding:16px;display:grid}.fraction-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fraction-mode-grid button{background:var(--surface-solid);border:1px solid var(--border);color:var(--muted);border-radius:8px;gap:3px;min-height:72px;padding:10px;display:grid}.fraction-mode-grid button[aria-pressed=true]{background:linear-gradient(135deg, var(--primary-strong), color-mix(in srgb, var(--primary) 70%, var(--text)));border-color:var(--primary-strong);color:#fff}.fraction-mode-grid strong{font-size:1.05rem}.fraction-mode-grid span{font-size:.82rem;font-weight:850}.fraction-mode-grid button:hover,.fraction-mode-grid button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.fraction-input-grid{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:end;gap:14px;display:grid}.fraction-fieldset{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:14px;display:grid}.fraction-fieldset legend{color:var(--primary-strong);padding:0 6px;font-size:.82rem;font-weight:950}.fraction-fieldset label{gap:6px;display:grid}.fraction-fieldset span{color:var(--muted);font-size:.78rem;font-weight:900}.fraction-fieldset input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:8px;outline:none;min-width:0;min-height:46px;padding:0 10px;font-size:1.05rem;font-weight:900}.fraction-fieldset input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.fraction-operator-picker{background:var(--surface-solid);border:1px solid var(--border);border-radius:10px;gap:6px;padding:6px;display:grid}.fraction-operator-picker button{color:var(--muted);background:0 0;border:0;border-radius:8px;min-height:38px;font-size:1.05rem;font-weight:950}.fraction-operator-picker button[aria-pressed=true]{background:linear-gradient(135deg, var(--primary), var(--accent-2));color:#fff}.fraction-text-grid{gap:10px;display:grid}.fraction-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fraction-compare-grid>small{grid-column:1/-1}.fraction-text-field{gap:7px;display:grid}.fraction-text-field span{color:var(--text);font-size:.82rem;font-weight:900}.fraction-text-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:50px;padding:0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.05rem;font-weight:850}.fraction-text-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.fraction-text-grid small{color:var(--muted);line-height:1.45}.fraction-actions{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.7fr));gap:10px;display:grid}.fraction-actions-two{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.fraction-result-card{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 90%, black), color-mix(in srgb, var(--text) 86%, black));color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.fraction-result-card>span{color:color-mix(in srgb, var(--accent) 70%, white);text-transform:uppercase;font-size:.84rem;font-weight:900}.fraction-result-card strong{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.fraction-result-card>p{color:color-mix(in srgb, white 76%, var(--accent));overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.fraction-result-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.fraction-result-card div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.fraction-result-card dt{color:color-mix(in srgb, var(--accent) 62%, white);text-transform:uppercase;font-size:.72rem;font-weight:950}.fraction-result-card dd{margin:4px 0 0;font-size:1.12rem;font-weight:900}.fraction-result-card button{background:color-mix(in srgb, var(--accent) 34%, white);border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);color:var(--text);border-radius:8px;min-height:42px;font-weight:950}.fraction-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.fraction-steps h2,.fraction-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.fraction-steps ol,.fraction-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.fraction-steps li{color:var(--muted);line-height:1.55}.fraction-side-panel{gap:18px;padding:22px;display:grid}.fraction-example-list{gap:8px;display:grid}.fraction-example-list button,.fraction-side-panel li{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.fraction-example-list button{color:var(--primary-strong);text-align:left;font-weight:950}.fraction-example-list button:hover,.fraction-example-list button:focus-visible,.fraction-result-card button:hover,.fraction-result-card button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.fraction-side-panel ol{padding:0;list-style:none}.fraction-side-panel li{gap:4px;display:grid}.fraction-side-panel li span{color:var(--muted);font-size:.88rem}.fraction-side-panel li strong{color:var(--primary-strong);font-size:1.14rem}.fraction-privacy-note{background:var(--surface-solid);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-self:end;margin:0;padding:12px;line-height:1.6}.percentage-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.percentage-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.percentage-tool-points span{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 42%, white), color-mix(in srgb, var(--accent-2) 16%, white));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.percentage-panel,.percentage-side-panel{backdrop-filter:blur(16px);background:linear-gradient(135deg, #fffffff0, color-mix(in srgb, var(--accent) 12%, #ffffffd1));border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow)}.percentage-panel{gap:16px;padding:16px;display:grid}.percentage-mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.percentage-mode-grid button{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:10px;gap:6px;min-height:96px;padding:12px;display:grid}.percentage-mode-grid button[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 92%, black), color-mix(in srgb, var(--accent-2) 58%, var(--primary)));border-color:var(--primary);color:#fff}.percentage-mode-grid strong{font-size:.92rem;line-height:1.1}.percentage-mode-grid span{color:inherit;opacity:.76;font-size:.78rem;line-height:1.35}.percentage-input-card{background:color-mix(in srgb, var(--surface-solid) 84%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;gap:14px;padding:16px;display:grid}.percentage-input-card h2{margin:0;font-size:1.35rem;line-height:1.1}.percentage-input-card p{color:var(--muted);margin:6px 0 0;line-height:1.55}.percentage-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.percentage-field{gap:6px;display:grid}.percentage-field span{color:var(--muted);font-size:.78rem;font-weight:900}.percentage-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.percentage-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.percentage-direction-toggle,.percentage-reverse-type{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;gap:6px;padding:6px;display:grid}.percentage-direction-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-reverse-type{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.percentage-direction-toggle button,.percentage-reverse-type button{color:var(--muted);background:0 0;border:0;border-radius:7px;min-height:36px;font-weight:950}.percentage-direction-toggle button[aria-pressed=true],.percentage-reverse-type button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 18%, white);color:var(--primary-strong)}.percentage-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.percentage-actions button:disabled{cursor:not-allowed;opacity:.58}.percentage-result-card{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 90%, black), color-mix(in srgb, var(--text) 86%, black));color:#fff;border-radius:10px;gap:10px;padding:16px;display:grid}.percentage-result-card span{color:color-mix(in srgb, var(--accent) 70%, white);text-transform:uppercase;font-size:.84rem;font-weight:900}.percentage-result-card strong{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.percentage-result-card p{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:10px;font-weight:850}.percentage-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.percentage-steps h2,.percentage-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.percentage-steps ol,.percentage-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.percentage-steps li{color:var(--muted);line-height:1.55}.percentage-side-panel{gap:18px;padding:22px;display:grid}.percentage-example-list{gap:8px;display:grid}.percentage-example-list button,.percentage-side-panel li{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.percentage-example-list button{color:var(--primary-strong);text-align:left;font-weight:950}.percentage-mode-grid button:hover,.percentage-mode-grid button:focus-visible,.percentage-example-list button:hover,.percentage-example-list button:focus-visible,.percentage-direction-toggle button:focus-visible,.percentage-reverse-type button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.percentage-side-panel ol{padding:0;list-style:none}.percentage-side-panel li{gap:4px;display:grid}.percentage-side-panel li span{color:var(--muted);font-size:.88rem}.percentage-side-panel li strong{color:var(--primary-strong);font-size:1.14rem}.percent-error-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.percent-error-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.percent-error-tool-points span{background:linear-gradient(135deg, #ffe5dd, color-mix(in srgb, var(--accent) 18%, white));border:1px solid color-mix(in srgb, #b34733 18%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.percent-error-panel,.percent-error-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, #b34733 18%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#fff6f3d9)}.percent-error-panel{gap:16px;padding:16px;display:grid}.percent-error-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.percent-error-field{gap:6px;display:grid}.percent-error-field span{color:var(--muted);font-size:.78rem;font-weight:900}.percent-error-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.percent-error-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.percent-error-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.percent-error-actions button:disabled{cursor:not-allowed;opacity:.58}.percent-error-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, color-mix(in srgb, #7e2f25 62%, var(--primary-strong)), color-mix(in srgb, var(--text) 86%, black));color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.percent-error-result-card>span{color:#ffddd2;text-transform:uppercase;font-size:.84rem;font-weight:900}.percent-error-result-card>strong{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.percent-error-result-card p{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:10px;font-weight:850}.percent-error-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.percent-error-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.percent-error-result-card dt{color:#ffded4;text-transform:uppercase;font-size:.74rem;font-weight:900}.percent-error-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.percent-error-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.percent-error-steps h2,.percent-error-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.percent-error-steps ol,.percent-error-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.percent-error-steps li{color:var(--muted);line-height:1.55}.percent-error-side-panel{gap:18px;padding:22px;display:grid}.percent-error-example-list{gap:8px;display:grid}.percent-error-example-list button,.percent-error-side-panel li{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.percent-error-example-list button{color:var(--primary-strong);text-align:left;font-weight:950}.percent-error-example-list button:hover,.percent-error-example-list button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.percent-error-side-panel ol{padding:0;list-style:none}.percent-error-side-panel li{gap:4px;display:grid}.percent-error-side-panel li span{color:var(--muted);font-size:.88rem}.percent-error-side-panel li strong{color:var(--primary-strong);font-size:1.14rem}.exponent-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.exponent-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.exponent-tool-points span{background:linear-gradient(135deg, #e7f0ff, color-mix(in srgb, var(--primary) 14%, white));border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.exponent-panel,.exponent-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#f6faffda)}.exponent-panel{gap:16px;padding:16px;display:grid}.exponent-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.exponent-field{gap:6px;display:grid}.exponent-field span{color:var(--muted);font-size:.78rem;font-weight:900}.exponent-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.exponent-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.exponent-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.exponent-quick-grid button,.exponent-side-panel li,.exponent-note{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.exponent-quick-grid button{color:var(--primary-strong);min-height:48px;font-weight:950}.exponent-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.exponent-actions button:disabled{cursor:not-allowed;opacity:.58}.exponent-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 88%, black), color-mix(in srgb, var(--text) 86%, black));color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.exponent-result-card>span{color:#e1edff;text-transform:uppercase;font-size:.84rem;font-weight:900}.exponent-result-card>strong{overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.exponent-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.exponent-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.exponent-result-card dt{color:#e1edff;text-transform:uppercase;font-size:.74rem;font-weight:900}.exponent-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.exponent-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.exponent-steps h2,.exponent-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.exponent-steps ol,.exponent-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.exponent-steps li,.exponent-note p{color:var(--muted);line-height:1.55}.exponent-side-panel{gap:18px;padding:22px;display:grid}.exponent-side-panel ol{padding:0;list-style:none}.exponent-side-panel li{gap:4px;display:grid}.exponent-side-panel li span{color:var(--muted);font-size:.88rem}.exponent-side-panel li strong{color:var(--primary-strong);overflow-wrap:anywhere;font-size:1.14rem}.exponent-note p{margin:0}.exponent-note p+p{margin-top:8px}.exponent-quick-grid button:hover,.exponent-quick-grid button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.log-calculator,.ratio-calculator,.absolute-calculator,.root-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.log-tool-points,.ratio-tool-points,.absolute-tool-points,.root-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.log-tool-points span,.ratio-tool-points span,.absolute-tool-points span,.root-tool-points span{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.log-tool-points span{background:linear-gradient(135deg,#defaf1,#f4f9ff)}.ratio-tool-points span{border-color:color-mix(in srgb, #d88916 24%, var(--border));background:linear-gradient(135deg,#fff1cd,#edfcf7)}.absolute-tool-points span{border-color:color-mix(in srgb, #6656b8 24%, var(--border));background:linear-gradient(135deg,#eeebff,#effdf8)}.root-tool-points span{border-color:color-mix(in srgb, #4966c7 22%, var(--border));background:linear-gradient(135deg,#e9f2ff,#fffbe2)}.log-panel,.log-side-panel,.ratio-panel,.ratio-side-panel,.absolute-panel,.absolute-side-panel,.root-panel,.root-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#f4fdfadd)}.ratio-panel,.ratio-side-panel{border-color:color-mix(in srgb, #d88916 24%, var(--border));background:linear-gradient(135deg,#fffffff0,#fffaeddd)}.absolute-panel,.absolute-side-panel{border-color:color-mix(in srgb, #6656b8 24%, var(--border));background:linear-gradient(135deg,#fffffff0,#f8f7ffde)}.root-panel,.root-side-panel{border-color:color-mix(in srgb, #4966c7 24%, var(--border));background:linear-gradient(135deg,#fffffff0,#f6faffde)}.log-panel,.ratio-panel,.absolute-panel,.root-panel{gap:16px;padding:16px;display:grid}.log-fields,.ratio-fields,.absolute-fields,.root-fields,.log-quick-grid,.ratio-quick-grid,.absolute-quick-grid,.root-quick-grid,.ratio-mode-grid{gap:10px;display:grid}.log-fields,.absolute-fields,.root-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.log-quick-grid,.absolute-quick-grid,.root-quick-grid,.ratio-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ratio-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.log-field,.ratio-field,.absolute-field,.root-field{gap:6px;display:grid}.log-field span,.ratio-field span,.absolute-field span,.root-field span{color:var(--muted);font-size:.78rem;font-weight:900}.ratio-field small{color:color-mix(in srgb, var(--muted) 78%, white);font-size:.72rem;font-weight:800}.log-field input,.ratio-field input,.absolute-field input,.root-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.log-field input:focus,.ratio-field input:focus,.absolute-field input:focus,.root-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.log-quick-grid button,.ratio-quick-grid button,.absolute-quick-grid button,.root-quick-grid button,.ratio-mode-grid button,.log-side-panel li,.ratio-side-panel li,.absolute-side-panel li,.root-side-panel li,.log-note,.ratio-note,.absolute-note,.root-note{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.log-quick-grid button,.ratio-quick-grid button,.absolute-quick-grid button,.root-quick-grid button,.ratio-mode-grid button{color:var(--primary-strong);min-height:48px;font-weight:950}.ratio-mode-grid button{color:var(--muted)}.ratio-mode-grid button[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, #7a4308 70%, var(--primary)), color-mix(in srgb, var(--text) 82%, black));color:#fff;border-color:#0000}.log-actions,.ratio-actions,.absolute-actions,.root-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.log-actions button:disabled,.ratio-actions button:disabled,.absolute-actions button:disabled,.root-actions button:disabled{cursor:not-allowed;opacity:.58}.log-result-card,.ratio-result-card,.absolute-result-card,.root-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 88%, black), #0e2741);color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.ratio-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, #492805, color-mix(in srgb, var(--text) 88%, black))}.absolute-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, #291f51, color-mix(in srgb, var(--text) 88%, black))}.root-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, #1b2d5d, color-mix(in srgb, var(--text) 86%, black))}.log-result-card>span,.ratio-result-card>span,.absolute-result-card>span,.root-result-card>span{color:#d2f8eb;text-transform:uppercase;font-size:.84rem;font-weight:900}.ratio-result-card>span,.ratio-result-card dt{color:#ffebb8}.absolute-result-card>span,.absolute-result-card dt{color:#e6e2ff}.root-result-card>span,.root-result-card dt{color:#e0ecff}.log-result-card>strong,.ratio-result-card>strong,.absolute-result-card>strong,.root-result-card>strong{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.75rem,4.6vw,3rem);line-height:1.1}.log-result-card dl,.ratio-result-card dl,.absolute-result-card dl,.root-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.log-result-card dl div,.ratio-result-card dl div,.absolute-result-card dl div,.root-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.log-result-card dt,.ratio-result-card dt,.absolute-result-card dt,.root-result-card dt{color:#d3f9ec;text-transform:uppercase;font-size:.74rem;font-weight:900}.log-result-card dd,.ratio-result-card dd,.absolute-result-card dd,.root-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.log-steps,.ratio-steps,.absolute-steps,.root-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.log-steps h2,.ratio-steps h2,.absolute-steps h2,.root-steps h2,.log-side-panel h2,.ratio-side-panel h2,.absolute-side-panel h2,.root-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.log-steps ol,.ratio-steps ol,.absolute-steps ol,.root-steps ol,.log-side-panel ol,.ratio-side-panel ol,.absolute-side-panel ol,.root-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.log-steps li,.ratio-steps li,.absolute-steps li,.root-steps li,.log-note p,.ratio-note p,.absolute-note p,.root-note p{color:var(--muted);line-height:1.55}.log-side-panel,.ratio-side-panel,.absolute-side-panel,.root-side-panel{gap:18px;padding:22px;display:grid}.absolute-guide-card{border:1px solid color-mix(in srgb, #6656b8 24%, var(--border));border-radius:var(--radius);background:linear-gradient(135deg,#fdfcff,#f7f5ff);gap:12px;padding:14px;display:grid}.absolute-guide-card p{color:var(--muted);margin:0;line-height:1.5}.absolute-guide-card .button-secondary{justify-self:start;min-height:40px}.absolute-number-line{height:92px;margin:4px 0 0;position:relative}.absolute-number-line:before{background:color-mix(in srgb, #6656b8 28%, var(--border));content:"";border-radius:999px;height:4px;position:absolute;top:46px;left:0;right:0}.absolute-distance-bar{z-index:1;background:linear-gradient(90deg,#6656b8,#8183c5);border-radius:999px;height:8px;position:absolute;top:44px}.absolute-marker{z-index:2;place-items:center;gap:4px;min-width:62px;display:grid;position:absolute;top:14px;transform:translate(-50%)}.absolute-marker:after{content:"";background:#6656b8;border:3px solid #fff;border-radius:999px;width:16px;height:16px;box-shadow:0 8px 20px #35286838}.absolute-marker strong{color:var(--text);font-size:.72rem;line-height:1}.absolute-marker em{color:var(--primary-strong);font-size:.84rem;font-style:normal;font-weight:950;line-height:1}.absolute-number-line-scale{color:var(--muted);justify-content:space-between;margin-top:-10px;font-size:.74rem;font-weight:850;display:flex}.log-side-panel ol,.ratio-side-panel ol,.absolute-side-panel ol,.root-side-panel ol{padding:0;list-style:none}.log-side-panel li,.ratio-side-panel li,.absolute-side-panel li,.root-side-panel li{gap:4px;display:grid}.absolute-example-list{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute-quick-grid button{overflow-wrap:anywhere;text-align:center;line-height:1.18}.log-side-panel li span,.ratio-side-panel li span,.absolute-side-panel li span,.root-side-panel li span{color:var(--muted);font-size:.88rem}.log-side-panel li strong,.ratio-side-panel li strong,.absolute-side-panel li strong,.root-side-panel li strong{color:var(--primary-strong);overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.08rem}.log-note p,.ratio-note p,.absolute-note p,.root-note p{margin:0}.log-note p+p,.ratio-note p+p,.absolute-note p+p,.root-note p+p{margin-top:8px}.log-quick-grid button:hover,.log-quick-grid button:focus-visible,.ratio-quick-grid button:hover,.ratio-quick-grid button:focus-visible,.ratio-mode-grid button:hover,.ratio-mode-grid button:focus-visible,.absolute-quick-grid button:hover,.absolute-quick-grid button:focus-visible,.root-quick-grid button:hover,.root-quick-grid button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.half-life-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.half-life-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.half-life-tool-points span{border:1px solid color-mix(in srgb, #2d8068 22%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);background:linear-gradient(135deg,#dffaf1,#fff8e5);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.half-life-panel,.half-life-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, #2d8068 24%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#f4fdfadd)}.half-life-panel{gap:16px;padding:16px;display:grid}.half-life-mode-grid,.half-life-fields{gap:10px;display:grid}.half-life-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.half-life-mode-grid button{background:var(--surface-solid);border:1px solid var(--border);color:var(--muted);text-align:left;border-radius:8px;gap:6px;min-height:94px;padding:12px;display:grid}.half-life-mode-grid button strong{color:var(--text);font-size:.98rem;line-height:1.15}.half-life-mode-grid button span{line-height:1.35}.half-life-mode-grid button[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 92%, #275a47), color-mix(in srgb, var(--text) 82%, #275a47));color:#d1f8eb;border-color:#0000}.half-life-mode-grid button[aria-pressed=true] strong{color:#fff}.half-life-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.half-life-field{gap:6px;display:grid}.half-life-field span{color:var(--muted);font-size:.78rem;font-weight:900}.half-life-field small{color:color-mix(in srgb, var(--muted) 88%, var(--text) 12%);font-size:.76rem;font-weight:800;line-height:1.45}.half-life-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.half-life-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.half-life-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.half-life-actions button:disabled{cursor:not-allowed;opacity:.58}.half-life-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, #1c4133, color-mix(in srgb, var(--text) 86%, black));color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.half-life-result-card>span{color:#d2f8eb;text-transform:uppercase;font-size:.84rem;font-weight:900}.half-life-result-card>strong{overflow-wrap:anywhere;font-size:clamp(1.85rem,4.8vw,3.15rem);line-height:1}.half-life-result-card p{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:10px;font-weight:850}.half-life-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.half-life-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.half-life-result-card dt{color:#d2f8eb;text-transform:uppercase;font-size:.74rem;font-weight:900}.half-life-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.half-life-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.half-life-steps h2,.half-life-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.half-life-steps ol,.half-life-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.half-life-steps li,.half-life-note p{color:var(--muted);line-height:1.55}.half-life-side-panel{gap:18px;padding:22px;display:grid}.half-life-example-list{gap:8px;display:grid}.half-life-example-list button,.half-life-side-panel li,.half-life-note{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.half-life-example-list button{color:var(--primary-strong);text-align:left;min-height:46px;font-weight:950}.half-life-mode-grid button:hover,.half-life-mode-grid button:focus-visible,.half-life-example-list button:hover,.half-life-example-list button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.half-life-side-panel ol{padding:0;list-style:none}.half-life-side-panel li{gap:4px;display:grid}.half-life-side-panel li span{color:var(--muted);font-size:.88rem}.half-life-side-panel li strong{color:var(--primary-strong);overflow-wrap:anywhere;font-size:1.08rem}.half-life-note p{margin:0}.half-life-note p+p{margin-top:8px}.quadratic-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.quadratic-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.quadratic-tool-points span{border:1px solid color-mix(in srgb, #4966c7 22%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);background:linear-gradient(135deg,#e7f1ff,#fcf8e3);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.quadratic-panel,.quadratic-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, #4966c7 24%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#f6faffde)}.quadratic-panel{gap:16px;padding:16px;display:grid}.quadratic-equation-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 88%, #172554), #1a2a58);color:#fff;border-radius:10px;gap:8px;min-height:96px;padding:16px;display:grid}.quadratic-equation-preview span,.quadratic-result-card>span{color:#e0ecff;text-transform:uppercase;font-size:.84rem;font-weight:900}.quadratic-equation-preview strong{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.45rem,3.8vw,2.45rem);line-height:1.1}.quadratic-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quadratic-field{gap:6px;display:grid}.quadratic-field span{color:var(--muted);font-size:.78rem;font-weight:900}.quadratic-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.quadratic-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.quadratic-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.quadratic-quick-grid button,.quadratic-side-panel li,.quadratic-note,.quadratic-detail-list p{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.quadratic-quick-grid button{color:var(--primary-strong);min-height:48px;font-weight:950}.quadratic-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.quadratic-actions button:disabled{cursor:not-allowed;opacity:.58}.quadratic-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, #1b2d5d, color-mix(in srgb, var(--text) 86%, black));color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.quadratic-result-card>strong{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.65rem,4.4vw,2.85rem);line-height:1.1}.quadratic-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.quadratic-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.quadratic-result-card dt{color:#e0ecff;text-transform:uppercase;font-size:.74rem;font-weight:900}.quadratic-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.quadratic-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.quadratic-steps h2,.quadratic-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.quadratic-steps ol,.quadratic-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.quadratic-steps li,.quadratic-note p{color:var(--muted);line-height:1.55}.quadratic-side-panel{gap:18px;padding:22px;display:grid}.quadratic-detail-list{gap:8px;display:grid}.quadratic-detail-list p{gap:4px;margin:0;display:grid}.quadratic-detail-list span,.quadratic-side-panel li span{color:var(--muted);font-size:.88rem}.quadratic-detail-list strong,.quadratic-side-panel li strong{color:var(--primary-strong);overflow-wrap:anywhere;font-size:1.08rem}.quadratic-quick-grid button:hover,.quadratic-quick-grid button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.quadratic-side-panel ol{padding:0;list-style:none}.quadratic-side-panel li{gap:4px;display:grid}.quadratic-note p{margin:0}.quadratic-note p+p{margin-top:8px}.binary-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.binary-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.binary-tool-points span{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);background:linear-gradient(135deg,#dffaf1,#f4f8ff);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.hex-tool-points span{border-color:color-mix(in srgb, #d88916 28%, var(--border));background:linear-gradient(135deg,#fff0c9,#f5f9ff)}.binary-panel,.binary-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#f4fdfadd)}.binary-panel{gap:16px;padding:16px;display:grid}.binary-fields{gap:12px;display:grid}.binary-field{gap:6px;display:grid}.binary-field span{color:var(--muted);font-size:.78rem;font-weight:900}.binary-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.04rem;font-weight:900}.binary-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.binary-operator-grid,.binary-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.binary-operator-grid button,.binary-quick-grid button,.binary-side-panel li,.binary-note,.binary-converter-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.binary-operator-grid button{color:var(--muted);justify-items:center;gap:4px;min-height:62px;display:grid}.binary-operator-grid button strong{color:var(--text);font-size:1.3rem;line-height:1}.binary-operator-grid button[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 92%, #112f4f), color-mix(in srgb, var(--text) 82%, #112f4f));color:#d1f8eb;border-color:#0000}.binary-operator-grid button[aria-pressed=true] strong{color:#fff}.binary-quick-grid button{color:var(--primary-strong);min-height:48px;font-weight:950}.binary-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.binary-actions button:disabled{cursor:not-allowed;opacity:.58}.binary-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 88%, black), #0e2741);color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.binary-result-card>span{color:#d2f8eb;text-transform:uppercase;font-size:.84rem;font-weight:900}.binary-result-card>strong{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.7rem,4.6vw,3rem);line-height:1.15}.binary-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.binary-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.binary-result-card dt{color:#d3f9ec;text-transform:uppercase;font-size:.74rem;font-weight:900}.binary-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.binary-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.binary-steps h2,.binary-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.binary-steps ol,.binary-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.binary-steps li,.binary-note p{color:var(--muted);line-height:1.55}.binary-side-panel{gap:18px;padding:22px;display:grid}.binary-side-panel ol{padding:0;list-style:none}.binary-side-panel li{gap:4px;display:grid}.binary-side-panel li span{color:var(--muted);font-size:.88rem}.binary-side-panel li strong,.binary-converter-card strong{color:var(--primary-strong);overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.14rem}.hex-calculator .binary-panel,.hex-calculator .binary-side-panel{border-color:color-mix(in srgb, #d88916 24%, var(--border));background:linear-gradient(135deg,#fffffff0,#fffaeddd)}.hex-calculator .binary-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, #492805, color-mix(in srgb, var(--text) 88%, black))}.hex-calculator .binary-result-card>span,.hex-calculator .binary-result-card dt{color:#ffebb8}.binary-converter-card{gap:12px;display:grid}.hex-binary-preview{background:color-mix(in srgb, var(--bg) 62%, white);border:1px solid var(--border);border-radius:8px;gap:6px;padding:12px;display:grid}.hex-binary-preview span{color:var(--muted);font-size:.78rem;font-weight:900}.binary-note p{margin:0}.binary-note p+p{margin-top:8px}.binary-operator-grid button:hover,.binary-operator-grid button:focus-visible,.binary-quick-grid button:hover,.binary-quick-grid button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.advanced-calculator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.advanced-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.advanced-tool-points span{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);background:linear-gradient(135deg,#f2fffc,#f4f8ff);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.advanced-panel,.advanced-side-panel{backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#fafffedd)}.advanced-panel{gap:16px;padding:16px;display:grid}.advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advanced-field{gap:6px;display:grid}.advanced-field span,.advanced-field>label,.matrix-input-block h2{color:var(--muted);margin:0;font-size:.78rem;font-weight:900}.advanced-field small{color:color-mix(in srgb, var(--muted) 88%, var(--text) 12%);margin:0;font-size:.78rem;font-weight:700;line-height:1.45}.advanced-field input,.advanced-field textarea,.advanced-field select,.matrix-grid input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;min-width:0;min-height:48px;padding:0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.04rem;font-weight:900}.advanced-field textarea{resize:vertical;min-height:118px;padding-top:12px;padding-bottom:12px;line-height:1.45}.advanced-field input:focus,.advanced-field textarea:focus,.advanced-field select:focus,.matrix-grid input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.advanced-checkbox-field{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.advanced-checkbox-field input{accent-color:var(--primary);flex:none;width:auto;min-height:auto}.advanced-checkbox-field span{color:var(--text)}.advanced-mode-grid,.advanced-quick-grid{gap:8px;display:grid}.advanced-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.geometry-mode-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.matrix-operation-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.advanced-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-mode-grid button,.advanced-quick-grid button,.advanced-side-panel li,.advanced-note{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.advanced-mode-grid button{color:var(--muted);justify-items:center;gap:4px;min-height:54px;display:grid}.advanced-mode-grid button strong{color:var(--text);font-size:1.28rem;line-height:1}.advanced-mode-grid button[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 92%, #112f4f), color-mix(in srgb, var(--text) 82%, #112f4f));color:#d1f8eb;border-color:#0000}.advanced-mode-grid button[aria-pressed=true] strong{color:#fff}.advanced-quick-grid button{color:var(--primary-strong);min-height:48px;font-weight:950}.advanced-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.advanced-calculator-big-number .advanced-actions{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,.85fr))}.advanced-actions button:disabled{cursor:not-allowed;opacity:.58}.calculator-error{background:color-mix(in srgb, var(--danger) 10%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--danger) 34%, var(--border));color:var(--danger);border-radius:8px;margin:0;padding:12px 14px;font-weight:850;line-height:1.5}.advanced-result-card{background:radial-gradient(circle at 14% 18%, #ffffff1f, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 88%, black), #0e2741);color:#fff;border-radius:10px;gap:12px;padding:16px;display:grid}.advanced-result-card>span{color:#d2f8eb;text-transform:uppercase;font-size:.84rem;font-weight:900}.advanced-result-card>strong{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.55rem,4.2vw,2.65rem);line-height:1.15}.advanced-result-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.advanced-result-card dl div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px}.advanced-result-card dt{color:#d3f9ec;text-transform:uppercase;font-size:.74rem;font-weight:900}.advanced-result-card dd{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font-weight:950}.advanced-steps{background:color-mix(in srgb, var(--surface-solid) 80%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:10px;padding:16px}.advanced-steps h2,.advanced-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.advanced-steps ol,.advanced-side-panel ol{gap:10px;margin:0;padding-left:20px;display:grid}.advanced-steps li,.advanced-note p,.advanced-side-panel p{color:var(--muted);line-height:1.55}.advanced-side-panel{gap:18px;padding:22px;display:grid}.advanced-side-panel ol{padding:0;list-style:none}.advanced-side-panel li{gap:4px;display:grid}.advanced-side-panel li span{color:var(--muted);font-size:.88rem}.advanced-side-panel li strong{color:var(--primary-strong);overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.08rem}.advanced-note p{margin:0}.advanced-note p+p{margin-top:8px}.advanced-mode-grid button:hover,.advanced-mode-grid button:focus-visible,.advanced-quick-grid button:hover,.advanced-quick-grid button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.advanced-calculator-factor .advanced-result-card>strong,.advanced-calculator-matrix .advanced-result-card>strong,.advanced-calculator-big-number .advanced-result-card>strong,.advanced-calculator-geometry .advanced-result-card>strong{font-size:clamp(1.25rem,3.2vw,2.2rem)}.advanced-calculator-big-number .advanced-result-card dl{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.advanced-calculator-geometry .advanced-result-card dl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.advanced-calculator-health .advanced-result-card dl,.advanced-calculator-finance .advanced-result-card dl,.advanced-calculator-utility .advanced-result-card dl{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.advanced-calculator-ai{grid-template-columns:minmax(0,1fr) 340px}.advanced-calculator-ai .advanced-result-card dl{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.advanced-calculator-health .advanced-result-card>strong,.advanced-calculator-finance .advanced-result-card>strong,.advanced-calculator-utility .advanced-result-card>strong{font-size:clamp(1.2rem,3.1vw,2.15rem)}.advanced-calculator-ai .advanced-result-card>strong{font-size:clamp(1.2rem,3.1vw,2.05rem)}.utility-text-output{color:#fff;white-space:pre-wrap;word-break:break-word;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;max-height:320px;margin:0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;font-weight:800;line-height:1.45;overflow:auto}.advanced-calculator-health .advanced-result-card p,.advanced-calculator-finance .advanced-result-card p,.advanced-calculator-utility .advanced-result-card p,.advanced-calculator-ai .advanced-result-card p{color:#ecfffb;margin:0;font-weight:800;line-height:1.5}.health-fields,.finance-fields,.utility-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.utility-fields-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-panel{background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 32%), linear-gradient(135deg, #fffffff5, #f9fffee4)}.ai-tool-heading{gap:6px;display:grid}.ai-tool-heading span{color:var(--primary-strong);text-transform:uppercase;font-size:.78rem;font-weight:950}.ai-tool-heading h2{margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.05}.ai-tool-heading p{color:var(--muted);margin:0;line-height:1.55}.ai-fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.ai-textarea-field textarea{min-height:180px}.ai-status{background:color-mix(in srgb, var(--primary) 10%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));color:var(--primary-strong);border-radius:8px;margin:0;padding:10px 12px;font-weight:850;line-height:1.45}.ai-side-panel{align-content:start}.ai-privacy-note{border-left:4px solid color-mix(in srgb, var(--accent-2) 72%, var(--primary))}.ai-tool-points span{background:linear-gradient(135deg,#f8f6ff,#f1fffc)}.trust-note-ai{border-left-color:color-mix(in srgb, var(--accent-2) 72%, var(--primary))}.health-example-grid,.finance-example-grid,.utility-example-grid{grid-template-columns:1fr}.health-tool-points span{background:linear-gradient(135deg,#f1fffc,#fff8fb)}.finance-tool-points span{background:linear-gradient(135deg,#f1fffc,#fffbe2)}.matrix-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.matrix-input-block{background:color-mix(in srgb, var(--surface-solid) 82%, var(--bg));border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:8px;gap:10px;padding:12px;display:grid}.matrix-grid{gap:8px;display:grid}.matrix-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-grid label{gap:4px;display:grid}.matrix-grid span{color:var(--muted);font-size:.68rem;font-weight:850}.advanced-faq-section .faq-list details{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:#ffffffd1}.advanced-faq-section .faq-list details[open]{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}.advanced-faq-section .faq-list summary:after{color:var(--primary-strong);background:#f3fffc}.random-generator{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.random-tool-points{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.random-tool-points span{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 38%, white), color-mix(in srgb, var(--primary) 14%, white));border:1px solid color-mix(in srgb, var(--accent-2) 30%, var(--border));box-shadow:var(--soft-shadow);color:var(--text);border-radius:8px;min-height:38px;padding:9px 14px;font-weight:850}.random-panel,.random-side-panel{backdrop-filter:blur(16px);background:linear-gradient(135deg, #fffffff0, color-mix(in srgb, var(--accent-2) 14%, #ffffffd1));border:1px solid color-mix(in srgb, var(--accent-2) 32%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow)}.random-panel{gap:16px;padding:16px;display:grid}.random-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.random-field{gap:6px;display:grid}.random-field span{color:var(--muted);font-size:.78rem;font-weight:900}.random-field input{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:0;min-height:48px;padding:0 12px;font-size:1.08rem;font-weight:900}.random-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.random-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.random-toggle-grid label{background:var(--surface-solid);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;min-height:76px;padding:12px;display:flex}.random-toggle-grid input{accent-color:var(--primary);flex:none;width:20px;height:20px}.random-toggle-grid strong,.random-toggle-grid small{display:block}.random-toggle-grid strong{color:var(--text);font-size:.96rem;line-height:1.15}.random-toggle-grid small{color:var(--muted);margin-top:4px;line-height:1.35}.random-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.random-actions button:disabled{cursor:not-allowed;opacity:.58}.random-result-card{background:radial-gradient(circle at 12% 18%, #ffffff24, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--primary-strong) 90%, black), color-mix(in srgb, var(--text) 84%, black));color:#fff;border-radius:10px;gap:12px;min-height:180px;padding:16px;display:grid}.random-result-card>span{color:color-mix(in srgb, var(--accent-2) 76%, white);text-transform:uppercase;font-size:.84rem;font-weight:900}.random-result-card>strong{overflow-wrap:anywhere;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1}.random-number-list{flex-wrap:wrap;gap:10px;display:flex}.random-number-list b{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;min-width:64px;min-height:54px;padding:8px 12px;font-size:clamp(1.35rem,4vw,2.1rem);display:inline-flex}.random-result-card p{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:10px;font-weight:850}.random-side-panel{gap:18px;padding:22px;display:grid}.random-side-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.1}.random-example-list{gap:8px;display:grid}.random-example-list button,.random-side-panel li,.random-note{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:12px}.random-example-list button{color:var(--primary-strong);text-align:left;font-weight:950}.random-toggle-grid label:focus-within,.random-example-list button:hover,.random-example-list button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);outline:none}.random-side-panel ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.random-side-panel li{gap:4px;display:grid}.random-side-panel li span{color:var(--muted);font-size:.88rem}.random-side-panel li strong{color:var(--primary-strong);overflow-wrap:anywhere;font-size:1.02rem}.random-note p{color:var(--muted);margin:0;line-height:1.55}.content-section{margin-top:22px;padding:24px}.content-section-narrow{max-width:760px}.content-section p,.instruction-list,.guide-bullet-list,.legal-copy p{color:var(--muted);line-height:1.75}.about-hero,.about-story-grid,.about-section{max-width:var(--container);margin:0 auto;padding:0 22px}.about-hero{grid-template-columns:minmax(0,1.05fr) minmax(330px,.78fr);align-items:center;gap:34px;min-height:560px;padding-top:18px;padding-bottom:54px;display:grid}.about-hero-copy{gap:18px;display:grid}.about-hero h1{max-width:920px;margin:0;font-size:clamp(3rem,5.4vw,6rem);line-height:.92}.about-hero-copy>p:not(.breadcrumb):not(.about-kicker),.about-section-header p,.about-story-panel p,.about-note-panel p,.about-rule-card p,.about-roadmap-card p{color:var(--muted);line-height:1.7}.about-hero-copy>p:not(.breadcrumb):not(.about-kicker){max-width:760px;font-size:1.07rem}.about-kicker{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.about-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.about-hero-actions a{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 16px;font-weight:950;text-decoration:none;display:inline-flex}.about-hero-actions .primary-action{background:var(--primary);border:1px solid var(--primary);box-shadow:var(--soft-shadow);color:#fff}.about-hero-actions .secondary-action{background:var(--surface-solid);border:1px solid var(--border);color:var(--primary-strong)}.about-visual{background:linear-gradient(140deg, color-mix(in srgb, var(--surface-solid) 90%, transparent), color-mix(in srgb, var(--primary-soft) 26%, var(--surface-solid))), var(--surface-solid);border:1px solid var(--border);box-shadow:0 24px 60px color-mix(in srgb, var(--primary) 18%, transparent);border-radius:12px;gap:16px;padding:20px;display:grid}.about-visual-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.about-visual-topline span,.about-command-line span,.about-stat-grid span,.about-tool-stack span{color:var(--muted)}.about-command-line{background:color-mix(in srgb, var(--text) 88%, black);color:#fff;border-radius:10px;align-items:center;gap:10px;min-height:58px;padding:13px 14px;display:flex}.about-command-line span,.about-command-line strong{color:#fff}.about-command-line strong{margin-left:auto}.about-command-dot{background:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 18%, transparent);border-radius:999px;flex:0 0 10px;width:10px;height:10px}.about-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.about-stat-grid div,.about-rule-card,.about-roadmap-card,.about-story-panel,.about-note-panel{background:color-mix(in srgb, var(--surface-solid) 82%, transparent);border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:8px}.about-stat-grid div{gap:2px;padding:14px;display:grid}.about-stat-grid strong{color:var(--primary-strong);font-size:1.65rem;line-height:1}.about-tool-stack{flex-wrap:wrap;gap:8px;display:flex}.about-tool-stack span{background:color-mix(in srgb, var(--primary-soft) 28%, white);border:1px solid color-mix(in srgb, var(--border) 72%, transparent);color:var(--text);border-radius:999px;padding:8px 10px;font-size:.88rem;font-weight:850}.about-story-grid{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);align-items:stretch;gap:18px;padding-bottom:26px;display:grid}.about-story-panel,.about-note-panel{padding:24px}.about-story-panel h2,.about-note-panel h2,.about-section-header h2{margin:0 0 14px;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.about-note-panel{align-content:center;gap:12px;display:grid}.about-section{padding-top:12px;padding-bottom:34px}.about-section-header{gap:10px;max-width:820px;margin-bottom:16px;display:grid}.about-rules-grid,.about-roadmap-grid{gap:14px;display:grid}.about-rules-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about-roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-rule-card,.about-roadmap-card{gap:10px;padding:18px;display:grid}.about-rule-card h3,.about-roadmap-card h3{margin:0;font-size:1.05rem}.about-rule-card p,.about-roadmap-card p,.about-story-panel p,.about-note-panel p{margin:0}.contact-form{gap:16px;margin:22px 0;display:grid}.contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-field{color:var(--text);gap:8px;font-weight:850;display:grid}.contact-field span{font-size:.9rem}.contact-field input,.contact-field select,.contact-field textarea{background:var(--surface-solid);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-height:48px;padding:11px 12px}.contact-field textarea{resize:vertical;line-height:1.55}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:none}.contact-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contact-actions button:disabled{cursor:wait;opacity:.72}.contact-status{color:var(--muted);margin:0;font-weight:800}.contact-status[data-state=success]{color:var(--primary-strong)}.contact-status[data-state=error]{color:var(--danger)}.analytics-admin-hero,.analytics-panel{max-width:1180px}.analytics-login-form{gap:14px;display:grid}.analytics-login-form label{color:var(--text);gap:8px;font-weight:800;display:grid}.analytics-login-form input{border:1px solid var(--border);font:inherit;border-radius:8px;min-height:48px;padding:10px 12px}.analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.analytics-metric-grid article{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;gap:8px;padding:18px;display:grid}.analytics-metric-grid span,.sitemap-link-grid span{color:var(--muted);font-size:.9rem;font-weight:800}.analytics-metric-grid strong{color:var(--text);font-size:2.2rem;line-height:1}.analytics-metric-grid p{color:var(--muted);margin:0}.analytics-table-wrap{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;min-width:680px}.analytics-table th,.analytics-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 10px}.analytics-table th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.analytics-table a,.analytics-ranked-list a,.sitemap-link-grid a{color:var(--accent-strong)}.analytics-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.analytics-ranked-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.analytics-ranked-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.analytics-ranked-list li span:last-child{color:var(--text);font-weight:900}.analytics-opt-out-actions{flex-wrap:wrap;gap:10px;display:flex}.analytics-opt-out-status{color:var(--muted);font-weight:800}.tool-interaction-surface{display:contents}.sitemap-overview-band,.sitemap-section{max-width:1180px}.sitemap-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sitemap-link-grid a{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;gap:8px;min-height:108px;padding:16px;text-decoration:none;display:grid}.sitemap-link-grid strong{color:var(--text)}.sitemap-tool-grid,.sitemap-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instruction-list,.guide-bullet-list{padding-left:22px}.guide-bullet-list{gap:8px;margin:16px 0 0;display:grid}.guide-bullet-list li::marker{color:var(--brand)}.source-link-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.source-link-list a{color:var(--primary-strong);font-weight:850}.guide-question-list{gap:12px;display:grid}.guide-question-list article,.guide-link-list li{background:color-mix(in srgb, var(--bg) 74%, white);border:1px solid color-mix(in srgb, var(--border) 62%, transparent);border-radius:8px;padding:14px}.guide-question-list h3{margin-bottom:6px;font-size:1rem}.guide-question-list p{margin:0}.guide-link-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.guide-link-list a{color:var(--primary-strong);margin-bottom:4px;font-weight:900;display:inline-block}.guide-link-list span{color:var(--muted);line-height:1.55;display:block}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feature-list p{background:color-mix(in srgb, var(--bg) 74%, white);border:1px solid color-mix(in srgb, var(--border) 62%, transparent);border-radius:8px;margin:0;padding:14px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.example-grid article{background:color-mix(in srgb, var(--bg) 74%, white);border:1px solid color-mix(in srgb, var(--border) 62%, transparent);overflow-wrap:anywhere;border-radius:8px;min-width:0;padding:16px}.example-grid span,.example-grid h3{color:var(--muted);margin:0;font-size:.86rem;font-weight:850;line-height:1.2;display:block}.advanced-color-control{grid-template-columns:56px minmax(0,1fr);gap:8px;display:grid}.advanced-color-control .advanced-color-swatch{cursor:pointer;width:56px;height:48px;min-height:48px;padding:4px}.advanced-color-swatch::-webkit-color-swatch-wrapper{padding:0}.advanced-color-swatch::-webkit-color-swatch{border:0;border-radius:4px}.advanced-color-swatch::-moz-color-swatch{border:0;border-radius:4px}.example-grid strong{overflow-wrap:anywhere;margin-top:10px;font-size:1.2rem;display:block}.example-grid p{color:var(--primary-strong);overflow-wrap:anywhere;margin:10px 0 0;font-size:1.5rem;font-weight:950}.section-title-block{margin-bottom:16px}.section-title-block h2{margin-bottom:8px}.section-title-block p{max-width:680px;margin:0}.faq-list{gap:12px;display:grid}.faq-list details{background:color-mix(in srgb, var(--bg) 74%, white);border:1px solid color-mix(in srgb, var(--border) 62%, transparent);border-radius:8px;overflow:hidden}.faq-list details[open]{background:color-mix(in srgb, var(--surface-solid) 92%, var(--bg));border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}.faq-list summary{cursor:pointer;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:14px;min-height:58px;padding:0 16px;font-weight:900;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{background:color-mix(in srgb, var(--bg) 72%, white);border:1px solid var(--border);color:var(--primary-strong);content:"+";border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.25rem;font-weight:900;line-height:1;display:inline-flex}.faq-list details[open] summary:after{content:"-"}.faq-list details p{border-top:1px solid color-mix(in srgb, var(--border) 54%, transparent);margin:0;padding:0 16px 16px}.kawaii-faq-section{background:radial-gradient(circle at 14% 18%,#ffe4f0e6 0 30px,#0000 31px),linear-gradient(135deg,#fffafdf5,#e8fffae6);border-color:#ffa7c675}.kawaii-faq-section .section-title-block h2{color:#321527}.kawaii-faq-section .faq-list details{background:#ffffffc2;border-color:#ff8fb559;border-radius:18px;box-shadow:0 10px 22px #b8487a14}.kawaii-faq-section .faq-list details[open]{background:#fffafd;border-color:#ff7eaa94}.kawaii-faq-section .faq-list summary{color:#321527;min-height:62px}.kawaii-faq-section .faq-list summary:after{color:#b73f73;background:linear-gradient(#fff8fb,#ffe2ee);border-color:#ff7eaa80}.kawaii-faq-section .faq-list details p{border-top-color:#ff8fb53d}.scientific-faq-section{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:linear-gradient(135deg,#fffffff5,#e8fffae6)}.scientific-faq-section .faq-list details{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));background:#ffffffd1}.scientific-faq-section .faq-list details[open]{border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}.scientific-faq-section .faq-list summary:after{background:color-mix(in srgb, var(--primary) 16%, white);color:var(--primary-strong)}.percentage-faq-section .faq-list details{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:#ffffffd1}.percentage-faq-section .faq-list details[open]{border-color:color-mix(in srgb, var(--accent) 52%, var(--border))}.percentage-faq-section .faq-list summary:after{background:color-mix(in srgb, var(--accent) 32%, white);color:var(--primary-strong)}.half-life-faq-section .faq-list details{border-color:color-mix(in srgb, #2d8068 24%, var(--border));background:#ffffffd1}.half-life-faq-section .faq-list details[open]{border-color:color-mix(in srgb, #2d8068 48%, var(--border))}.half-life-faq-section .faq-list summary:after{color:color-mix(in srgb, #275a47 82%, var(--primary-strong));background:#e2fbf3}.log-faq-section .faq-list details{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:#ffffffd1}.log-faq-section .faq-list details[open]{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}.log-faq-section .faq-list summary:after{color:var(--primary-strong);background:#e2fbf3}.ratio-faq-section .faq-list details{border-color:color-mix(in srgb, #d88916 24%, var(--border));background:#ffffffd1}.ratio-faq-section .faq-list details[open]{border-color:color-mix(in srgb, #d88916 48%, var(--border))}.ratio-faq-section .faq-list summary:after{color:color-mix(in srgb, #7a4308 78%, var(--primary-strong));background:#fff2d2}.root-faq-section .faq-list details{border-color:color-mix(in srgb, #4966c7 22%, var(--border));background:#ffffffd1}.root-faq-section .faq-list details[open]{border-color:color-mix(in srgb, #4966c7 46%, var(--border))}.root-faq-section .faq-list summary:after{color:color-mix(in srgb, #243b7a 78%, var(--primary-strong));background:#eaf3ff}.quadratic-faq-section .faq-list details{border-color:color-mix(in srgb, #4966c7 22%, var(--border));background:#ffffffd1}.quadratic-faq-section .faq-list details[open]{border-color:color-mix(in srgb, #4966c7 46%, var(--border))}.quadratic-faq-section .faq-list summary:after{color:color-mix(in srgb, #243b7a 78%, var(--primary-strong));background:#eaf3ff}.binary-faq-section .faq-list details{border-color:color-mix(in srgb, var(--primary) 26%, var(--border));background:#ffffffd1}.binary-faq-section .faq-list details[open]{border-color:color-mix(in srgb, var(--primary) 52%, var(--border))}.binary-faq-section .faq-list summary:after{color:var(--primary-strong);background:#e2fbf3}.hex-faq-section .faq-list details{border-color:color-mix(in srgb, #d88916 26%, var(--border));background:#ffffffd1}.hex-faq-section .faq-list details[open]{border-color:color-mix(in srgb, #d88916 52%, var(--border))}.hex-faq-section .faq-list summary:after{color:color-mix(in srgb, #7a4308 80%, var(--primary-strong));background:#fff2d0}.fraction-faq-section .faq-list details{border-color:color-mix(in srgb, #d6a916 22%, var(--border));background:#ffffffd1}.fraction-faq-section .faq-list details[open]{border-color:color-mix(in srgb, #d6a916 46%, var(--border))}.fraction-faq-section .faq-list summary:after{color:var(--primary-strong);background:#fff9da}.trust-note{background:color-mix(in srgb, var(--surface-solid) 86%, transparent);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));border-left:5px solid var(--primary);border-radius:8px;align-items:start;gap:6px;margin:18px 0;padding:16px 18px;display:grid}.trust-note strong{color:var(--text);font-size:1rem}.trust-note p{color:var(--muted);margin:0;line-height:1.55}.trust-note-health{border-left-color:color-mix(in srgb, var(--accent-2) 80%, var(--primary))}.trust-note-finance{border-left-color:color-mix(in srgb, var(--accent) 80%, var(--primary))}.trust-note-utility{border-left-color:color-mix(in srgb, #7cc5ff 72%, var(--primary))}.site-footer{border-top:1px solid var(--border);color:var(--muted);flex-direction:column;gap:18px;margin-top:48px;padding-top:28px;padding-bottom:32px;display:flex}.site-footer>div{width:min(100%,520px);min-width:0;max-width:520px}.site-footer>div p{max-width:42rem;margin-bottom:0}.site-footer nav{flex-wrap:wrap;gap:12px;min-width:0;display:flex}.site-footer nav a{color:var(--muted);white-space:nowrap;font-weight:800}.footer-note{margin:0}.footer-brand{white-space:nowrap}.tools-launchpad{max-width:var(--container);margin:0 auto;padding:10px 22px 54px}.tools-hero{grid-template-columns:1fr;align-items:stretch;gap:28px;margin-bottom:16px;display:grid}.tools-hero-copy{max-width:860px}.tools-hero-copy h1{letter-spacing:0;margin:14px 0 0;font-size:clamp(2.8rem,5.4vw,5rem);line-height:.92}.tools-hero-copy .tools-title-art{isolation:isolate;width:fit-content;max-width:100%;margin:12px 0 0;padding:0 0 .36em;line-height:1;position:relative}.tools-title-text{background:linear-gradient(112deg, var(--text) 0%, var(--primary-strong) 54%, var(--primary) 100%);color:var(--text);filter:drop-shadow(0 .08em 0 color-mix(in srgb, var(--surface-solid) 74%, transparent));-webkit-text-fill-color:transparent;max-width:100%;text-shadow:0 .05em 0 color-mix(in srgb, var(--surface-solid) 80%, transparent);z-index:1;background-clip:text;font-weight:950;display:inline-block;position:relative}.tools-title-ribbon{pointer-events:none;z-index:0;width:100%;max-width:100%;height:auto;display:block;position:absolute;bottom:-.02em;left:0;overflow:hidden}.tools-hero-copy p:not(.breadcrumb){color:var(--muted);max-width:760px;font-size:1.08rem;line-height:1.7}.tool-glyph{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, white), color-mix(in srgb, var(--accent) 42%, white));border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);color:var(--primary-strong);border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.tool-glyph svg{width:28px;height:28px;display:block;overflow:visible}.results-heading a{color:var(--primary-strong);align-items:center;gap:8px;font-weight:900;display:inline-flex}.tool-command-bar{background:var(--surface-solid);border:2px solid color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:var(--soft-shadow);border-radius:8px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:12px;min-height:56px;margin-bottom:12px;padding:0 14px;display:grid}.tool-command-bar label{color:var(--primary-strong);text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:950}.tool-command-bar input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-height:50px;font-size:1rem}.tool-command-bar kbd{background:color-mix(in srgb, var(--bg) 70%, white);border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:.78rem;font-weight:850}.launchpad-filter-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.launchpad-filter-row button,.category-rail button{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:900;display:inline-flex}.launchpad-filter-row button[aria-pressed=true],.category-rail button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.launchpad-grid{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px;display:grid}.category-rail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--soft-shadow);gap:8px;padding:10px;display:grid;position:sticky;top:12px}.category-rail button{justify-content:start;width:100%;min-height:46px}.category-rail button small{margin-left:auto}.library-results{min-width:0}.results-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.results-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.results-heading p{color:var(--muted);margin:8px 0 0;line-height:1.55}.launchpad-status-note{color:var(--muted);margin:-4px 0 14px;font-size:.95rem;font-weight:800}.launchpad-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.launchpad-show-more{background:var(--surface-solid);border:1px solid color-mix(in srgb, var(--primary) 34%, var(--border));color:var(--primary-strong);cursor:pointer;font:inherit;border-radius:8px;justify-content:center;align-items:center;min-height:44px;margin-top:18px;padding:10px 18px;font-weight:900;display:inline-flex}.launchpad-show-more:hover{background:color-mix(in srgb, var(--primary) 9%, var(--surface-solid))}.launchpad-tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;min-height:238px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:inset 0 1px #ffffff85}.launchpad-tool-card:hover{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));box-shadow:var(--soft-shadow);transform:translateY(-2px)}.card-topline{justify-content:flex-start;align-items:center;display:flex}.launchpad-tool-card strong{font-size:1.18rem;line-height:1.15}.launchpad-tool-card p{color:var(--muted);margin:0;line-height:1.55}.card-link{color:var(--primary-strong);align-items:center;gap:7px;margin-top:auto;font-weight:950;display:inline-flex}.empty-results{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);padding:32px}.empty-results h2{color:var(--text);margin-bottom:0}.blog-hub{max-width:var(--container);margin:0 auto;padding:22px}.blog-hero{max-width:820px;margin-bottom:24px}.blog-hero h1{letter-spacing:0;margin:18px 0 0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.9}.blog-hero p:not(.breadcrumb){color:var(--muted);font-size:1.08rem;line-height:1.7}.guide-feature-panel{gap:18px;margin-bottom:22px;padding:20px;display:grid}.guide-feature-panel h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.35rem);line-height:1.06}.guide-feature-panel p:not(.section-kicker){color:var(--muted);max-width:780px;margin:10px 0 0;line-height:1.65}.blog-search-panel{background:color-mix(in srgb, var(--surface) 86%, transparent);border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:var(--radius);box-shadow:var(--soft-shadow);gap:14px;margin:0 0 22px;padding:18px;display:grid}.blog-search-heading{gap:6px;display:grid}.blog-search-heading h2{margin:0;font-size:2rem;line-height:1.08}.blog-search-heading p{color:var(--muted);max-width:720px;margin:0;line-height:1.55}.blog-search-bar{background:var(--surface-solid);border:2px solid color-mix(in srgb, var(--primary) 34%, var(--border));box-shadow:var(--soft-shadow);border-radius:8px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;min-height:56px;padding:0 14px;display:grid}.blog-search-bar label{color:var(--primary-strong);text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:950}.blog-search-bar input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-height:50px;font-size:1rem}.blog-search-count{color:var(--muted);margin:0;font-weight:800}.blog-list-grid{grid-template-columns:repeat(2,minmax(0,520px));gap:14px;display:grid}.blog-post-card,.article-sidecar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--soft-shadow);padding:20px}.blog-post-card{gap:14px;min-height:250px;display:grid}.blog-post-card span,.blog-article-header span{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:950}.blog-post-card h2,.blog-post-card h3{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}.blog-post-card p,.blog-article-header p,.article-sidecar p{color:var(--muted);margin:0;line-height:1.6}.blog-article{max-width:var(--container);margin:0 auto;padding:22px}.blog-article-header{max-width:860px;padding-bottom:12px}.blog-article-header h1{letter-spacing:0;margin:16px 0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.02}.blog-article-header .article-meta-line{color:var(--primary-strong);margin-bottom:12px;font-size:.92rem;font-weight:850}.blog-article-header .button-primary{margin-top:22px}.tool-art-figure{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-solid) 90%, transparent), color-mix(in srgb, var(--surface) 76%, transparent));border:1px solid var(--border);border-radius:8px;max-width:860px;margin:22px 0;overflow:clip;box-shadow:0 20px 55px #1118271f}.tool-art-figure img{aspect-ratio:1200/630;object-fit:contain;background:#0c1119;width:100%;height:auto;display:block}.tool-art-figure figcaption{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.tool-art-figure figcaption span{color:var(--muted);font-size:.92rem;line-height:1.45}.tool-art-figure figcaption a{color:var(--primary-strong);flex:none;font-size:.9rem;font-weight:850}.video-embed-shell{aspect-ratio:16/9;border:1px solid var(--border);background:#0c1119;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 18px 44px #1118271f}.video-embed-shell iframe{border:0;width:100%;height:100%;display:block}.blog-article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.blog-article-body{min-width:0}.blog-article-body a,.article-sidecar a{overflow-wrap:anywhere}.editorial-article .article-flow-section{backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-top:28px;padding:0}.editorial-article .article-flow-section+.article-flow-section{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);padding-top:28px}.editorial-article .article-flow-section>h2{overflow-wrap:anywhere;margin-bottom:10px;line-height:1.14}.editorial-article .article-source-note{color:var(--muted);margin:0 0 18px;font-size:.92rem;line-height:1.45}.editorial-article .article-source-note a{color:var(--primary-strong);font-weight:700;text-decoration:none}.editorial-article .article-source-note a:hover,.editorial-article .article-source-note a:focus-visible{color:var(--primary);text-underline-offset:.18em;text-decoration:underline}.editorial-article-header{max-width:920px}.editorial-article-header h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.08}.editorial-article-header>p:not(.article-meta-line){max-width:760px;font-size:1.08rem}.editorial-article-header .article-meta-line a{color:inherit;text-underline-offset:.18em}.editorial-hero-figure{max-width:920px}.editorial-article-layout{grid-template-columns:minmax(0,760px) minmax(220px,260px);gap:44px;max-width:1080px}.editorial-article-body{font-size:1.02rem}.editorial-article-body h2{letter-spacing:0;font-size:clamp(1.7rem,3vw,2.45rem)}.editorial-article-body h3{letter-spacing:0;margin:24px 0 8px;font-size:1.25rem;line-height:1.3}.editorial-article-body li{margin-bottom:8px;line-height:1.65}.editorial-article-body code{overflow-wrap:anywhere}.editorial-article .editorial-sidecar{border:0;border-left:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:4px 0 4px 22px}.editorial-related-links{gap:20px;margin:22px 0 0;padding:0;list-style:none;display:grid}.editorial-related-links li{gap:5px;display:grid}.editorial-related-links a{color:var(--primary-strong);text-underline-offset:.18em;font-weight:900;line-height:1.3;text-decoration-thickness:1px}.editorial-related-links span{color:var(--muted);font-size:.9rem;line-height:1.5}.editorial-sources{margin-bottom:0}.editorial-disclosure{border-top:1px solid var(--border);color:var(--muted);margin-top:30px;padding-top:20px}.editorial-disclosure strong{color:var(--text)}.editorial-disclosure p{margin:6px 0 0;line-height:1.65}.editorial-table-shell{border:1px solid var(--border);border-radius:8px;max-width:100%;margin:20px 0;overflow-x:auto}.editorial-comparison-table{border-collapse:collapse;width:100%;min-width:620px}.editorial-comparison-table th,.editorial-comparison-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:13px 15px;line-height:1.5}.editorial-comparison-table th{background:color-mix(in srgb, var(--primary) 8%, var(--surface-solid));color:var(--text);font-size:.9rem}.editorial-comparison-table td{color:var(--muted)}.editorial-comparison-table tbody tr:last-child td{border-bottom:0}.editorial-checklist{gap:12px;margin:20px 0 0;padding-left:24px;display:grid}.editorial-checklist strong{color:var(--text)}.article-sidecar{position:sticky;top:16px}.article-sidecar h2{margin:0 0 10px;font-size:1.35rem;line-height:1.1}.article-sidecar .button-primary{width:100%;margin-top:18px}@media (width<=1080px){.site-header{grid-template-columns:minmax(0,1fr) auto}.site-nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-start;row-gap:4px}.theme-picker{grid-area:1/2;justify-self:end}.blog-article-layout{grid-template-columns:1fr}.article-sidecar{position:static}.editorial-article .editorial-sidecar{border-left:0;border-top:1px solid var(--border);padding:24px 0 0}}.kawaii-guide-visual{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);align-items:center;gap:18px;display:grid}.kawaii-guide-visual img{filter:drop-shadow(0 18px 26px #aa4e7729);object-fit:contain;justify-self:center;max-width:100%;height:auto;max-height:240px;display:block}.shortcut-table{gap:8px;display:grid}.shortcut-table div{background:color-mix(in srgb, var(--bg) 74%, white);border:1px solid color-mix(in srgb, var(--border) 62%, transparent);border-radius:8px;grid-template-columns:minmax(100px,.35fr) 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.shortcut-table strong{color:var(--text)}.shortcut-table span{color:var(--muted)}@media (width<=980px){.site-header,.home-hero,.tools-hero,.launchpad-grid,.category-snapshot-card,.calculator-tool,.scientific-calculator,.percentage-calculator,.percent-error-calculator,.half-life-calculator,.exponent-calculator,.log-calculator,.ratio-calculator,.absolute-calculator,.root-calculator,.quadratic-calculator,.binary-calculator,.fraction-calculator,.random-generator,.advanced-calculator,.kawaii-tool-hero,.blog-article-layout,.category-context-grid,.visual-seo-strip,.kawaii-guide-visual,.tool-title-row,.section-heading,.about-hero,.about-story-grid{grid-template-columns:1fr}.site-header,.home-hero,.tool-title-row,.section-heading{display:grid}.tool-title-actions{justify-content:flex-start}.site-nav{flex-wrap:wrap;grid-area:auto;justify-content:flex-start;row-gap:4px}.theme-picker{grid-area:auto;justify-self:start}.tool-grid,.category-grid,.example-grid,.standout-grid,.category-snapshot-tools,.feature-list,.launchpad-tool-grid,.category-stat-grid,.half-life-mode-grid,.half-life-fields,.discovery-link-grid,.log-quick-grid,.log-fields,.ratio-quick-grid,.ratio-fields,.absolute-quick-grid,.absolute-fields,.root-quick-grid,.root-fields,.quadratic-quick-grid,.quadratic-fields,.percentage-mode-grid,.random-toggle-grid,.advanced-fields,.advanced-quick-grid,.matrix-inputs,.gallery-category-grid,.gallery-grid,.about-rules-grid,.about-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-snapshot-meta,.category-snapshot-tools{grid-area:auto}.fraction-input-grid{grid-template-columns:1fr}.fraction-operator-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.category-rail,.article-sidecar{position:static}.kawaii-tool-hero img{max-height:280px}.about-hero{min-height:0}}@media (width<=640px){.site-header{align-items:flex-start}.site-nav{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.theme-picker{width:auto;max-width:100%}.theme-picker-panel{width:min(224px,100vw - 44px);left:0;right:auto}.hero-copy h1,.page-intro h1,.about-hero h1{font-size:3rem}.tool-title-row h1{font-size:2.4rem}.tool-title-actions{grid-template-columns:1fr;width:100%;display:grid}.tool-title-actions .button-primary,.tool-title-actions .button-secondary{width:100%}.tool-grid,.category-grid,.category-snapshot-tools,.example-grid,.standout-grid,.hero-proof-grid,.feature-list,.calculator-actions,.percentage-actions,.percentage-fields,.percentage-mode-grid,.percentage-reverse-type,.percent-error-actions,.percent-error-fields,.percent-error-result-card dl,.half-life-actions,.half-life-fields,.half-life-mode-grid,.half-life-result-card dl,.quadratic-actions,.quadratic-fields,.quadratic-quick-grid,.quadratic-result-card dl,.exponent-actions,.exponent-fields,.exponent-quick-grid,.exponent-result-card dl,.log-actions,.log-fields,.log-quick-grid,.log-result-card dl,.ratio-actions,.ratio-fields,.ratio-mode-grid,.ratio-quick-grid,.ratio-result-card dl,.root-actions,.root-fields,.root-quick-grid,.root-result-card dl,.binary-actions,.binary-operator-grid,.binary-quick-grid,.binary-result-card dl,.random-actions,.random-settings-grid,.random-toggle-grid,.advanced-calculator-big-number .advanced-actions,.advanced-actions,.advanced-fields,.advanced-mode-grid,.advanced-quick-grid,.advanced-result-card dl,.matrix-inputs,.matrix-operation-grid,.fraction-actions,.fraction-actions-two,.fraction-compare-grid,.fraction-fieldset,.fraction-result-card dl,.launchpad-tool-grid,.blog-list-grid,.category-stat-grid,.category-context-grid,.hero-quick-links,.discovery-link-grid,.visual-seo-links,.contact-grid,.about-stat-grid,.about-rules-grid,.about-roadmap-grid,.analytics-metric-grid,.analytics-two-column,.sitemap-link-grid,.sitemap-tool-grid,.sitemap-guide-grid,.gallery-category-grid,.gallery-grid,.shortcut-table div{grid-template-columns:1fr}.tool-art-figure figcaption{align-items:start;display:grid}.absolute-guide-card .button-secondary{justify-self:stretch}.absolute-marker{min-width:50px}.blog-hero h1,.blog-article-header h1{font-size:3rem}.blog-search-heading h2{font-size:1.55rem}.tools-launchpad{padding-top:10px}.tools-hero-copy h1{font-size:3rem}.tool-command-bar,.blog-search-bar{grid-template-columns:auto 1fr;gap:8px;padding:10px 12px}.tool-command-bar label,.tool-command-bar kbd,.blog-search-bar label{display:none}.tool-command-bar input,.blog-search-bar input{min-height:46px}.category-rail{grid-template-columns:1fr}.results-heading{align-items:start;display:grid}.calculator-panel{padding:12px}.calc-key{min-height:58px}.scientific-toolbar{align-items:stretch;display:grid}.scientific-keypad{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.scientific-key{min-height:44px;padding:0 4px;font-size:.78rem}.kawaii-tool-hero{padding:18px}.kawaii-tool-hero h2{font-size:2.45rem}.kawaii-tool-hero img{max-height:230px}.content-section{padding:18px}.about-hero,.about-story-grid,.about-section{padding-left:16px;padding-right:16px}.about-hero{gap:22px;padding-bottom:32px}.about-story-panel,.about-note-panel,.about-visual{padding:18px}.about-hero-actions a{width:100%}}@media (width<=360px){.tools-hero-copy h1{font-size:2.4rem}}.four-row-game{--four-row-teal:#0b8178;--four-row-coral:#e66a4d;--four-row-board:#173a35;--four-row-slot:#f6faf6;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--soft-shadow);max-width:820px;margin:24px 0;padding:24px}.four-row-game button{background:var(--surface-lift);border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-weight:800;display:inline-flex}.four-row-game button:hover:not(:disabled){border-color:var(--primary)}.four-row-game button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 70%, white);outline-offset:3px}.four-row-game button:disabled{cursor:not-allowed;opacity:.46}.four-row-game__topline{justify-content:space-between;align-items:start;gap:18px;display:flex}.four-row-game__topline h2{margin:2px 0 0;font-size:1.65rem;line-height:1.15}.four-row-game__eyebrow{color:var(--primary-strong);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.four-row-game__mode{background:var(--bg);border:1px solid var(--border);border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.four-row-game__mode button{white-space:nowrap;border-color:#0000}.four-row-game__mode button.is-active{background:var(--primary);color:#fff}.four-row-game__score{border-bottom:1px solid var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;margin:20px 0 0;padding:12px 0;display:grid}.four-row-game__score span{color:var(--muted);justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.four-row-game__score strong{color:var(--text)}.four-row-piece{border:2px solid #111c1a59;border-radius:50%;flex:0 0 18px;width:18px;height:18px;display:inline-block}.four-row-piece--one{background:repeating-linear-gradient(45deg, var(--four-row-teal) 0 4px, #58c3b7 4px 7px)}.four-row-piece--two{background:repeating-linear-gradient(-45deg, var(--four-row-coral) 0 4px, #ffad91 4px 7px)}.four-row-game__status{color:var(--text);text-align:center;min-height:24px;margin:16px 0 10px;font-weight:850}.four-row-game__column-controls,.four-row-game__board{grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:620px;margin-inline:auto;display:grid}.four-row-game__column-controls{gap:6px;margin-bottom:8px}.four-row-game__column-controls button{flex-direction:column;gap:0;min-height:52px;padding:4px}.four-row-game__column-controls button span{font-size:.72rem;line-height:1}.four-row-game__board{aspect-ratio:7/6;background:var(--four-row-board);border:4px solid #0c2925;border-radius:8px;gap:clamp(4px,1.1cqi,10px);padding:clamp(7px,1.5cqi,14px);box-shadow:inset 0 0 0 2px #ffffff14;container-type:inline-size}.four-row-game__slot{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.four-row-game__row{display:contents}.four-row-game__slot i{aspect-ratio:1;background:var(--four-row-slot);border:2px solid #051815b3;border-radius:50%;width:100%;max-width:100%;max-height:100%;display:block;box-shadow:inset 0 3px 7px #0f332e29}.four-row-game__slot.has-one i{background:repeating-linear-gradient(45deg, var(--four-row-teal) 0 8px, #51bfb4 8px 13px)}.four-row-game__slot.has-two i{background:repeating-linear-gradient(-45deg, var(--four-row-coral) 0 8px, #ffad91 8px 13px)}.four-row-game__slot.has-one i,.four-row-game__slot.has-two i{border-color:#111c1abf;animation:.18s ease-out four-row-drop;box-shadow:inset 0 0 0 3px #ffffff2e,0 2px 4px #0414124d}.four-row-game__slot.is-winning i{box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #c4ed63,0 0 16px #c4ed63cc}.four-row-game__actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.four-row-game__actions .primary{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes four-row-drop{0%{opacity:.4;transform:translateY(-18%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.four-row-game__slot.has-one i,.four-row-game__slot.has-two i{animation:none}}@media (width<=700px){.four-row-game{margin-inline:-2px;padding:16px}.four-row-game__topline{display:grid}.four-row-game__mode{width:100%}.four-row-game__score{font-size:.84rem}}@media (width<=430px){.four-row-game{padding:12px}.four-row-game__mode{grid-template-columns:1fr}.four-row-game__score{gap:5px}.four-row-game__score span{text-align:center;flex-wrap:wrap;gap:4px;line-height:1.2}.four-row-game__column-controls{gap:2px}.four-row-game__column-controls button{min-width:0;min-height:48px}.four-row-game__column-controls button span{display:none}.four-row-game__board{border-width:3px;gap:4px;padding:6px}}@media (width<=350px){.four-row-game__column-controls{grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px}.four-row-game__column-controls button{flex-direction:row;min-width:44px}.four-row-game__column-controls button span{display:inline}}