*,:before,:after{box-sizing:border-box}:root{--bg:#0f1117;--surface:#1e2636;--surface2:#242f45;--border:#2d3748;--text:#e2e8f0;--muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--primary-bg:#3b82f614;--success:#22c55e;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--sans:system-ui, "Segoe UI", Roboto, sans-serif}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0;font-weight:600}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--muted)}select option{background:var(--surface)}textarea{resize:vertical;min-height:80px}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px}tr:hover td{background:#1a2236}button{cursor:pointer;font-family:var(--sans);font-size:14px}*{transition:none}.odrail{--od-side:#1e2636;--od-s1:#161d2b;--od-s2:#141b27;--od-line:#2d3748;--od-txt:#e2e8f0;--od-mut:#94a3b8;--od-dim:#64748b;--od-accent:#3b82f6;--od-accent2:#60a5fa;--od-accent-bg:#3b82f61f;--od-ok:#22c55e;--od-warn:#f59e0b;--od-bad:#ef4444;--od-you-bg:#3b82f614;--od-you-bdr:#3b82f659;--od-asst-bg:#94a3b80f;--od-asst-bdr:#2d3748;--od-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--od-trans:.15s ease;background:var(--od-side);border-left:1px solid var(--od-line);width:340px;height:100%;color:var(--od-txt);flex-direction:column;flex-shrink:0;font-size:13px;display:flex;overflow:hidden}.odrail-head{flex:none;align-items:center;gap:8px;padding:14px 15px 8px;display:flex}.odrail-title{align-items:center;gap:7px;min-width:0;font-weight:600;display:flex}.odrail-title svg{stroke:var(--od-accent2);flex-shrink:0}.odrail-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.odrail-hdr-btn{color:var(--od-mut);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;place-items:center;margin-left:auto;padding:4px;line-height:1;display:grid}.odrail-hdr-btn+.odrail-hdr-btn{margin-left:0}.odrail-hdr-btn:hover{color:var(--od-txt);border-color:var(--od-line)}.odrail-hdr-btn[aria-expanded=true]{color:var(--od-accent2);border-color:var(--od-line)}.odrail-state{font:10.5px/1.3 var(--od-mono);color:var(--od-accent2);align-items:center;gap:6px;padding:0 15px 10px;display:flex}.odrail-state-txt{overflow-wrap:anywhere;min-width:0}.odrail-state-dot{background:var(--od-accent2);border-radius:50%;flex:none;width:6px;height:6px}.odrail[data-state=listening] .odrail-state{align-items:flex-start}.odrail[data-state=listening] .odrail-state-dot{margin-top:3px}.odrail[data-state=idle] .odrail-state{color:var(--od-mut)}.odrail[data-state=idle] .odrail-state-dot{background:var(--od-mut)}.odrail[data-state=thinking] .odrail-state{color:var(--od-warn)}.odrail[data-state=thinking] .odrail-state-dot{background:var(--od-warn)}.odrail[data-state=speaking] .odrail-state{color:var(--od-ok)}.odrail[data-state=speaking] .odrail-state-dot{background:var(--od-ok)}.odrail-search{border-bottom:1px solid var(--od-line);flex:none;align-items:center;gap:4px;padding:5px 8px;display:flex}.odrail-search input{background:var(--od-s2);min-width:0;color:var(--od-txt);border:1px solid var(--od-line);border-radius:6px;outline:none;flex:1;padding:5px 8px;font:12px/1 inherit}.odrail-search input:focus{border-color:var(--od-accent)}.odrail-search-count{font:10px var(--od-mono);color:var(--od-mut);white-space:nowrap;text-align:center;min-width:38px}.odrail-search-nav{cursor:pointer;color:var(--od-mut);background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;padding:4px;line-height:1;display:grid}.odrail-search-nav:hover{color:var(--od-txt);background:var(--od-s2)}.odrail mark.odrail-hl{color:inherit;background:#ffd20047;border-radius:2px}.odrail mark.odrail-hl-active{background:#ff96008c;outline:1px solid #ff8c00d9}.odrail-orb-wrap{flex:none;justify-content:center;padding:6px 0 14px;display:flex}.odrail-orb-container{width:96px;height:96px;position:relative}.odrail-orb-ring{border:1px solid var(--od-line);border-radius:50%;transition:border-color .3s;position:absolute;inset:-6px}.odrail-orb-ring.ring2{opacity:.4;inset:-13px}.odrail[data-state=listening] .odrail-orb-ring{border-color:var(--od-accent);animation:1.2s ease-in-out infinite odrailPulseRing}.odrail[data-state=listening] .odrail-orb-ring.ring2{border-color:var(--od-accent);animation:1.2s ease-in-out .4s infinite odrailPulseRing}.odrail[data-state=thinking] .odrail-orb-ring{border-color:var(--od-warn);animation:1.8s ease-in-out infinite odrailPulseRing}.odrail[data-state=speaking] .odrail-orb-ring{border-color:var(--od-ok);animation:1s ease-in-out infinite odrailPulseRing}@keyframes odrailPulseRing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.odrail-orb{background:var(--od-s2);border:1.5px solid var(--od-line);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:96px;height:96px;padding:0;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.odrail-orb:focus-visible{box-shadow:0 0 0 3px var(--od-accent)}.odrail-orb:disabled{cursor:not-allowed;opacity:.55}.odrail[data-state=listening] .odrail-orb{border-color:var(--od-accent);background:#3b82f626;box-shadow:0 0 18px #3b82f640}.odrail[data-state=thinking] .odrail-orb{border-color:var(--od-warn);background:#f59e0b1a;box-shadow:0 0 18px #f59e0b33}.odrail[data-state=speaking] .odrail-orb{border-color:var(--od-ok);background:#22c55e1f;box-shadow:0 0 18px #22c55e33}.odrail-orb-bars{align-items:center;gap:3px;height:30px;display:flex}.odrail-bar{background:var(--od-mut);border-radius:2px;width:3px;height:8px;transition:background .3s}.odrail[data-state=listening] .odrail-bar{background:var(--od-accent);animation:.7s ease-in-out infinite alternate odrailBarDance}.odrail[data-state=listening] .odrail-bar:nth-child(2){animation-delay:.1s}.odrail[data-state=listening] .odrail-bar:nth-child(3){animation-delay:.2s}.odrail[data-state=listening] .odrail-bar:nth-child(4){animation-delay:.1s}.odrail[data-state=listening] .odrail-bar:nth-child(5){animation-delay:50ms}.odrail[data-state=thinking] .odrail-bar{background:var(--od-warn);animation:1.1s ease-in-out infinite odrailBarThink}.odrail[data-state=thinking] .odrail-bar:nth-child(2){animation-delay:.15s}.odrail[data-state=thinking] .odrail-bar:nth-child(3){animation-delay:.3s}.odrail[data-state=thinking] .odrail-bar:nth-child(4){animation-delay:.45s}.odrail[data-state=thinking] .odrail-bar:nth-child(5){animation-delay:.6s}.odrail[data-state=speaking] .odrail-bar{background:var(--od-ok);animation:.55s ease-in-out infinite alternate odrailBarSpeak}.odrail[data-state=speaking] .odrail-bar:nth-child(2){animation-delay:80ms}.odrail[data-state=speaking] .odrail-bar:nth-child(3){animation-delay:.16s}.odrail[data-state=speaking] .odrail-bar:nth-child(4){animation-delay:80ms}.odrail[data-state=speaking] .odrail-bar:nth-child(5){animation-delay:20ms}@keyframes odrailBarDance{0%{height:5px}to{height:24px}}@keyframes odrailBarThink{0%,to{opacity:.5;height:5px}50%{opacity:1;height:22px}}@keyframes odrailBarSpeak{0%{height:6px}to{height:26px}}@media (prefers-reduced-motion:reduce){.odrail-orb-ring,.odrail-bar{animation:none!important}}.odrail-log{flex-direction:column;flex:auto;gap:7px;padding:4px 14px;display:flex;overflow-y:auto}.odrail-bubble{border:1px solid var(--od-line);word-break:break-word;white-space:pre-wrap;border-radius:11px;max-width:92%;padding:8px 11px;font-size:12.5px;line-height:1.5}.odrail-who{font:9.5px/1 var(--od-mono);color:var(--od-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.odrail-bubble.you{border-color:var(--od-you-bdr);background:var(--od-you-bg);align-self:flex-end}.odrail-bubble.assistant{border-color:var(--od-asst-bdr);background:var(--od-asst-bg);align-self:flex-start}.odrail-bubble.error{color:#fca5a5;background:#ef444414;border-color:#ef444466}.odrail-bubble.live{opacity:.85;border-style:dashed}.odrail-truncated{font:10px var(--od-mono);color:var(--od-warn);text-transform:uppercase;letter-spacing:.06em;margin-top:5px;display:block}.odrail-empty{color:var(--od-dim);text-align:center;padding:18px 8px;font-size:12px;line-height:1.6}.odrail-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.odrail-chip{font:10.5px var(--od-mono);background:var(--od-accent-bg);color:var(--od-accent2);white-space:nowrap;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.odrail-chip.pending{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b66}.odrail-chip.rejected{color:#fca5a5;background:#ef44441a;border-color:#ef444466}.odrail-notices{flex-direction:column;flex:none;gap:4px;padding:0 14px;display:flex}.odrail-notice{color:var(--od-warn);background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:7px;padding:5px 8px;font-size:11.5px;line-height:1.45}.odrail-foot{border-top:1px solid var(--od-line);flex:none;padding:12px 14px}.odrail-vmic{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.odrail-micbtn{background:var(--od-s2);cursor:pointer;width:44px;height:44px;transition:border-color var(--od-trans), background var(--od-trans);border:1px solid #3b82f680;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.odrail-micbtn:hover:not(:disabled){border-color:var(--od-accent)}.odrail-micbtn:disabled{cursor:not-allowed;opacity:.5}.odrail-micbtn svg{stroke:var(--od-accent2)}.odrail-toggle{color:var(--od-mut);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.odrail-vmic .odrail-toggles{flex-direction:column;align-items:flex-start;gap:3px;margin-left:auto;display:flex}.odrail-toggle input{accent-color:var(--od-accent);cursor:pointer;width:14px;height:14px}.odrail-toggle.muted input{accent-color:var(--od-bad)}.odrail-vtext{align-items:center;gap:8px;margin-top:10px;display:flex}.odrail-vtext-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.odrail-vtext-input{background:var(--od-s2);width:100%;color:var(--od-txt);border:1px solid var(--od-line);transition:border-color var(--od-trans);box-sizing:border-box;border-radius:9px;padding:9px 11px;font:13px/1.4 inherit}.odrail-vtext-input::placeholder{color:var(--od-dim)}.odrail-vtext-input:focus{outline:2px solid var(--od-accent);outline-offset:0;border-color:var(--od-accent)}.odrail-vtext-send{flex-shrink:0;width:38px;height:38px}.odrail-attach-btn{opacity:.6;flex-shrink:0;width:34px;height:34px}.odrail-attach-btn:hover{opacity:1}.odrail-preview{background:var(--od-s2);border:1px solid var(--od-line);box-sizing:border-box;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:4px 6px;display:flex}.odrail-preview img{object-fit:cover;border-radius:5px;flex-shrink:0;width:44px;height:44px}.odrail-preview-name{font:11px var(--od-mono);color:var(--od-mut);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.odrail-preview-remove{color:var(--od-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 2px;font-size:14px;line-height:1}.odrail-preview-remove:hover{color:var(--od-txt)}.odrail-vtext--drop-active{outline:2px dashed var(--od-accent);outline-offset:3px;border-radius:11px}.odrail-panel{flex-direction:column;gap:11px;margin-top:12px;font-size:12.5px;display:flex}.odrail-panel-row{align-items:center;gap:10px;display:flex}.odrail-panel-row>label:first-child{color:var(--od-mut);text-transform:uppercase;letter-spacing:.04em;flex:0 0 46px;font-size:11px}.odrail-panel select{background:var(--od-s2);min-width:0;color:var(--od-txt);border:1px solid var(--od-line);cursor:pointer;border-radius:7px;flex:1;padding:5px 8px;font:12px/1.4 inherit}.odrail-panel select:focus{outline:2px solid var(--od-accent)}.odrail-panel-note{min-width:0;color:var(--od-mut);flex:1;font:11px/1.4 inherit}.odrail-slider-wrap{flex:1;align-items:center;gap:8px;display:flex}.odrail-slider-wrap input[type=range]{accent-color:var(--od-accent);cursor:pointer;flex:1;height:4px}.odrail-slider-val{text-align:right;color:var(--od-mut);font:11.5px var(--od-mono);flex:0 0 30px}.odrail-panel-actions{gap:8px;display:flex}.odrail-wake-row{gap:8px}.odrail-wake-row .odrail-toggle{text-transform:none;letter-spacing:0;flex:none}.odrail-text-input{min-width:0;font:12px/1.4 var(--od-mono);background:var(--od-s2);color:var(--od-txt);border:1px solid var(--od-line);border-radius:7px;flex:1;padding:4px 8px}.odrail-text-input:focus{outline:2px solid var(--od-accent)}.odrail-btn{background:var(--od-s2);border:1px solid var(--od-line);color:var(--od-txt);cursor:pointer;border-radius:7px;padding:5px 12px;font-size:12px}.odrail-btn:hover:not(:disabled){border-color:var(--od-accent)}.odrail-btn:disabled{opacity:.5;cursor:not-allowed}.odrail-unsupported{color:var(--od-mut);background:var(--od-s2);border:1px solid var(--od-line);border-radius:8px;margin:0 14px 10px;padding:7px 9px;font-size:11.5px;line-height:1.5}