@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-DMe4EKeb.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbfaf7;--ink:#1b1a18;--ink-2:#55534e;--muted:#6c6a64;--rule:#e1e0d9;--field:#fff;--accent:#1c5cab;--series:#2a78d6;--series-quiet:#898781;--heat:#104281;--wash:color-mix(in oklab, var(--series) 10%, var(--paper));--serif:"Source Serif 4 Variable", Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#161615;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#a3a29a;--rule:#2e2e2b;--field:#1e1e1c;--accent:#86b6ef;--series:#3987e5;--series-quiet:#898781;--heat:#9ec5f4;--wash:color-mix(in oklab, var(--series) 18%, var(--paper))}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#161615;--ink:#f0efec;--ink-2:#c3c2b7;--muted:#a3a29a;--rule:#2e2e2b;--field:#1e1e1c;--accent:#86b6ef;--series:#3987e5;--series-quiet:#898781;--heat:#9ec5f4;--wash:color-mix(in oklab, var(--series) 18%, var(--paper))}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);letter-spacing:0;margin:0;font-size:1.125rem;line-height:1.55}#app{max-width:46rem;margin:0 auto;padding:3rem 1rem 4rem}a{color:var(--accent);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}p,.measure{max-width:40rem}h1{letter-spacing:-.01em;margin:0 0 .5rem;font-size:2.5rem;font-weight:650;line-height:1.1}h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:620;line-height:1.25}header p{color:var(--ink-2);margin:0 0 .25rem}.links a+a,.links .theme-toggle{margin-left:1.25rem}section{margin-top:3.5rem}section>p{margin:0 0 1rem}.status{color:var(--ink-2);margin-top:2rem}.status.is-error{color:var(--ink)}.status strong{display:block}.small{color:var(--muted);font-size:.875rem}footer{border-top:1px solid var(--rule);color:var(--ink-2);margin-top:4rem;padding-top:1rem;font-size:.9375rem}footer p{margin:0 0 .25rem}footer p:last-child{margin-top:.75rem}label{color:var(--ink-2);font-size:.9375rem}textarea{width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--rule);resize:vertical;border-radius:4px;margin:.25rem 0 1rem;padding:.6rem .75rem;display:block}select{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:4px;margin-left:.35rem;padding:.2rem .4rem;font-size:1rem}input[type=range]{accent-color:var(--series);vertical-align:middle}button{font:inherit;cursor:pointer;font-size:1rem}.button{border:1px solid var(--accent);background:var(--accent);color:var(--paper);border-radius:4px;padding:.4rem 1rem}.button.secondary{color:var(--accent);background:0 0}.button:disabled{opacity:.45;cursor:default}.controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:0 0 1rem;display:flex}.control output{font-family:var(--mono);color:var(--ink);margin-left:.35rem;font-size:.875rem}.tok-list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tok{background:var(--wash);min-width:1.6rem;font-family:var(--mono);border-radius:3px;flex-direction:column;align-items:center;max-width:100%;padding:.15rem .35rem .2rem;display:flex}.tok-text{white-space:pre;color:var(--ink);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.3}.tok-id{color:var(--muted);font-size:.6875rem;line-height:1.2}.tok-count{margin:.5rem 0 0}.guesses{margin:0 0 2rem;padding:0;list-style:none}.guess{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:minmax(5.5rem,9rem) 1fr 3.5rem;align-items:center;gap:.75rem;padding:.2rem .25rem;display:grid}.guess:hover{background:var(--wash)}.guess-tok{font-family:var(--mono);white-space:pre;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.guess-track{height:14px}.guess-bar{background:var(--series);border-radius:0 4px 4px 0;min-width:2px;height:100%;transition:width .16s ease-out;display:block}.guess-p{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.875rem}.gen-out{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;min-height:7.5rem;margin:0;padding:.75rem 0}.gen-prompt{color:var(--muted)}.gen-meta{margin:.4rem 0 0}.focus-line{margin:0 0 .5rem}.focus-line code{font-family:var(--mono);white-space:pre;background:var(--wash);border-radius:3px;padding:.05rem .35rem;font-size:.9375rem}.focus-strip .tok-id{color:var(--ink)}.tok-heat{background:color-mix(in oklab, var(--heat) calc(var(--w) * 1%), var(--paper));border-radius:2px;align-self:stretch;height:5px;margin-top:3px}.heat-scroll{margin:1.25rem 0 .5rem;padding:4px 4px 8px;overflow-x:auto}.heat{width:max-content;font-family:var(--mono);font-size:.6875rem;line-height:1}.heat-row{border-radius:2px;align-items:center;display:flex}.heat-row.is-selected{outline:2px solid var(--series);outline-offset:1px}.heat-label{width:var(--label-w);color:var(--ink-2);font:inherit;text-align:right;white-space:pre;background:0 0;border:0;flex:none;height:14px;padding:0 .4rem 0 0}.heat-row.is-selected .heat-label{color:var(--ink);font-weight:700}.heat-col{width:14px;height:var(--col-h);writing-mode:vertical-rl;white-space:pre;color:var(--ink-2);text-align:left;flex:none;padding-top:4px;transform:rotate(180deg)}.heat-cell{border:1px solid var(--paper);background:color-mix(in oklab, var(--heat) calc(var(--w) * 1%), var(--paper));flex:none;width:14px;height:14px}.heat-cell.is-future{background:0 0}.heat-key{flex-wrap:wrap;align-items:center;gap:.25rem .9rem;margin-bottom:.25rem;display:flex}.heat-key-pair{align-items:center;gap:.3rem;display:inline-flex}.heat-key .heat-cell{border-color:var(--rule);display:inline-block}.learn-control{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .75rem;display:flex}.learn-control input{flex:14rem}.learn-label{font-family:var(--mono);color:var(--ink);font-size:.875rem}.legend{color:var(--ink-2);flex-wrap:wrap;gap:.25rem 1.25rem;margin:0 0 .25rem;font-size:.875rem;display:flex}.legend-key{vertical-align:middle;width:16px;height:2px;margin-right:.4rem;display:inline-block}.learn-chart{position:relative}.learn-chart svg{display:block;overflow:visible}.chart-tip{pointer-events:none;background:var(--field);border:1px solid var(--rule);white-space:nowrap;border-radius:4px;padding:.35rem .55rem;font-size:.8125rem;line-height:1.35;position:absolute;top:0}.chart-tip strong{font-family:var(--mono);font-weight:600}.chart-table{color:var(--ink-2);margin:.5rem 0 1.25rem;font-size:.875rem}.chart-table table{border-collapse:collapse;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:.5rem}.chart-table th,.chart-table td{text-align:right;border-bottom:1px solid var(--rule);padding:.15rem 1rem .15rem 0}.chart-table th{font-family:var(--serif);font-weight:600}.learn-sample{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.75rem 0}.learn-sample .gen-prompt{color:var(--muted)}@media (width<=600px){body{font-size:1.0625rem}#app{padding-top:2rem}h1{font-size:2.125rem}.guess{grid-template-columns:minmax(4.5rem,7rem) 1fr 3.25rem;gap:.5rem}}@media (prefers-reduced-motion:reduce){.guess-bar{transition:none}}.theme-toggle{font:inherit;color:var(--ink-2);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.theme-toggle[hidden]{display:none}