.spx-chatrail{background:var(--bg-light);background-repeat:no-repeat;background-size:100% 60%;flex-direction:column;min-width:0;min-height:0;display:flex}.spx-chatrail-head{align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-4);font-family:var(--font-serif,var(--font-sans));font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--text);flex:none;display:flex}.spx-chatrail-head-mark{color:var(--accent);font-size:var(--text-sm)}.spx-chatrail-empty{justify-content:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;flex:1;display:flex}.spx-chatrail-mark{border-radius:var(--radius-sm);background:var(--accent-gradient);width:34px;height:34px;color:var(--on-accent);box-shadow:0 2px 12px var(--glow-underglow);place-items:center;font-size:1rem;display:inline-grid}.spx-chatrail-empty h2{font-size:var(--text-lg,1.05rem);color:var(--ink,var(--text));margin:0}.spx-chatrail-empty p{font-size:var(--text-sm,.85rem);color:var(--text-secondary);margin:0;line-height:1.55}.spx-chatrail-msgs{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.spx-chatrail-msg{max-width:88%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm,.85rem);line-height:1.55}.spx-chatrail-msg--a{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);background:var(--surface);border:.5px solid var(--border);align-self:flex-start}.spx-chatrail-msg--u{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);color:var(--on-accent,#fff);background:var(--accent-gradient,var(--accent));align-self:flex-end}.spx-chatrail-composer{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);display:flex}.spx-chatrail-composer input{height:38px;padding:0 var(--space-4);min-width:0;font:inherit;font-size:var(--text-sm,.85rem);color:var(--text);background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius-full);flex:1}.spx-chatrail-composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);outline:none}.spx-chatrail-composer button{cursor:pointer;border-radius:var(--radius-full);width:38px;height:38px;color:var(--on-accent,#fff);background:var(--accent-gradient,var(--accent));border:none;flex:none;place-items:center;display:grid}.spx-chatrail-composer .spx-chatrail-mic{border:.5px solid var(--border-strong);color:var(--text-secondary);background:0 0}.spx-chatrail-composer .spx-chatrail-mic:hover{color:var(--text);border-color:var(--text-tertiary)}