@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#171715;font-synthesis:none;text-rendering:geometricprecision;--paper:#f3f3ee;--ink:#171715;--line:#1717153d;--magenta:#ff30dc;--cyan:#b4ebff;background:#f3f3ee;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,textarea{font:inherit}.app-shell{background:var(--paper);grid-template-rows:minmax(0,48dvh) minmax(0,1fr) 49px;width:100%;height:100dvh;display:grid;position:relative;overflow:hidden}.output-stage{border-bottom:2px solid var(--ink);min-height:0;position:relative;overflow:hidden}.signal-field{width:100%;height:100%;position:absolute;inset:0}.masthead{z-index:2;border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;padding:0 18px;font-size:12px;font-weight:600;display:grid;position:relative}.brand{font-size:17px}.system-mark{border-right:1px solid var(--ink);border-left:1px solid var(--ink);padding:6px 10px;font-family:DM Mono,monospace;font-weight:400}.connection-state{justify-content:flex-end;align-items:center;gap:8px;font-family:DM Mono,monospace;font-weight:400;display:flex}.status-dot{border:1px solid var(--ink);background:#5ae985;width:8px;height:8px}.connection-state--reading .status-dot{background:var(--magenta);animation:.6s step-end infinite blink}.connection-state--error .status-dot{background:#ff3d21}.result-lockup{z-index:2;position:absolute;top:25%;left:5%;right:5%}.result-kicker,.intent-line,.input-header,.input-footer,.probability-meta,.run-meta{font-family:DM Mono,monospace;font-size:10px;line-height:1.2}.result-kicker{border-bottom:1px solid var(--ink);justify-content:space-between;padding-bottom:7px;display:flex}.emotion-word{text-align:center;letter-spacing:0;text-transform:uppercase;margin:4px 0 0;font-size:8rem;font-weight:600;line-height:.82;animation:.52s cubic-bezier(.16,1,.3,1) both resolve;position:relative;overflow:hidden}.emotion-word--excited,.emotion-word--affectionate{color:var(--magenta)}.emotion-word--pair{font-size:clamp(1.5rem,6vw,5rem);line-height:1}.signal-dimensions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:10px;font:10px DM Mono,monospace;display:flex}.signal-dimensions meter{width:80px;height:8px;accent-color:var(--magenta)}.baseline-controls{padding:0 18px 18px;line-height:1.5}.baseline-actions{flex-wrap:wrap;gap:10px;display:flex}.baseline-actions button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;padding:8px 12px}.baseline-actions button:disabled{opacity:.4;cursor:default}.baseline-controls blockquote{border-left:2px solid var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;margin:8px 0;padding-left:12px;overflow:auto}.inspector-explanation{padding:0 18px;line-height:1.6}.intensity-rubric{margin-bottom:20px;line-height:1.5}.intensity-rubric li{margin-bottom:8px}.emotion-word--sad,.emotion-word--anxious{color:#1684cd}.emotion-word--angry{color:#f13d21}.emotion-word--happy{color:#d69d00}.emotion-word--sarcastic{color:#4b8b13}.intent-line{justify-content:center;align-items:baseline;gap:12px;margin-top:14px;display:flex}.intent-line strong{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600}.telemetry{z-index:2;position:absolute;bottom:13px;left:18px;right:18px}.probability-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;display:grid}.probability-meta{justify-content:space-between;gap:6px;display:flex;overflow:hidden}.probability-meta span:first-child{text-overflow:ellipsis;overflow:hidden}.probability-track{background:#1717151f;height:4px;margin-top:5px;overflow:hidden}.probability-track span{transform-origin:0;background:var(--ink);width:100%;height:100%;transition:transform .48s cubic-bezier(.16,1,.3,1);display:block}.run-meta{justify-content:flex-end;gap:18px;margin-top:10px;display:flex}.input-stage{background:var(--ink);min-height:0;color:var(--paper);grid-template-rows:42px minmax(0,1fr) 28px;display:grid;position:relative}.input-header,.input-footer{justify-content:space-between;align-items:center;padding:0 18px;display:flex}.input-header{border-bottom:1px solid #f3f3ee4d}.input-actions{align-items:center;gap:14px;display:flex}.icon-button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:1px solid #f3f3ee73;border-radius:0;place-items:center;padding:0;display:grid}.icon-button svg{width:14px;height:14px}.icon-button:hover:not(:disabled){color:var(--ink);background:var(--paper)}.icon-button:disabled{opacity:.25;cursor:default}textarea{resize:none;width:100%;height:100%;min-height:0;color:var(--paper);caret-color:var(--magenta);letter-spacing:0;background:0 0;border:0;outline:0;padding:18px;font-size:34px;font-weight:400;line-height:1.18}textarea::placeholder{color:#f3f3ee40}.session-cost{z-index:6;max-width:calc(100% - 32px);color:var(--paper);pointer-events:auto;background:#171715;border:1px solid #5aff65;gap:6px;padding:12px 14px;font:10px DM Mono,monospace;display:grid;position:absolute;bottom:62px;right:16px}.session-cost strong{color:#5aff65;font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.session-cost small{font-size:10px}.input-stage textarea{padding-bottom:120px}.input-footer{color:#f3f3ee94}@keyframes resolve{0%{opacity:0;filter:blur(12px);transform:translateY(45%)scaleY(.4)}to{opacity:1;filter:blur();transform:translateY(0)scaleY(1)}}@keyframes blink{50%{opacity:.2}}@media (width<=900px){.emotion-word{font-size:5rem}.emotion-word--pair{font-size:clamp(1.4rem,6vw,4rem)}.probability-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:8px}textarea{font-size:27px}}@media (width<=600px){.app-shell{grid-template-rows:minmax(0,44dvh) minmax(0,1fr) 49px}.masthead{grid-template-columns:1fr auto;padding:0 12px}.system-mark{display:none}.emotion-word{font-size:3.2rem}.emotion-word--pair{font-size:clamp(1.25rem,6vw,2.25rem)}.result-lockup{top:22%;left:12px;right:12px}.telemetry{bottom:10px;left:12px;right:12px}.probability-grid{gap:6px 9px}.probability-meta{font-size:8px}.run-meta{justify-content:space-between;margin-top:7px}.input-stage{grid-template-rows:38px minmax(0,1fr) 24px}.input-header,.input-footer{padding:0 12px}.input-footer span:last-child{display:none}textarea{padding:14px 12px;font-size:23px}}.signal-inspector{border-top:2px solid var(--ink);background:0 0;flex-direction:column;min-width:0;min-height:0;font-family:DM Mono,monospace;font-size:12px;display:flex}.app-shell:not(.app-shell--inspector-collapsed)>.signal-inspector{z-index:5;inset:var(--inspector-top,25dvh) 0 0;position:absolute;overflow:hidden}#signal-inspector-content{overscroll-behavior:contain;background:#f3f3eee6;flex:1;min-height:0;padding-top:18px;padding-bottom:120px;overflow-y:auto}.app-shell--inspector-collapsed{grid-template-rows:minmax(0,48dvh) minmax(0,1fr) auto;height:100dvh}@media (width<=600px){.app-shell--inspector-collapsed{grid-template-rows:minmax(0,44dvh) minmax(0,1fr) auto}}.inspector-toggle{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#5aff65e6;flex-shrink:0;justify-content:space-between;gap:16px;padding:16px 18px;display:flex}.inspector-toggle:hover{background:#42ed50e6}.signal-inspector :focus-visible{outline-offset:-2px;outline:2px solid #1684cd}.inspector-status{color:#55554e;margin:0;padding:0 18px 16px}.inspector-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.inspector-section{border-top:1px solid var(--line);min-width:0;padding:16px 18px}.inspector-section+.inspector-section{border-left:1px solid var(--line)}.inspector-section h2{text-transform:uppercase;margin:0 0 12px;font-size:12px}.inspector-section p{overflow-wrap:anywhere;line-height:1.6}.inspector-section table{border-collapse:collapse;table-layout:fixed;width:100%}.inspector-section th,.inspector-section td{text-align:left;overflow-wrap:anywhere;padding:6px 0;font-weight:400}.inspector-section td,.inspector-section thead th:last-child{text-align:right}.inspector-section thead{color:#55554e;border-bottom:1px solid var(--line);font-size:10px}.inspector-selected{background:#e2e2d8}.inspector-section dl{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px;display:grid}.inspector-section dd{text-align:right;overflow-wrap:anywhere;margin:0}.inspector-json{border-top:1px solid var(--line);padding:16px 18px}.inspector-json summary{cursor:pointer}.inspector-copy{align-items:center;gap:12px;margin-top:16px;display:flex}.inspector-copy button{color:var(--paper);background:var(--ink);border:1px solid var(--ink);cursor:pointer;flex-shrink:0;padding:8px 12px}.inspector-json pre{max-height:360px;color:var(--paper);background:#000;padding:16px;font-size:12px;overflow:auto}@media (width<=900px){.inspector-grid{grid-template-columns:1fr}.inspector-section+.inspector-section{border-left:0}}@media (prefers-reduced-motion:reduce){.emotion-word,.connection-state--reading .status-dot{animation:none}.probability-track span{transition:none}}