.ch-token{border-radius:3px;cursor:help;transition:background-color .12s;color:inherit}.ch-token:hover,.ch-token:focus-visible,.ch-token[aria-expanded=true]{background:color-mix(in srgb,var(--app-accent) 23%,transparent);outline:1px solid var(--app-accent);outline-offset:2px}.ch-keyword,.ch-builtin{color:var(--accent-text)}.ch-number,.ch-boolean{color:#71ccbc}.ch-string{color:#d9c785}.ch-comment{color:var(--muted);font-style:italic}.ch-unknown{text-decoration:underline wavy var(--danger,#ee7180)}:root[data-theme=light] .ch-number,:root[data-theme=light] .ch-boolean{color:#126c64}:root[data-theme=light] .ch-string{color:#876211}
.code-line [data-code-help]{width:34px;min-width:34px;min-height:34px;padding:0;margin:0 0 0 12px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font:12px var(--font);white-space:normal;flex-shrink:0}.code-line [data-code-help]:hover,.code-line [data-code-help]:focus-visible,.code-line [data-code-help][aria-expanded=true]{border-color:var(--app-accent);color:var(--accent-text);background:var(--raised)}
.code-hint-popover{position:fixed;z-index:1000;box-sizing:border-box;width:min(380px,calc(100% - 20px));max-height:min(440px,calc(100dvh - 20px));overflow:auto;overscroll-behavior:contain;padding:18px 20px;background:var(--panel,#131c23);border:1px solid var(--app-accent,#ff8a1f);border-radius:14px;box-shadow:0 14px 45px #0005;color:var(--fg,#f0f3f5);font:13px/1.7 var(--font,system-ui,sans-serif);white-space:normal;overflow-wrap:anywhere}.code-hint-popover[hidden]{display:none}.ch-popover-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:9px}.ch-title{font:600 18px/1.5 var(--mono,monospace);color:var(--accent-text,#ffad60);flex:1;margin:0;white-space:pre-wrap;max-height:100px;overflow:auto}.ch-close{flex:0 0 36px;min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--fg);font-size:24px;padding:0;line-height:1;cursor:pointer}.ch-meaning,.ch-purpose{margin:0;color:var(--fg)}.ch-current{padding:10px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--accent-text);font-size:12px;line-height:1.75;margin:12px 0}.ch-line-label{display:block;font:10px var(--mono,monospace);letter-spacing:.05em;color:var(--muted);margin:15px 0 7px}.ch-purpose{font-size:12px;color:var(--muted)}.ch-keyboard{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:10px;line-height:1.6;color:var(--muted)}.ch-current[hidden],.ch-line-label[hidden],.ch-purpose[hidden]{display:none}
@media(max-width:650px){.code-line [data-code-help]{min-width:44px;min-height:44px}.code-hint-popover{padding:16px;font-size:13px}.ch-close{min-width:44px;min-height:44px}.ch-keyboard{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ch-token{transition:none}}