:root{color-scheme:light;--page: #f3f1ea;--surface: #fbfaf6;--sunken: #ece9df;--rule: #d8d4c6;--rule-strong: #b9b4a2;--paper: #ffffff;--ink: #000000;--text: #1f3640;--muted: #52666c;--link: #2b5f80;--link-hover: #1d4560;--accent: #2b5f80;--accent-soft: #dfe9ee;--warn: #9a4a28;--warn-soft: #f5e6dc;--ok: #2a6a5d;--focus: #2b5f80;--font-text: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-head: "Source Serif 4", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--fs-base: 1.0625rem;--fs-note: .875rem;--fs-code: .875rem;--fs-small: 11;--fs-label: 15;--fs-text: 14;--fs-title: 17;--fw-normal: 400;--fw-strong: 600;--fs-brand: 1.15rem;--fs-brand-narrow: 1rem;--fs-h1: 2.1rem;--fs-h2: 1.45rem;--fs-h3: 1.15rem;--fs-h4: 1rem;--fs-h1-narrow: 1.7rem;--fs-h2-narrow: 1.3rem;--fs-caps: .75rem;--fs-th: .78rem;--fs-caption: .72rem;--fs-result: .8rem;--fs-print: 11pt;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-input: .4rem;--space-nav: 3px;--space-nav-tight: 2px;--skip-offset: -4rem;--radius-small: 4px;--shadow: 0 6px 20px rgb(0 0 0 / .12);--ui-rule: 1;--ui-radius: 6;--radius: calc(var(--ui-radius) * 1px);--measure: 44rem;--topbar-h: 3.5rem;--fs-ui: .9375rem;--ui-control: 2rem;--ui-bar: 3.25rem;--ui-panel: 30rem;--ui-pill: 999px;--ui-icon: 1.125rem;--shadow-pop: 0 1px 2px rgb(0 0 0 / .05), 0 10px 28px rgb(0 0 0 / .11);--tooltip-bg: var(--text);--tooltip-text: var(--surface);--motion-fast: .12s;--motion-base: .2s;--ease-out: cubic-bezier(.2, .8, .2, 1);--code-bg: #f7f5ee;--c-fg: #1f3640;--c-keyword: #2b5f80;--c-arrow: #a24e29;--c-invalid: #b3261e;--c-atom: #2a6a5d;--c-group: #6b4f8a;--c-name: #1f3640;--c-string: #5d6d2a;--c-number: #7a5a1c;--c-prop: #55686f;--c-comment: #5f7176;--c-op: #5a6d73;--c-punct: #5f7176;--draw-bond: var(--text);--draw-bond-wedge: var(--text);--draw-label: var(--text);--draw-charge: var(--text);--draw-lone-pair: var(--text);--draw-reaction-arrow: var(--text);--draw-branch-stem: var(--text);--draw-electron-arrow: #a24e29;--draw-condition-text: var(--text);--draw-compound-label: var(--text);--draw-title: var(--text);--draw-caption: var(--muted);--draw-annotation: var(--muted);--draw-warning: var(--warn);--draw-bond-width: 1.6;--draw-arrow-width: 1.6;--draw-electron-arrow-width: 1.6;--draw-branch-stem-width: 1;--dim-bond-length: 44;--dim-lone-pair-radius: 1.5;--dim-label-gap: 2.5;--dim-label-half-height: .42;--dim-baseline-shift: .35;--dim-double-gap: 4.5;--dim-ring-inner-gap: 4.5;--dim-ring-inner-trim: 5;--dim-wedge-width: 7;--dim-dash-step: 3.4;--dim-lp-distance: 11;--dim-lp-spread: 2.6;--dim-charge-dx: 1.5;--dim-charge-dy: 6;--dim-script-scale: .72;--dim-sub-dy: 3.5;--dim-sup-dy: 6;--dim-text-safety: 1.05;--dim-line-height: 1.25;--dim-species-pad: 8;--dim-term-gap: 12;--dim-arrow-min: 64;--dim-arrow-pad: 12;--dim-arrow-text-gap: 5;--dim-arrow-head-length: 9;--dim-stem-gap: 4;--dim-arrow-head-width: 7;--dim-arrow-pair-gap: 4;--dim-failed-cross: 6;--dim-planned-dash: 6;--dim-move-head-length: 8;--dim-move-head-width: 7;--dim-move-end-gap: 3;--dim-move-min-bulge: 14;--dim-move-clearance: 2;--dim-move-bond-clearance: 3;--dim-row-gap: 28;--dim-block-gap: 36;--dim-footer-gap: 8;--dim-margin: 16;--dim-overlap-min: .6;--dim-figure-width: 800;--dim-max-arrow: 360;--policy-atom-text: name;--policy-hydrogen-count: show}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:var(--font-text);font-size:var(--fs-ui);font-weight:var(--fw-normal);line-height:var(--dim-line-height);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100%}[hidden]{display:none!important}:focus-visible{outline:calc(var(--draw-bond-width) * 1.25px) solid var(--focus);outline-offset:calc(var(--ui-rule) * 1px)}.icon{width:var(--ui-icon);height:var(--ui-icon);flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button,input,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--ui-control);padding:0 var(--space-3);border:calc(var(--ui-rule) * 1px) solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.btn .icon-chevron{width:var(--space-4);height:var(--space-4);margin-right:calc(var(--space-1) * -1);color:var(--muted);transition:transform var(--motion-base) var(--ease-out)}.btn[aria-expanded=true] .icon-chevron{transform:rotate(180deg)}.btn-quiet:hover:not(:disabled):not([aria-disabled=true]){background:var(--sunken)}.btn-quiet[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.btn-secondary{border-color:var(--rule-strong);background:var(--surface)}.btn-secondary:hover:not([aria-disabled=true]),.btn-secondary[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn-primary:hover:not(:disabled){background:var(--link-hover);border-color:var(--link-hover)}.btn:disabled,.btn[aria-disabled=true]{color:var(--muted);border-color:var(--rule);background:var(--surface);cursor:not-allowed;opacity:.7}.btn-quiet:disabled,.btn-quiet[aria-disabled=true]{background:transparent}.btn-icon{width:var(--ui-control);padding:0}.link-btn{padding:0;border:0;background:none;color:var(--link);font-weight:var(--fw-strong);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;transition:text-decoration-color var(--motion-fast) var(--ease-out)}.link-btn:hover{color:var(--link-hover);text-decoration-color:currentColor}.bar{position:relative;z-index:3;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,calc(var(--ui-panel) * 1.25)) minmax(max-content,1fr);align-items:center;gap:var(--space-4);height:var(--ui-bar);padding:0 var(--space-4);border-bottom:calc(var(--ui-rule) * 1px) solid var(--rule);background:var(--surface)}.bar-start,.bar-end{display:flex;align-items:center;gap:var(--space-1);min-width:0}.bar-end{justify-content:flex-end}.bar-end .menu:last-child{margin-left:var(--space-2)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-head);font-size:var(--fs-brand);font-weight:var(--fw-strong);color:var(--accent);white-space:nowrap}.brand-mark{width:var(--space-6);height:var(--space-6);flex:none}.brand-mark .o{stroke:var(--text)}.brand-mark .l{fill:var(--accent)}.brand-mark .c{fill:var(--surface)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-1);border-radius:var(--ui-pill);background:var(--warn);color:var(--surface);font-size:var(--fs-caption);font-weight:var(--fw-strong);line-height:1;animation:pop-in var(--motion-base) var(--ease-out)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}}.menu{position:relative}.popover{visibility:hidden;opacity:0;transform:translateY(calc(var(--space-1) * -1)) scale(.98);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),visibility 0s linear var(--motion-fast)}.popover.is-open{visibility:visible;opacity:1;transform:none;transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),visibility 0s}.menu-panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:4;display:flex;flex-direction:column;min-width:calc(var(--ui-panel) * .55);padding:var(--space-1);border:calc(var(--ui-rule) * 1px) solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);transform-origin:top right}.examples-menu{width:calc(var(--ui-panel) * .7)}.menu-list{display:flex;flex-direction:column;max-height:calc(var(--ui-panel) * .6);overflow-y:auto}.menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-small);background:transparent;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out)}.menu-item:hover,.menu-item:focus-visible{background:var(--sunken)}.menu-item:focus-visible{outline-offset:calc(var(--ui-rule) * -2px)}.menu-item-title{font-weight:var(--fw-strong)}.menu-item-text{color:var(--muted);font-size:var(--fs-note)}.menu-separator{height:calc(var(--ui-rule) * 1px);margin:var(--space-1) var(--space-2);background:var(--rule)}.menu-confirm{gap:var(--space-1);width:calc(var(--ui-panel) * .55);padding:var(--space-3)}.menu-confirm p{margin:0}.menu-confirm-title{font-weight:var(--fw-strong)}.menu-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.tooltip{position:fixed;z-index:10;max-width:calc(var(--ui-panel) * .66);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--fs-result);line-height:var(--dim-line-height);pointer-events:none;opacity:0;transform:translateY(calc(var(--space-1) * -.5));transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.tooltip.is-shown{opacity:1;transform:none}.workspace{--panel-width: min(var(--ui-panel), 45vw);position:relative;display:flex;flex:1;min-height:0}.stage{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:var(--space-12) var(--space-6);overflow:auto}.reaction{width:min(100%,calc(var(--dim-arrow-min) * 18px))}.reaction-head{margin:0 var(--space-1) var(--space-6)}.reaction-head.is-new{animation:fade-in var(--motion-base) var(--ease-out)}.reaction-title{margin:0;color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-strong);line-height:var(--dim-line-height);overflow-wrap:anywhere}.reaction-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:var(--space-1) 0 0;overflow:hidden;color:var(--muted);font-size:var(--fs-note);line-height:var(--dim-line-height);overflow-wrap:anywhere}.drawing-frame{position:relative;width:100%}.drawing{padding:var(--space-6);border:calc(var(--ui-rule) * 1px) solid var(--rule);border-radius:var(--radius);background:var(--surface);overflow:auto;transition:opacity var(--motion-base) var(--ease-out)}.drawing svg{display:block;width:100%;height:auto;max-height:68vh}.drawing.is-new svg{animation:fade-in var(--motion-base) var(--ease-out)}@keyframes fade-in{0%{opacity:.35}}.drawing.is-stale{opacity:.45;transition-delay:.35s}.stale-pill{position:absolute;top:0;left:50%;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);height:calc(var(--ui-control) * .85);padding:0 var(--space-3);border:calc(var(--ui-rule) * 1px) solid var(--warn);border-radius:var(--ui-pill);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-note);font-weight:var(--fw-strong);white-space:nowrap;cursor:pointer;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.95);transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),visibility 0s linear var(--motion-base)}.stale-pill .icon{width:var(--space-4);height:var(--space-4)}.stale-pill.is-shown{opacity:1;visibility:visible;transform:translate(-50%,-50%);transition-delay:.35s}.stale-pill:disabled{cursor:default}.stale-pill.is-waiting{border-color:var(--rule-strong);background:var(--surface);color:var(--muted)}.stale-pill:hover:not(:disabled){background:var(--surface)}.empty{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-12);max-width:calc(var(--ui-panel) * 1.25);text-align:center;color:var(--muted);animation:fade-in var(--motion-base) var(--ease-out)}.empty .btn-label{display:inline}.empty .btn{gap:var(--space-2);padding:0 var(--space-3)}.empty .brand-mark{width:var(--space-8);height:var(--space-8);margin-bottom:var(--space-3);opacity:.7}.empty-text{display:flex;flex-direction:column;align-items:center;gap:0;transition:opacity var(--motion-base) var(--ease-out)}.empty-text.is-pending{opacity:0}.empty-line,.empty-lead{margin:0}.empty-line{font-size:var(--fs-note)}.empty-lead,.empty-text.is-solo .empty-line{max-width:32ch;color:var(--text);font-family:var(--font-head);font-size:var(--fs-h3);font-weight:var(--fw-strong);text-wrap:balance}.empty-text.is-solo .empty-lead{order:1;margin-top:var(--space-2);color:var(--muted);font-family:inherit;font-size:var(--fs-note);font-weight:inherit}.empty-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}.empty-more:empty{display:none}.empty-text.is-solo .empty-more{margin-top:0}.empty-ask-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.empty-try{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.empty-try[hidden]{display:none}.empty-try-label{margin:0;color:var(--muted);font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase}.empty-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.editor{flex:none;width:0;overflow:hidden;visibility:hidden;transition:width var(--motion-base) var(--ease-out),visibility 0s linear var(--motion-base)}.editor.is-open{width:calc(var(--panel-width) + var(--space-4));visibility:visible;transition:width var(--motion-base) var(--ease-out),visibility 0s}.editor-card{display:flex;flex-direction:column;width:var(--panel-width);height:calc(100% - var(--space-4) * 2);margin:var(--space-4) var(--space-4) var(--space-4) 0;border:calc(var(--ui-rule) * 1px) solid var(--rule);border-radius:var(--radius);background:var(--surface);overflow:hidden}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:calc(var(--ui-rule) * 1px) solid var(--rule)}.editor-actions{display:flex;gap:var(--space-1)}.panel-title{margin:0;font-size:var(--fs-ui);font-weight:var(--fw-strong)}.code{display:flex;flex:1;min-height:0;background:var(--code-bg);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--dim-line-height)}.gutter{flex:none;margin:0;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-3);min-width:calc(var(--space-8) + var(--space-2));overflow:hidden;color:var(--muted);text-align:right;font:inherit;opacity:.7;user-select:none;border-right:calc(var(--ui-rule) * 1px) solid var(--rule)}#source{flex:1;min-width:0;margin:0;padding:var(--space-3);border:0;resize:none;background:transparent;color:var(--c-fg);font:inherit;white-space:pre;overflow:auto;tab-size:2}#source:focus-visible{outline:none}.diagnostics-panel{flex:none;max-height:40%;display:flex;flex-direction:column;border-top:calc(var(--ui-rule) * 1px) solid var(--rule)}.diag-summary{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border:0;background:transparent;color:var(--muted);font-weight:var(--fw-strong);text-align:left;cursor:pointer}.diag-summary:disabled{cursor:default}.diag-summary .icon-chevron{width:var(--space-4);height:var(--space-4);margin-left:auto;transition:transform var(--motion-base) var(--ease-out)}.diag-summary[aria-expanded=false] .icon-chevron{transform:rotate(-90deg)}.diag-summary:disabled .icon-chevron{display:none}.diag-summary.is-ok{color:var(--ok)}.diag-summary.is-bad{color:var(--warn)}.diag-icon{display:inline-flex}.diag-body{overflow:auto;padding:0 var(--space-4) var(--space-3)}.diag-list,.note-list{list-style:none;margin:0;padding:0}.diag{margin-top:var(--space-2);padding-left:var(--space-3);border-left:calc(var(--ui-rule) * 2px) solid var(--accent)}.diag:first-child{margin-top:0}.diag.error{border-left-color:var(--warn)}.diag p{margin:0}.diag-place{display:inline-flex;gap:var(--space-2);padding:0;border:0;background:none;color:var(--muted);font-size:var(--fs-note);cursor:pointer}.diag-place:hover .diag-where{color:var(--link);text-decoration:underline}.diag-code{font-family:var(--font-mono);font-weight:var(--fw-strong);color:var(--accent)}.diag-code.error{color:var(--warn)}.diag-hint,.note-list{color:var(--muted);font-size:var(--fs-note)}.note-list li{margin-top:var(--space-2)}.assistant-slot{display:flex;justify-content:center;min-width:0}.assistant{position:relative;width:100%}.assistant-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--ui-control);padding:0 var(--space-2) 0 var(--space-3);border:calc(var(--ui-rule) * 1px) solid var(--rule-strong);border-radius:var(--ui-pill);background:var(--page);color:var(--muted);cursor:text;transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.assistant-toggle:hover{border-color:var(--accent);background:var(--surface)}.assistant-toggle.has-draft .pill-label{color:var(--text);font-style:italic}.pill-label{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pill-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-note);white-space:nowrap;animation:fade-in var(--motion-base) var(--ease-out)}.pill-tag .icon{width:var(--space-4);height:var(--space-4)}.pill-tag[data-kind=ok]{color:var(--ok)}.pill-tag[data-kind=warn]{color:var(--warn)}.pill-tag[data-kind=busy]{color:var(--accent)}.pill-key{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);height:var(--space-6);border:calc(var(--ui-rule) * 1px) solid var(--rule);border-radius:var(--radius-small);background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-caption)}.chip{display:inline-flex;align-items:center;height:calc(var(--ui-control) - var(--space-2));padding:0 var(--space-3);border:calc(var(--ui-rule) * 1px) solid transparent;border-radius:var(--radius);background:var(--sunken);color:var(--muted);font-size:var(--fs-note);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.chip:hover,.chip:focus-visible{border-color:var(--accent);background:var(--surface);color:var(--text)}.assistant-body{position:absolute;top:calc(100% + var(--space-3));left:calc(var(--space-4) * -1);right:calc(var(--space-4) * -1);z-index:5;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:calc(var(--ui-rule) * 1px) solid var(--rule);border-radius:calc(var(--radius) * 2);background:var(--surface);box-shadow:var(--shadow-pop);overflow:hidden;transform-origin:top center}.assistant-body:before{content:"";position:absolute;top:0;left:0;width:40%;height:calc(var(--ui-rule) * 2px);background:var(--accent);opacity:0;transform:translate(-100%)}.assistant-body.is-busy:before{opacity:1;animation:sweep 1.2s var(--ease-out) infinite}@keyframes sweep{to{transform:translate(260%)}}.assistant-asked{display:flex;gap:var(--space-2);margin:0;padding:0 var(--space-1);color:var(--text);overflow-wrap:anywhere;animation:fade-in var(--motion-base) var(--ease-out)}.asked-label{flex:none;color:var(--muted);font-size:var(--fs-note);line-height:calc(var(--fs-ui) * var(--dim-line-height))}.assistant-input{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2);border:calc(var(--ui-rule) * 1px) solid var(--rule);border-radius:var(--radius);background:var(--code-bg);transition:border-color var(--motion-fast) var(--ease-out)}.assistant-input:focus-within{border-color:var(--accent)}.assistant textarea{flex:1;min-width:0;min-height:calc(var(--fs-ui) * var(--dim-line-height) * 2 + var(--space-2));max-height:calc(var(--fs-ui) * var(--dim-line-height) * 5 + var(--space-2));overflow-y:auto;padding:var(--space-1);border:0;resize:none;background:transparent;color:var(--c-fg)}.assistant textarea:focus-visible{outline:none}.assistant textarea:disabled{color:var(--muted)}.assistant-send{width:var(--ui-control);padding:0;border-radius:var(--ui-pill)}.assistant-send:disabled{opacity:1;color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft);cursor:progress}.assistant-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--space-6);padding:0 var(--space-1);font-size:var(--fs-note);color:var(--muted)}.status-line{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin:0}.status-line .icon{width:var(--space-4);height:var(--space-4)}.status-icon{display:inline-flex}.assistant-status[data-kind=ok] .status-line{color:var(--ok);font-weight:var(--fw-strong)}.assistant-status[data-kind=warn] .status-line{color:var(--warn);font-weight:var(--fw-strong)}.assistant-status[data-kind=busy] .status-line{color:var(--accent)}.status-tail{color:var(--muted);font-weight:var(--fw-normal)}.status-end{display:flex;align-items:center;gap:var(--space-3)}.assistant-problems{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-6);max-height:calc(var(--ui-panel) * .6);overflow-y:auto;border-top:calc(var(--ui-rule) * 1px) solid var(--rule);font-size:var(--fs-note);color:var(--text)}.assistant-problems li::marker{color:var(--warn)}.assistant-info{display:inline-flex;color:var(--muted);cursor:help;border-radius:var(--ui-pill)}.assistant-info .icon{width:var(--space-4);height:var(--space-4)}@media(max-width:860px){.btn-label{display:none}.btn{padding:0 var(--space-2)}.pill-key{display:none}}@media(max-width:640px){.bar{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);padding:0 var(--space-2)}.brand{font-size:var(--fs-brand-narrow)}.assistant{position:static}.assistant-body{position:fixed;top:calc(var(--ui-bar) + var(--space-2));left:var(--space-2);right:var(--space-2)}.stage{justify-content:flex-start;padding:var(--space-6) var(--space-3)}.empty{margin:var(--space-12) 0 0}.empty-chips{flex-direction:column;align-items:center}.drawing{padding:var(--space-3)}.drawing svg{min-width:calc(var(--dim-arrow-min) * 9px);max-height:none}.editor,.editor.is-open{position:fixed;left:0;right:0;bottom:0;z-index:4;width:auto;height:70vh;transform:translateY(100%);transition:transform var(--motion-base) var(--ease-out),visibility 0s linear var(--motion-base)}.editor.is-open{transform:none;transition:transform var(--motion-base) var(--ease-out),visibility 0s}.editor-card{width:100%;height:100%;margin:0;border-radius:calc(var(--radius) * 2) calc(var(--radius) * 2) 0 0;box-shadow:var(--shadow-pop)}.menu{position:static}.menu-panel{position:fixed;top:calc(var(--ui-bar) + var(--space-1));right:var(--space-2);max-width:calc(100vw - var(--space-4))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.icon-spinner{animation:none}}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);min-height:100%;padding:var(--space-6)}.login-brand{font-size:var(--fs-h2)}.login-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:20rem}.login-label{color:var(--muted);font-size:var(--fs-note)}.login-input{height:var(--ui-control);padding:0 var(--space-3);border:calc(var(--ui-rule) * 1px) solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}.login-input:focus-visible{border-color:var(--accent)}.login-submit{width:100%}.login-error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-note)}
