:root{--paper:#f7f8fa;--ink:#152230;--muted:#667482;--line:#dce2e7;--accent:#356f80;--wash:#eaf1f4;--serif:'IBM Plex Serif',Georgia,serif;--mono:'IBM Plex Mono',monospace;--sans:'IBM Plex Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.6 var(--sans)}header{display:flex;align-items:center;gap:26px;padding:14px 26px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}h1{font:500 18px var(--serif);margin:0;white-space:nowrap}h1 span{font-weight:400;color:var(--muted)}nav{display:flex;gap:5px}button,select{font:12px var(--mono);color:inherit;background:white;border:1px solid var(--line);border-radius:3px;padding:7px 10px}button{cursor:pointer}button:hover,select:hover{border-color:var(--accent)}button.active{background:var(--accent);color:white;border-color:var(--accent)}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#live{margin-left:auto;color:var(--muted);font:11px var(--mono)}main{max-width:1600px;margin:auto;padding:18px 26px 60px}#status{padding-bottom:17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.toolbar{display:flex;gap:16px;align-items:end;padding:20px 0;flex-wrap:wrap}label{font-size:11px;color:var(--muted)}.toolbar label{display:flex;flex-direction:column;gap:4px}.toolbar #family{min-width:210px}.toolbar button{padding:7px 12px}#predictions{margin-bottom:20px;font-size:13px;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{min-width:0;border-top:1px solid var(--line);padding:13px 0}.eyebrow{font:500 10px var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.prompt{font:16px/1.75 var(--serif);white-space:pre-wrap}.future{color:#a0a9b2}mark{background:#dbeaf0;color:var(--ink);padding:1px 2px;border-bottom:2px solid var(--accent)}.meta{font:11px/1.7 var(--mono);color:var(--muted);margin:12px 0 0}.readhead{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}h2{font:500 16px var(--serif);margin:0 0 9px}.readhead h2{margin:0 auto 0 0}.readhead label{display:flex;align-items:center;gap:5px}.hint{color:var(--muted);font-size:12px;margin:8px 0 14px}table{border-collapse:collapse;width:100%;table-layout:fixed}th{text-align:left;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px;background:#edf1f4}td{vertical-align:top;border-bottom:1px solid var(--line);padding:12px;font-size:13px}th:first-child.layer,td.layer{width:65px;font-family:var(--mono);color:var(--muted)}.word{display:inline-block;font:12px/1.9 var(--mono);margin:0 9px 3px 0;cursor:help}.rank{font-size:9px;color:#8b98a4;margin-right:4px}.phrases{margin:0;padding-left:21px;font:14px/1.9 var(--sans)}.empty{font-size:13px;color:var(--muted);padding:18px 0}.reply,.raw{white-space:pre-wrap;overflow-wrap:anywhere}.raw{font:12px/1.7 var(--mono)}details{margin-top:13px}summary{cursor:pointer;font-size:12px;color:var(--muted)}.flag{color:#995231;font-size:11px}.tokenbar{line-height:2.2;max-height:170px;overflow:auto;margin:8px 0 15px}.tokenbar button{border:0;background:transparent;padding:3px 1px;font:12px var(--mono);white-space:pre-wrap}.tokenbar button.selected{background:#dbeaf0;box-shadow:inset 0 -2px var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#method{max-width:850px;padding-top:25px}#method h2{margin-top:24px}#method p{font-size:14px}code{font:12px var(--mono)}.hash{overflow-wrap:anywhere;font:11px var(--mono)}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);background:#fff;border-top:1px solid var(--line);padding:8px 26px;position:fixed;bottom:0;width:100%}#overview{padding-top:24px}.clickrow{cursor:pointer}.clickrow:hover{background:var(--wash)}.scoreline{font:10px var(--mono);color:var(--muted);margin-top:8px}.error{color:#9b3d31!important}@media(max-width:800px){header{padding:12px 15px;gap:12px;flex-wrap:wrap}h1{font-size:16px}#live{margin-left:0}main{padding:12px 15px 65px}.comparison{gap:14px}.prompt{font-size:14px}.toolbar{gap:10px}.toolbar #family{min-width:150px}.word{font-size:11px}td{padding:9px 7px}footer{padding:7px 15px}.readhead{gap:10px}}@media(max-width:520px){.comparison{grid-template-columns:1fr}.toolbar label{flex:1 1 40%}.readhead .hint{width:100%}h1 span{display:none}.prompt{font-size:15px}th:first-child.layer,td.layer{width:42px}}

.gloss{font-family:var(--sans);font-size:11px;color:var(--muted)}.gloss::before{content:" ("}.gloss::after{content:")"}

.classification-legend,.class-summary,.phrase-classes{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.classification-legend{margin:13px 0 5px;gap:7px}.classification-legend .hint{margin:0 0 0 5px}.class-badge{display:inline-block;border:1px solid;border-radius:3px;padding:1px 6px;font:11px/1.6 var(--sans);white-space:nowrap}.class-user{color:#235779;background:#e7f1f8;border-color:#b8d3e6}.class-implicit{color:#745316;background:#faf1da;border-color:#e4cf98}.class-assistant{color:#644283;background:#f0eaf7;border-color:#d4c1e4}.classification-note{font-size:12px;color:var(--muted);max-width:920px;margin:5px 0 16px}.class-status{font:10px/1.6 var(--mono);color:var(--muted);margin:5px 0 12px}.classified li{padding:3px 0 5px}.phrase-classes{display:inline-flex;margin-left:8px;vertical-align:middle}.phrase-classes .class-badge{font-size:10px;padding:0 5px}.secondary-labels p{font-size:12px;margin:6px 0}.secondary-labels strong{font-weight:500}