:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f4ef;--surface:#fffaf3;--surface-2:#f0eadf;--text:#151719;--muted:#63605a;--line:#ded5c7;--accent:#136f63;--accent-2:#a1402f;--accent-3:#3559a4;--shadow:0 24px 70px #3a30251f;--radius:8px;--shell:min(1180px, calc(100vw - 32px))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111316;--surface:#171a1f;--surface-2:#20242b;--text:#f1efe9;--muted:#a6a29a;--line:#303641;--accent:#5cc7b7;--accent-2:#e07860;--accent-3:#8eb0ff;--shadow:0 24px 70px #00000052}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #136f6314, transparent 360px), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{width:var(--shell);margin:0 auto}.site-header{z-index:10;background:color-mix(in oklab, var(--bg) 86%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.brand{align-items:center;gap:12px;font-size:17px;display:inline-flex}.brand small{color:var(--muted);font-size:12px;line-height:1.1;display:block}.brand-mark{background:var(--text);width:38px;height:38px;color:var(--bg);border-radius:8px;place-items:center;font-weight:800;display:grid}.primary-nav,.site-footer nav{color:var(--muted);gap:18px;font-size:14px;display:flex}.primary-nav a:hover,.site-footer a:hover{color:var(--text)}.quick-strip{min-height:38px;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex;overflow-x:auto}.quick-strip a,.quick-strip span{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 72%, transparent);border-radius:999px;flex:none;padding:5px 10px}.home-hero{padding:58px 0 34px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:stretch;gap:34px;display:grid}.hero-copy{padding:28px 0}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:880px;margin:0;font-size:clamp(38px,7vw,82px);line-height:.94}h2{margin:0;font-size:28px;line-height:1.08}h3{margin:0;font-size:18px;line-height:1.2}.hero-copy>p:not(.eyebrow),.lead{max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.button{border-radius:var(--radius);justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.button.primary{background:var(--text);color:var(--bg)}.button.secondary{border:1px solid var(--line);background:var(--surface)}.tool-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.tool-search label{font-weight:800}.tool-search input,textarea,output,pre{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text)}.tool-search input{min-height:48px;padding:0 14px}.search-results{gap:10px;display:grid}.search-results a{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab, var(--surface-2) 45%, transparent);gap:4px;padding:12px;display:grid}.search-results span,.tool-card p,.category-card p,.site-footer p{color:var(--muted);line-height:1.5}.section,.page-section,.tool-page{padding:46px 0}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.section-heading>a{color:var(--accent);font-weight:800}.tool-grid,.category-grid,.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card,.category-card,.course-card,.lesson-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:space-between;gap:16px;min-height:178px;padding:16px;display:grid;position:relative}.tool-card:hover,.category-card:hover,.course-card:hover,.lesson-card:hover{border-color:color-mix(in oklab, var(--accent) 60%, var(--line));transform:translateY(-1px)}.tool-card small,.category-card small,.course-card small,.lesson-card small{color:var(--accent-3);font-weight:800}.course-card p,.lesson-card p,.product-pillars p,.learn-hero-grid p{color:var(--muted);line-height:1.55}.course-card span,.lesson-card span{color:var(--accent);font-weight:800}.product-pillars,.learn-hero-grid,.learn-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-pillars>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:start;gap:14px;padding:20px;display:grid}.product-pillars>div:first-child{border-top:4px solid var(--accent)}.product-pillars>div:last-child{border-top:4px solid var(--accent-3)}.status-dot{background:var(--muted);border-radius:999px;width:9px;height:9px;position:absolute;top:16px;right:16px}.status-dot.ready{background:var(--accent)}.trust-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.trust-band>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:20px}.site-footer{border-top:1px solid var(--line);background:color-mix(in oklab, var(--surface) 65%, transparent);margin-top:40px;padding:34px 0}.footer-grid{justify-content:space-between;gap:24px;display:flex}.tool-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;display:grid}.privacy-pill{border:1px solid var(--line);color:var(--accent);background:var(--surface);border-radius:999px;margin:8px 0 20px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.interactive-tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:14px;padding:18px;display:grid}.interactive-tool label{gap:8px;font-weight:800;display:grid}textarea{resize:vertical;min-height:180px;padding:12px}input,select,textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkbox-row{align-content:center;align-items:center;gap:10px!important;display:flex!important}.checkbox-row input{width:18px;height:18px}output,pre{white-space:pre-wrap;min-height:54px;margin:0;padding:12px;display:block;overflow:auto}.segmented{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.segmented .active{background:var(--text);color:var(--bg)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-link{border:1px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex}.file-drop-zone{border:1px dashed color-mix(in oklab, var(--muted) 65%, var(--line));border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:border-color .14s,background .14s;display:flex}.file-drop-zone.active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--surface-2))}.file-drop-zone div{gap:5px;min-width:0;display:grid}.file-drop-zone span{color:var(--muted);overflow-wrap:anywhere}.file-input-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tool-note{color:var(--muted);overflow-wrap:anywhere;margin:0}.tool-error{color:#b42318;margin:0;font-weight:800}.status-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:6px;padding:16px;display:grid}.status-box strong{font-size:20px}.status-box.ok{border-color:color-mix(in oklab, #15803d 45%, var(--line))}.status-box.warn{border-color:color-mix(in oklab, #b45309 45%, var(--line))}.result-list{gap:10px;display:grid}.result-list>div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(110px,.5fr) minmax(0,1.5fr);gap:12px;padding:10px 12px;display:grid}.result-list strong,.result-list span{overflow-wrap:anywhere}.result-list span{color:var(--muted)}.result-list.compact>div{grid-template-columns:minmax(90px,.45fr) minmax(0,1.55fr)}.headers-result{gap:14px;display:grid}.query-param-list{gap:10px;display:grid}.query-param-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.status-code-reference{gap:18px;display:grid}.status-code-reference section{gap:12px;display:grid}.status-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-code-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:12px;padding:14px;display:grid}.status-code-card header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.status-code-card header strong{font-size:30px}.status-code-card header span{color:var(--muted);text-align:right;font-weight:800}.status-code-card p{color:var(--muted);margin:0;line-height:1.55}.status-code-card button{justify-self:start}.qr-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);place-items:center;min-height:260px;padding:18px;display:grid}.qr-preview img{border-radius:8px;width:min(100%,320px);height:auto}.image-preview{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(45deg, color-mix(in oklab, var(--line) 32%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--line) 32%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--line) 32%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--line) 32%, transparent) 75%), var(--surface-2);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-height:280px;padding:18px;display:grid}.image-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:420px;display:block}.image-preview span{color:var(--muted)}.favicon-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.favicon-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-items:start;gap:8px;padding:12px;display:grid}.favicon-grid img{object-fit:contain;image-rendering:auto;width:64px;height:64px}.favicon-grid span{color:var(--muted)}.color-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.color-swatch{border:1px solid var(--line);border-radius:8px;width:72px;height:72px;display:block}.color-preview div{gap:5px;min-width:0;display:grid}.color-preview strong,.color-preview span{overflow-wrap:anywhere}.color-preview span{color:var(--muted)}.contrast-preview{border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:22px;display:grid}.contrast-preview strong{font-size:24px;line-height:1.2}.contrast-preview span{font-weight:800}.markdown-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:10px;padding:18px;display:grid}.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview p,.markdown-preview ul,.markdown-preview pre{margin:0}.markdown-preview ul{padding-left:22px}.markdown-preview a{color:var(--accent);font-weight:800}.markdown-preview code{font-size:.95em}.serp-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:6px;padding:18px;display:grid}.serp-preview span{color:#047857;overflow-wrap:anywhere;font-size:13px}.serp-preview strong{color:#1d4ed8;font-size:20px;line-height:1.25}.serp-preview p{color:var(--muted);margin:0}.metric-row{flex-wrap:wrap;gap:10px;display:flex}.metric{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.metric.ok{color:#15803d}.metric.warn{color:#b45309}.ip-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:6px;padding:18px;display:grid}.ip-box span{color:var(--muted)}.ip-box strong{font-size:clamp(24px,6vw,42px)}.content-block,.side-panel,.admin-card,.admin-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:20px;padding:18px}details{border-top:1px solid var(--line);padding:14px 0}details:first-of-type{border-top:0}summary{cursor:pointer;font-weight:800}.example-list{gap:14px;display:grid}.lesson-code-blocks{gap:16px;display:grid}.lesson-code-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:12px;padding:14px;display:grid}.lesson-code-block>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.lesson-code-block h3{margin:0;font-size:17px}.lesson-code-block span{color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:800}.lesson-code-block p{margin:0}.example-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:10px;padding:14px;display:grid}.example-item p{color:var(--muted);margin:0;line-height:1.55}.example-item strong{color:var(--accent)}.side-list{gap:12px;margin-top:14px;display:grid}.lesson-list{gap:14px;display:grid}.lesson-card{min-height:150px}.lesson-runner{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:14px;margin-top:20px;padding:18px;display:grid}.runner-toolbar{justify-content:space-between;align-items:end;gap:14px;display:flex}.runner-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:14px;display:grid}.runner-grid label{gap:8px;font-weight:800;display:grid}.code-editor{tab-size:2;min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.5}.console-panel{align-content:start;gap:12px;min-width:0;display:grid}.console-panel pre{color:#f0f6fc;background:#0d1117;min-height:160px}.learn-list{color:var(--muted);margin:0;padding-left:20px;line-height:1.65}.learn-callout{border-left:4px solid var(--accent-3);background:color-mix(in oklab, var(--accent-3) 8%, var(--surface))}.beginner-block{border-left:4px solid var(--accent);background:color-mix(in oklab, var(--accent) 8%, var(--surface))}.term-grid{gap:12px;margin:0;display:grid}.term-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(120px,.45fr) minmax(0,1.55fr);gap:12px;padding:12px;display:grid}.term-grid dt{color:var(--accent);font-weight:800}.term-grid dd{color:var(--muted);margin:0;line-height:1.55}.lesson-nav,.side-link-list{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.side-link-list{display:grid}.side-link-list a{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.side-link-list a[aria-current=page]{border-color:var(--accent)}.side-link-list span{background:var(--text);width:28px;height:28px;color:var(--bg);border-radius:999px;place-items:center;font-weight:800;display:grid}.side-list .tool-card{min-height:130px}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.admin-card strong{margin-top:8px;font-size:30px;display:block}.admin-login{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:14px;max-width:420px;padding:18px;display:grid}.admin-login label{gap:8px;font-weight:800;display:grid}.admin-login input{min-height:44px;padding:0 12px}.admin-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.period-tabs,.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period-tabs a{border:1px solid var(--line);min-height:38px;color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.period-tabs a[aria-current=page]{border-color:var(--accent);color:var(--text);background:color-mix(in oklab, var(--accent) 12%, transparent)}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.analytics-list{gap:12px;display:grid}.analytics-row{grid-template-columns:minmax(90px,1fr) minmax(90px,1.4fr) auto;align-items:center;gap:12px;display:grid}.analytics-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.analytics-row div{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.analytics-row i{border-radius:inherit;background:var(--accent);height:100%;display:block}.daily-chart{grid-template-columns:repeat(14,minmax(28px,1fr));align-items:end;gap:10px;min-height:220px;display:grid}.daily-bar{text-align:center;grid-template-rows:18px 1fr 20px;align-items:end;gap:6px;height:210px;display:grid}.daily-bar span,.daily-bar strong{color:var(--muted);font-size:12px}.daily-bar i{background:linear-gradient(180deg, var(--accent), color-mix(in oklab, var(--accent) 40%, var(--text)));border-radius:8px 8px 2px 2px;min-height:8px;display:block}.admin-table{gap:8px;display:grid;overflow:auto}.admin-table>div{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(180px,1fr) minmax(120px,.8fr) minmax(120px,.8fr);gap:12px;min-width:720px;padding:8px 0;display:grid}.admin-table span{color:var(--muted);overflow-wrap:anywhere}@media (max-width:920px){.hero-grid,.tool-layout,.trust-band,.product-pillars,.learn-hero-grid,.learn-layout,.runner-grid{grid-template-columns:1fr}.tool-grid,.category-grid,.course-grid,.admin-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){:root{--shell:min(100vw - 20px, 1180px)}.nav-shell,.footer-grid,.section-heading,.admin-toolbar,.runner-toolbar{flex-direction:column;align-items:start}.primary-nav{justify-content:space-between;width:100%}.home-hero{padding-top:30px}h1{font-size:40px}.tool-grid,.category-grid,.course-grid,.admin-grid,.analytics-grid,.status-code-grid,.query-param-row,.term-grid>div{grid-template-columns:1fr}.file-drop-zone{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}}