@font-face{font-family:'DM Sans';src:url('./dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{color-scheme:light;--bg:#fff;--surface:#f6f6f6;--ink:#181818;--muted:#656565;--line:#e4e4e4;--line-strong:#bfbfbf;--orange:#c45e27;--orange-text:#a3481a;--bar:#b9b9b9;--plot:#333;--error-bg:#fff1eb;--error-text:#872c12;--sans:'DM Sans','Segoe UI','Malgun Gothic',sans-serif;--mono:Consolas,'SFMono-Regular',monospace;--header-height:80px;font-family:var(--sans);font-synthesis:none;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:var(--nav-offset,calc(var(--header-height) + 24px))}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent;transition:color .1s,background-color .1s,border-color .1s}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}[tabindex='-1']:focus:not(:focus-visible){outline:none}h1,h2,h3,p,dl,dd{margin:0}code{font-family:var(--mono);font-variant-numeric:tabular-nums}h2{font-size:1.375rem;font-weight:650;letter-spacing:-.045em;line-height:1.4}h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.025em}.overline{display:block;color:var(--muted);font-size:.8125rem}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:50;top:8px;left:8px;background:var(--ink);color:var(--bg);padding:12px}
.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner,main,footer{width:min(1440px,100%);margin-inline:auto}.header-inner{min-height:var(--header-height);display:flex;align-items:center;gap:56px;padding:0 48px}.brand{font-size:1.75rem;font-weight:850;letter-spacing:-1.6px;line-height:1}.brand span{font-weight:400;margin-left:6px;letter-spacing:-1px}nav{display:flex;gap:28px;align-self:stretch}nav a{display:flex;align-items:center;font-size:.875rem;color:var(--muted);border-bottom:2px solid transparent;padding-top:2px}nav a:hover{color:var(--ink)}nav a[aria-current]{border-bottom-color:var(--ink);color:var(--ink);font-weight:550}.header-note{margin-left:auto;color:var(--muted);font-size:.75rem;white-space:nowrap}main{padding:0 48px}.page-intro{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:48px 0 32px}.page-intro h1{font-size:clamp(2rem,3.8vw,3rem);line-height:1.2;letter-spacing:-.06em;font-weight:700;margin:12px 0}.page-intro p{font-size:1rem;color:var(--muted)}.dataset-stats{display:flex;gap:40px;text-align:right}.dataset-stats dt{font-size:.75rem;color:var(--muted)}.dataset-stats dd{font-size:2.25rem;font-weight:500;line-height:1.2;letter-spacing:-.05em;margin-top:8px;font-variant-numeric:tabular-nums}.dataset-line{padding:20px 24px;background:var(--surface);display:flex;align-items:center;gap:32px;border-radius:6px}.dataset-line strong{font-size:.875rem;font-weight:550;flex:0 0 290px}.dataset-line p{font-size:.8125rem;color:var(--muted);line-height:1.8}
.analysis-section{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:48px;padding:40px 0 56px}.analysis-main,.details{min-width:0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.section-head p{font-size:.875rem;color:var(--muted);margin-top:6px;line-height:1.8}.section-meta{font-size:.75rem;color:var(--muted);white-space:nowrap;padding-top:5px}.byte-control{display:flex;align-items:center;gap:20px;margin:24px 0}.byte-control>span{font-size:.8125rem;color:var(--muted);flex-shrink:0}.byte-selector{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;width:100%;min-height:36px}.byte-selector button{background:var(--surface);font-family:var(--mono);font-size:.8125rem;padding:9px 0;border-radius:4px}.byte-selector button:hover,.key-grid button:hover{background:var(--line)}.byte-selector button[aria-pressed=true],.key-grid button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px;padding:24px 0;margin:0 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics dt{font-size:.8125rem;color:var(--muted)}.metrics dd{font-size:2rem;font-weight:500;letter-spacing:-.045em;line-height:1.3;font-variant-numeric:tabular-nums;margin:8px 0 4px}.metrics .key-metric dd{font-weight:650}.metrics small{font-size:.75rem;color:var(--muted);display:block;line-height:1.6}
.chart-surface{background:var(--surface);border-radius:6px;padding:16px 16px 12px}.chart{position:relative;width:100%;height:220px;min-height:220px}.chart[aria-busy=true]{background:var(--surface)}#candidate-chart,#convergence-chart{height:250px;min-height:250px}.chart svg{display:block;width:100%;height:100%}.chart text{font-family:var(--sans);font-size:12px;fill:var(--muted);font-variant-numeric:tabular-nums}.chart .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}.candidate-bar{fill:var(--bar)}.candidate-bar.best{fill:var(--orange)}.chart .winner-label{fill:var(--orange-text);font-weight:600}.series-line{stroke:var(--plot);stroke-width:1.5;fill:none;stroke-linejoin:round}.series-line.primary{stroke:var(--orange)}.series-line.secondary{stroke:var(--plot);stroke-dasharray:5 4}.series-point.primary{fill:var(--orange)}.series-point.secondary{fill:var(--plot)}.chart-footer{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:8px}.chart-footer>span:last-child{max-width:380px;text-align:right}.legend-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.legend-swatch{width:7px;height:7px;background:var(--orange);display:block}.signal-section{padding-top:32px;margin-top:32px;border-top:1px solid var(--line)}.signal-section .section-head{margin-bottom:8px}.segmented{display:flex;gap:3px;background:var(--surface);padding:3px;border-radius:6px;flex-shrink:0}.segmented button{color:var(--muted);font-size:.8125rem;padding:6px 12px;border-radius:4px}.segmented button[aria-pressed=true]{color:var(--ink);background:var(--bg);box-shadow:0 1px 3px #00000012}.wave-footer{display:flex;gap:16px;justify-content:space-between;font-size:.75rem;color:var(--muted);padding-top:12px}
.details{border-left:1px solid var(--line);padding-left:28px}.details h2{font-size:1.125rem}.details .section-head{gap:10px;align-items:center;margin-bottom:12px}.key-count{font-size:.75rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.aside-copy,.details p{font-size:.875rem;line-height:1.9;color:var(--muted)}.key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:20px 0;min-height:242px}.key-grid button{font-family:var(--mono);font-size:1.125rem;background:var(--surface);padding:9px 0;border-radius:4px}.key-grid button small{display:block;font-family:var(--sans);font-size:.75rem;color:var(--muted);line-height:1.4;margin-bottom:3px}.key-grid button[aria-pressed=true] small{color:var(--line-strong)}.key-value>span{font-size:.75rem;color:var(--muted)}.key-value code{display:block;font-size:.875rem;overflow-wrap:anywhere;margin-top:8px;line-height:1.8}.model,.explanation{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.model h3{margin-top:8px}.model code{display:block;font-size:.8125rem;padding:12px 10px;background:var(--surface);border-radius:4px;margin:14px 0}.explanation p{margin-top:12px}.chart-tooltip{position:absolute;z-index:2;pointer-events:none;background:var(--ink);color:var(--bg);padding:8px 10px;border-radius:4px;font-size:.75rem;font-family:var(--mono);white-space:nowrap;max-width:calc(100% - 12px)}.chart-tooltip[hidden]{display:none}.chart:focus-visible{outline-offset:6px}
.comparison{background:var(--surface);padding:36px;margin:0 0 56px;border-radius:6px}.comparison h2{font-size:1.875rem;letter-spacing:-.05em;margin-top:8px}.compare-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:24px}.legend{display:flex;justify-content:center;gap:24px;font-size:.8125rem;color:var(--muted);margin-top:12px}.legend-line{width:24px;height:0;border-top:2px solid var(--orange);position:relative;display:block}.legend-line.primary:after{content:'';position:absolute;top:-4px;left:9px;width:6px;height:6px;background:var(--orange);border-radius:50%}.legend-line.secondary{border-color:var(--plot);border-top-style:dashed}.legend-line.secondary:after{content:'';position:absolute;top:-4px;left:9px;width:6px;height:6px;background:var(--plot);transform:rotate(45deg)}.table-wrap{min-width:0;overflow-x:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}th{color:var(--muted);font-size:.75rem;font-weight:500;border-bottom:1px solid var(--line-strong)}th,td{padding:13px 10px;text-align:right}td{border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.8125rem;font-variant-numeric:tabular-nums}.footnote{font-size:.8125rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:28px;line-height:1.8}
.guide-heading{display:flex;justify-content:space-between;gap:32px;align-items:center}.guide h2{font-size:1.875rem;margin-top:8px;letter-spacing:-.05em}.guide-heading p{font-size:.875rem;color:var(--muted);line-height:1.9}.steps{list-style:none;margin:32px 0 40px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.steps li{border-top:1px solid var(--line);padding-top:18px}.step-number{font-size:1rem;color:var(--muted);font-family:var(--mono)}.steps h3{margin:16px 0 10px}.steps p{font-size:.875rem;line-height:1.9;color:var(--muted)}.guide-note{border-top:1px solid var(--line);padding:24px 0 40px;display:grid;grid-template-columns:1fr 2fr;gap:32px}.guide-note p{font-size:.875rem;color:var(--muted);line-height:1.9}footer{padding:24px 48px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.75rem}.footer-brand{font-size:1rem;font-weight:700;letter-spacing:-.04em;color:var(--ink)}#error{background:var(--error-bg);color:var(--error-text);padding:16px 20px;margin-top:24px;font-size:.875rem}#error button{text-decoration:underline;font-weight:600;padding:8px 0}
@media(max-width:82rem){.header-inner{gap:40px}.analysis-section{gap:28px;grid-template-columns:minmax(0,1fr) 260px}.details{padding-left:22px}.metrics{gap:16px}.metrics dd{font-size:1.75rem}.byte-control{display:block}.byte-control>span{display:block;margin-bottom:10px}.compare-layout{gap:28px}.chart-footer{flex-wrap:wrap}.chart-footer>span:last-child{text-align:left;max-width:none}}
@media(max-width:66rem){.header-inner{padding:0 28px;gap:32px}.header-note{display:none}main{padding:0 28px}.analysis-section{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.byte-selector{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.dataset-line{display:block}.dataset-line p{margin-top:8px}.dataset-stats{gap:24px}.compare-layout{grid-template-columns:1fr}.comparison{padding:28px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.guide-heading{align-items:flex-start}footer{padding:24px 28px;flex-wrap:wrap}.key-grid{min-height:242px}}
@media(max-width:42rem){:root{--header-height:112px}.header-inner{min-height:var(--header-height);padding:18px 20px 0;display:block}.brand{font-size:1.5rem;display:inline-block}.header-inner nav{gap:24px;margin-top:12px;height:42px}.header-inner nav a{font-size:.8125rem;padding-bottom:12px}main{padding:0 20px}.page-intro{display:block;padding:30px 0 24px}.page-intro h1{font-size:2rem}.page-intro p{font-size:.875rem}.dataset-stats{margin-top:24px;text-align:left;gap:40px}.dataset-stats dd{font-size:1.75rem}.dataset-line{padding:16px}.analysis-section{grid-template-columns:1fr;gap:36px;padding:32px 0 40px}.section-head{gap:12px;flex-wrap:wrap}.section-head h2{font-size:1.25rem}.section-head p{font-size:.8125rem}.section-meta{padding:0}.metrics{gap:20px 16px}.metrics dd{font-size:1.875rem}.chart-surface{padding:12px 6px}.chart-footer{padding:0 8px;font-size:.75rem}.details{border-left:none;padding:28px 0 0;border-top:1px solid var(--line)}.details h2{font-size:1.25rem}.key-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;min-height:120px}.key-grid button{font-size:1rem}.key-grid button small{font-size:.75rem}.key-value code{font-size:.8125rem}.signal-section{margin-top:24px;padding-top:24px}.comparison{padding:24px 14px;margin-bottom:40px}.comparison h2,.guide h2{font-size:1.5rem}.compare-layout{gap:24px}.footnote{margin-top:20px}.guide-heading{display:block}.guide-heading p{margin-top:12px}.guide-heading p br{display:none}.steps{grid-template-columns:1fr;gap:20px;margin:24px 0 32px}.steps li{display:grid;grid-template-columns:36px 1fr;gap:6px 12px}.steps h3{margin:0}.steps p{grid-column:2}.guide-note{grid-template-columns:1fr;gap:12px}footer{padding:22px 20px;display:grid;gap:12px}.table-wrap th,.table-wrap td{padding:12px 7px}}
.beginner-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px;padding:48px 0 40px;border-bottom:1px solid var(--line)}.beginner-heading h2{font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.4;letter-spacing:-.055em;margin:14px 0 24px;text-wrap:balance}.beginner-heading a{display:inline-block;font-size:.8125rem;text-decoration:underline;text-underline-offset:5px}.beginner-heading a span{margin-left:8px}.beginner-body{min-width:0;font-size:.9375rem;line-height:1.95;color:var(--muted)}.beginner-body>p+p{margin-top:14px}.beginner-body strong{font-weight:600;color:var(--ink)}.beginner-body .beginner-caveat{font-size:.8125rem}.beginner-reading{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.beginner-reading h3{color:var(--ink);font-size:.9375rem;margin-bottom:8px}.beginner-reading p{font-size:.875rem}.beginner-glossary{margin-top:20px;font-size:.8125rem}.beginner-glossary summary{cursor:pointer;color:var(--ink);width:fit-content;text-decoration:underline;text-underline-offset:4px}.beginner-glossary summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.beginner-glossary dl{margin-top:16px}.beginner-glossary dl>div{padding:12px 0;border-top:1px solid var(--line)}.beginner-glossary dt{font-weight:600;color:var(--ink);margin-bottom:4px}
@media(max-width:66rem){.beginner-intro{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}
@media(max-width:42rem){.beginner-intro{grid-template-columns:1fr;gap:24px;padding:32px 0}.beginner-heading h2{font-size:1.75rem;margin:12px 0 16px}.beginner-body{font-size:.875rem}}
/* Navigation anchors share the same visible overline, independent of section padding. */
body::after{content:'';display:block;height:var(--page-tail,0px)}
.analysis-main{display:flex;flex-direction:column}
.key-toolbar{order:0;background:var(--bg);padding:0 0 24px}
.key-toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.key-toolbar-heading h2{font-size:1.0625rem}
.key-toolbar .key-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:12px 0 8px;min-height:116px}
.key-toolbar .key-grid button{min-height:54px;padding:6px 0}
.selected-byte{font-size:.8125rem;color:var(--muted);line-height:1.6}
.candidate-panel{order:1}
.curve-panel{order:2}
.wave-panel{order:3}
.key-toolbar~.wave-panel .first-signal{margin-top:32px}
@media(max-width:42rem){
  .key-toolbar{position:sticky;top:var(--measured-header,var(--header-height));z-index:5;padding:10px 0 12px;border-bottom:1px solid var(--line)}
  .key-toolbar-heading h2{font-size:.875rem;letter-spacing:-.025em}
  .key-toolbar .key-grid{gap:4px;margin:8px 0 6px;min-height:104px}
  .key-toolbar .key-grid button{font-size:.9375rem;min-height:50px;padding:4px 0}
  .key-toolbar .key-grid button small{margin-bottom:1px}
  .selected-byte{font-size:.75rem}
  .wave-panel{order:1}
  .candidate-panel{order:2;margin-top:28px}
  .curve-panel{order:3}
  .key-toolbar~.wave-panel .first-signal{margin-top:20px;padding-top:0;border-top:0}
  #candidate-chart,.segmented button{scroll-margin-top:var(--picker-height,0px)}
  .header-inner nav{height:auto;min-height:42px;gap:16px;flex-wrap:wrap}
  .header-inner nav a{min-height:42px;padding-bottom:10px}
}
@media(max-width:42rem) and (max-height:32.999rem){.key-toolbar{position:static}}
/* One introductory screen; subsequent content remains available by normal scrolling. */
.beginner-intro{min-height:calc(100vh - var(--measured-header,var(--header-height)));min-height:calc(100dvh - var(--measured-header,var(--header-height)));grid-template-rows:1fr auto;row-gap:32px;padding-bottom:32px}
.intro-scroll{grid-column:1/-1;align-self:end;justify-self:start;display:inline-flex;align-items:center;gap:16px;font-size:.875rem;color:var(--muted);padding:8px 0}
.intro-scroll:hover{color:var(--ink)}
.page-intro{padding-top:24px}
.comparison{padding-top:24px}
.guide{padding-top:24px}
.creator-footer{display:block;width:100%;max-width:none;padding:0;margin:24px 0 0;background:#141414;color:#c2c2c2;border:0}
.creator-inner{max-width:1440px;margin-inline:auto;padding:64px 48px 28px}
.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-bottom:56px}
.creator-label{display:block;font-size:.875rem;color:#aaa;margin-bottom:16px}
.creator-footer h2{font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.2;font-weight:600;letter-spacing:-.05em;color:#fff}
.creator-footer p{font-size:1rem;line-height:1.9;margin-top:20px}
.creator-footer h3{font-size:1rem;color:#fff;font-weight:500}
.creator-story{padding-top:6px}
.creator-email{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:#fff;font-size:clamp(1rem,2vw,1.375rem);margin-top:28px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#666}
.creator-email:hover{text-decoration-color:#fff}
.creator-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid #383838;padding-top:24px;font-size:.8125rem}
.creator-footer .footer-brand{color:#fff}
.creator-footer :focus-visible{outline-color:#fff}
body::after{background:#141414}
@media(max-width:66rem){.creator-inner{padding-inline:28px}.creator-grid{gap:32px}}
@media(max-width:42rem){
 .beginner-intro{grid-template-rows:auto auto 1fr;padding-top:32px}
 .creator-inner{padding:40px 20px 24px}
 .creator-grid{grid-template-columns:1fr;gap:36px;padding-bottom:36px}
 .creator-footer p br{display:none}
 .creator-bottom{display:grid;gap:16px}
}
/* Full-width background paint without widening the page or changing anchor geometry. */
.beginner-intro{background:#f1f2f3;box-shadow:0 0 0 100vmax #f1f2f3;clip-path:inset(0 -100vmax);border-bottom-color:#c7cbd0}
.beginner-reading,.beginner-glossary dl>div{border-color:#cfd3d7}
.intro-scroll{color:var(--ink);font-weight:550;text-decoration:underline;text-underline-offset:5px}
.header-credit{display:flex;flex-direction:column;gap:2px;margin-left:auto;text-align:right;font-size:.75rem;line-height:1.5;color:var(--muted);flex-shrink:0}
@media(max-width:66rem){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;padding-top:16px}.header-inner nav{grid-column:1/-1;min-height:42px;margin-top:0}.header-credit{margin-left:0;justify-self:end}}
@media(max-width:42rem){.header-inner{padding:16px 20px 0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}.header-inner .brand{font-size:1.25rem;letter-spacing:-.04em}.header-inner .brand span{font-size:.875rem;letter-spacing:-.025em}.header-credit{min-width:0;word-break:keep-all;overflow-wrap:anywhere}}
.creator-code{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:40px;margin-top:16px;color:#fff;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#666}.creator-code:hover{text-decoration-color:#fff}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}