*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: rgba(15, 15, 25, .85);--border: rgba(0, 212, 255, .15);--text: #c8d8e8;--text-dim: #6b7a8d;--cyan: #00d4ff;--purple: #8b5cf6;--amber: #f59e0b;--font: system-ui, -apple-system, sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font)}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{padding:.6rem 1.2rem;border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.app-title{font-size:1.4rem;font-weight:700;letter-spacing:.15em;color:var(--cyan);text-shadow:0 0 12px rgba(0,212,255,.5)}.app-subtitle{font-size:.75rem;color:var(--text-dim);letter-spacing:.05em}.mode-selector{display:flex;gap:.5rem;padding:.5rem 1.2rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.mode-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.35rem .9rem;border-radius:4px;cursor:pointer;font-size:.82rem;letter-spacing:.04em;transition:all .2s}.mode-btn:hover{border-color:var(--accent, var(--cyan));color:var(--accent, var(--cyan));box-shadow:0 0 8px #00d4ff33}.mode-btn.active{border-color:var(--accent, var(--cyan));color:var(--accent, var(--cyan));background:#00d4ff14;box-shadow:0 0 12px #00d4ff4d}.scene-wrapper{flex:1;position:relative;overflow:hidden}.scene-wrapper canvas{display:block;width:100%!important;height:100%!important}.control-panel{background:var(--surface);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;overflow-y:auto;max-height:230px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem 1.8rem;padding:.6rem 1.5rem;justify-content:center;align-items:flex-start}.control-panel h4{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.slider-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.slider-row label{font-size:.78rem;color:var(--text);width:130px;flex-shrink:0}.slider-row input[type=range]{flex:1;min-width:0;max-width:max(110px,20vw);accent-color:var(--cyan);cursor:pointer}.slider-row select{flex:1;background:#1a1a2e;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:.2rem .4rem;font-size:.78rem}.slider-row span{font-size:.72rem;color:var(--cyan);width:40px;text-align:right;font-variant-numeric:tabular-nums}.info-overlay{position:absolute;top:1rem;right:1rem;max-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:all .2s}.info-overlay.open{padding:.8rem}.info-toggle{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;line-height:1;padding:.2rem}.info-overlay.closed{padding:.5rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.info-overlay.closed .info-toggle{position:static;color:var(--cyan)}.info-content h3{font-size:.85rem;color:var(--cyan);margin-bottom:.4rem;padding-right:1.5rem;text-shadow:0 0 8px rgba(0,212,255,.4)}.info-aha{font-size:.72rem;color:var(--amber);line-height:1.55;margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid rgba(245,158,11,.2);font-style:italic}.info-basis{font-size:.72rem;color:var(--cyan);font-style:italic;margin-bottom:.45rem;opacity:.8}.info-components{margin-top:.6rem;padding:.4rem .55rem;background:#00d4ff0d;border-left:2px solid rgba(0,212,255,.25);border-radius:0 3px 3px 0}.info-components-label{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:.3rem}.info-components ul{list-style:none;padding:0;margin:0}.info-components li{font-size:.72rem;color:var(--text);padding:.08rem 0;opacity:.85;display:flex;align-items:baseline;gap:0}.info-components li:before{content:"·  ";color:var(--cyan);opacity:.6;flex-shrink:0}.info-expand-btn{display:block;margin-top:.55rem;background:transparent;border:none;color:var(--text-dim);font-size:.7rem;cursor:pointer;padding:0;letter-spacing:.04em;transition:color .15s}.info-expand-btn:hover{color:var(--cyan)}.info-transform{margin-top:.45rem;font-size:.72rem;color:var(--text);line-height:1.55;padding:.4rem .5rem;background:#8b5cf612;border-left:2px solid rgba(139,92,246,.35);border-radius:0 3px 3px 0;font-style:italic}.info-content p{font-size:.75rem;color:var(--text);line-height:1.5}.status-strip{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);display:flex;gap:1.2rem;padding:.3rem 1rem;background:#0a0a14bf;border:1px solid var(--border);border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap}.status-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.status-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.status-value{font-size:.72rem;color:var(--cyan);font-variant-numeric:tabular-nums}.status-mode{color:var(--amber);font-weight:600;letter-spacing:.08em}.toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.25rem .7rem;border-radius:4px;cursor:pointer;font-size:.78rem;transition:all .2s;flex:1}.toggle-btn:hover{border-color:var(--cyan);color:var(--cyan)}.toggle-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00d4ff1a;box-shadow:0 0 8px #00d4ff40}.app-header-left{display:flex;flex-direction:column}.app-header-right{display:flex;align-items:center}.viz-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.35rem .9rem;border-radius:4px;cursor:pointer;font-size:.82rem;letter-spacing:.04em;transition:all .2s;white-space:nowrap}.viz-toggle-btn:hover{border-color:var(--purple);color:var(--purple);box-shadow:0 0 8px #8b5cf640}.viz-toggle-btn.active{border-color:var(--purple);color:var(--purple);background:#8b5cf61a;box-shadow:0 0 12px #8b5cf64d}.viz-full{flex:1;overflow:hidden;display:flex;flex-direction:column}.quantum-visualizer{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.quantum-visualizer-canvas{flex:1;position:relative;overflow:hidden}.quantum-visualizer-canvas canvas{display:block;width:100%!important;height:100%!important}.viz-panel{width:280px;min-width:240px;max-width:320px;display:flex;flex-direction:column;background:#0a0a16f2;border-right:1px solid var(--border);overflow:hidden;flex-shrink:0}.viz-panel-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.viz-panel-tab{flex:1;padding:.6rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:.78rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s;text-align:center}.viz-panel-tab:hover{color:var(--text);background:#ffffff08}.viz-panel-tab.active{color:var(--cyan);border-bottom-color:var(--cyan);background:#00d4ff0d}.viz-panel-body{flex:1;overflow-y:auto;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.6rem}.viz-panel-hint{font-size:.72rem;color:var(--text-dim);line-height:1.45;padding:.3rem 0}.viz-panel-note{font-size:.7rem;color:var(--text-dim);line-height:1.4;border-top:1px solid rgba(255,255,255,.06);padding-top:.55rem;margin-top:.2rem}.viz-gate-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.viz-gate-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .7rem;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:5px;cursor:pointer;text-align:left;transition:all .18s;color:var(--text)}.viz-gate-btn:hover{border-color:#00d4ff4d;background:#00d4ff0d}.viz-gate-btn.active{border-color:var(--cyan);background:#00d4ff1a;box-shadow:0 0 8px #00d4ff26}.viz-gate-label{font-size:.84rem;font-weight:600;color:var(--text);font-family:monospace;letter-spacing:.04em}.viz-gate-btn.active .viz-gate-label{color:var(--cyan)}.viz-gate-desc{font-size:.68rem;color:var(--text-dim);line-height:1.3}.viz-angle-row{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .7rem;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:5px}.viz-angle-label{font-size:.78rem;color:var(--cyan);font-family:monospace}.viz-angle-slider{width:100%;accent-color:var(--cyan);cursor:pointer}.viz-apply-btn{align-self:flex-end;padding:.28rem .75rem;background:#00d4ff1f;border:1px solid rgba(0,212,255,.35);border-radius:4px;color:var(--cyan);font-size:.76rem;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:all .18s}.viz-apply-btn:hover{background:#00d4ff33;box-shadow:0 0 8px #00d4ff40}.viz-info-card{padding:.55rem .7rem;background:#0000004d;border:1px solid rgba(0,212,255,.12);border-radius:5px;display:flex;flex-direction:column;gap:.35rem}.viz-info-card-title{font-size:.8rem;font-weight:700;color:var(--cyan);font-family:monospace;letter-spacing:.06em}.viz-info-card-body{font-size:.7rem;color:var(--text-dim);line-height:1.45}.viz-storyboard{list-style:decimal;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.viz-storyboard-step{font-size:.72rem;color:var(--text-dim);line-height:1.4;transition:color .25s}.viz-storyboard-step.active{color:var(--amber);font-weight:600}.preset-bar{display:flex;align-items:center;gap:.8rem;padding:.4rem 1.2rem;background:#0a0a14eb;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.preset-bar-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;margin-right:.2rem}.preset-group{display:flex;align-items:center;gap:.4rem}.preset-group-label{font-size:.62rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-right:.1rem}.preset-divider{width:1px;height:1.2rem;background:var(--border);flex-shrink:0}.preset-btn{background:transparent;border:1px solid rgba(0,212,255,.2);color:var(--text-dim);padding:.22rem .65rem;border-radius:3px;cursor:pointer;font-size:.75rem;letter-spacing:.03em;transition:all .18s}.preset-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#00d4ff12}.sweep-btn{background:transparent;border:1px solid rgba(245,158,11,.25);color:var(--text-dim);padding:.22rem .7rem;border-radius:3px;cursor:pointer;font-size:.75rem;letter-spacing:.03em;transition:all .18s}.sweep-btn:hover{border-color:var(--amber);color:var(--amber);background:#f59e0b12}.sweep-btn.active{border-color:var(--amber);color:var(--amber);background:#f59e0b1f;box-shadow:0 0 8px #f59e0b40}.control-section{width:280px;flex-shrink:0;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid rgba(0,212,255,.07)}.control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.slider-row.disabled{opacity:.35;pointer-events:none}.layers-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.layer-grid-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.28rem .3rem;border-radius:4px;cursor:pointer;font-size:.72rem;letter-spacing:.04em;transition:all .2s;text-align:center;width:100%}.layer-grid-btn:hover{border-color:var(--cyan);color:var(--cyan)}.layer-grid-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00d4ff1a;box-shadow:0 0 8px #00d4ff40}.modem-advanced-toggle{display:block;width:100%;margin-top:.4rem;padding:.22rem .4rem;background:transparent;border:1px dashed rgba(245,158,11,.3);color:#f59e0b8c;border-radius:4px;cursor:pointer;font-size:.68rem;letter-spacing:.05em;text-align:left;transition:all .2s}.modem-advanced-toggle:hover{border-color:#f59e0ba6;color:#f59e0bd9}.modem-advanced-toggle.active{border-color:#f59e0b8c;color:#f59e0bcc;background:#f59e0b0f}.modem-advanced-grid{margin-top:.3rem}.modem-advanced-grid .layer-grid-btn{border-color:#f59e0b40;color:#f59e0b8c}.modem-advanced-grid .layer-grid-btn:hover{border-color:#f59e0bb3;color:#f59e0be6}.modem-advanced-grid .layer-grid-btn.active{border-color:#f59e0bbf;color:#f59e0b;background:#f59e0b1f;box-shadow:0 0 8px #f59e0b40}.status-sweep{color:var(--amber);font-size:.65rem;letter-spacing:.06em}.spectrum-panel{position:absolute;bottom:3.2rem;left:1rem;width:260px;background:#0a0a16e0;border:1px solid rgba(0,212,255,.15);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.55rem .7rem .5rem;pointer-events:none;-webkit-user-select:none;user-select:none}.pipeline-header{display:flex;align-items:center;gap:0;margin-bottom:.45rem;flex-wrap:nowrap}.pipeline-stage-group{display:flex;align-items:center;gap:0;flex:1;min-width:0}.pipeline-stage{font-size:.55rem;letter-spacing:.03em;color:var(--text-dim);white-space:nowrap;padding:.1rem .22rem;border-radius:3px;transition:color .3s,background .3s;overflow:hidden;text-overflow:ellipsis}.pipeline-stage.active{color:var(--cyan);background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);flex-shrink:0}.pipeline-arrow{font-size:.52rem;color:var(--text-dim);opacity:.4;padding:0 .08rem;flex-shrink:0}.spectrum-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.spectrum-title{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.spectrum-mode-label{font-size:.66rem;color:var(--cyan);opacity:.75;letter-spacing:.03em}.spectrum-bars{display:flex;align-items:flex-end;gap:.5rem;height:72px}.spectrum-bar-group{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.spectrum-bar-track{flex:1;width:100%;background:#ffffff0a;border-radius:2px;display:flex;align-items:flex-end;min-height:48px;overflow:hidden}.spectrum-bar-fill{width:100%;border-radius:2px 2px 0 0;transition:height .05s linear;min-height:2px}.spectrum-bar-label{font-size:.58rem;letter-spacing:.03em;text-align:center;line-height:1.2;margin-top:.15rem}.spectrum-bar-value{font-size:.58rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.spectrum-note{margin-top:.45rem;font-size:.62rem;color:var(--text-dim);font-style:italic;letter-spacing:.02em;text-align:center;border-top:1px solid rgba(255,255,255,.06);padding-top:.35rem}.pipeline-fill{margin-left:auto;font-size:.5rem;color:var(--text-dim);opacity:.55;white-space:nowrap}.spectrum-collecting{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin:auto 0}.spectrum-collecting-bar{height:100%;background:var(--cyan);border-radius:2px;opacity:.45;transition:width .2s linear}.spectrum-buffer-track{margin-top:.25rem;height:2px;background:#ffffff0a;border-radius:1px;overflow:hidden}.spectrum-buffer-fill{height:100%;background:var(--cyan);opacity:.25;transition:width .3s linear}.info-comp-label{font-weight:600;margin-right:.35rem;color:var(--cyan);opacity:.85}.info-comp-note{color:var(--text-dim);font-size:.68rem}@keyframes spectrumPulse{0%{box-shadow:0 0 6px #00d4ff73}to{box-shadow:none}}.spectrum-flash{border-radius:2px;animation:spectrumPulse .09s ease-out forwards}.info-pipeline{margin-top:.6rem;padding:.4rem .55rem;background:#00d4ff0a;border-left:2px solid rgba(0,212,255,.3);border-radius:0 3px 3px 0}.info-pipeline-label{display:block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.25rem}.info-pipeline-flow{font-size:.74rem;color:var(--cyan);font-weight:600;letter-spacing:.04em;margin-bottom:.3rem}.info-pipeline-note{font-size:.7rem;color:var(--text);line-height:1.5;font-style:italic;opacity:.85}.info-pipeline-coupling{margin-top:.4rem;font-size:.68rem;color:var(--text-dim);line-height:1.5;opacity:.8}.reception-meter{position:absolute;bottom:3.8rem;right:.9rem;display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;pointer-events:none;-webkit-user-select:none;user-select:none}.reception-meter-label{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);opacity:.75}.reception-meter-bar-track{width:88px;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.reception-meter-bar-fill{height:100%;border-radius:3px;transition:width .08s linear,background-color .15s ease}.reception-meter-readout{display:flex;align-items:baseline;gap:.35rem}.reception-meter-value{font-size:.76rem;font-weight:700;transition:color .15s ease;font-variant-numeric:tabular-nums}.reception-meter-qual{font-size:.62rem;font-weight:500;opacity:.8;transition:color .15s ease}.reception-meter-mode{font-size:.56rem;letter-spacing:.08em;color:var(--text-dim);opacity:.6}.quat-receiver-panel{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:row;gap:.4rem;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.quat-panel-item{display:flex;flex-direction:column;align-items:center;gap:.18rem}.quat-panel-canvas{display:block;border-radius:4px}.modem-hud{position:absolute;bottom:3.5rem;left:1.2rem;width:12.5rem;background:#0a0a14d1;border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:.55rem .75rem;font-family:var(--font);font-size:.75rem;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.modem-hud-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--cyan);text-transform:uppercase;margin-bottom:.4rem;border-bottom:1px solid rgba(0,212,255,.15);padding-bottom:.25rem}.modem-hud-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.22rem}.modem-hud-label{color:var(--text-dim);font-size:.68rem;letter-spacing:.06em}.modem-hud-value{font-weight:600;font-size:.75rem;letter-spacing:.04em}.modem-hud-tx{color:#f59e0b}.modem-hud-match{color:#4ade80}.modem-hud-mismatch{color:#f87171}.modem-hud-lock-on{color:#4ade80}.modem-hud-lock-weak{color:#facc15}.modem-hud-lock-off{color:#f87171}.modem-hud-bar-track{position:relative;width:100%;height:3px;background:#ffffff14;border-radius:2px;margin:.35rem 0 .25rem;overflow:hidden}.modem-hud-bar-fill{height:100%;border-radius:2px;transition:width .2s ease,background .3s ease}.modem-hud-thresh-guide{position:relative;width:100%;height:6px;margin-bottom:.3rem}.modem-hud-thresh-guide span{position:absolute;top:0;width:1px;height:100%;background:#ffffff47;transform:translate(-50%)}.modem-hud-legend{display:flex;align-items:center;gap:.3rem;font-size:.6rem;color:var(--text-dim);flex-wrap:wrap;row-gap:.15rem}.modem-hud-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.modem-hud-phase-pilot{color:#a78bfa}.modem-hud-phase-data{color:var(--text)}.modem-hud-unstable{font-size:.63rem;font-weight:600;color:#f87171;letter-spacing:.04em;margin-top:.1rem;margin-bottom:.1rem;text-align:center;animation:qmodem-blink .9s steps(1) infinite}@keyframes qmodem-blink{0%,to{opacity:1}50%{opacity:.35}}.modem-hud-divider{width:100%;height:1px;background:#ffffff14;margin:.3rem 0 .25rem}.modem-hud-stats-title{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;margin-bottom:.2rem}.modem-hud-stats-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;column-gap:.35rem;row-gap:.14rem;align-items:center}.modem-hud-stats-grid .modem-hud-label{text-align:right}.modem-hud-note{margin-top:.3rem;font-size:.58rem;color:#ffffff4d;letter-spacing:.03em;font-style:italic;text-align:right}.modem-hud-geodecode-badge{display:inline-block;margin-left:.35rem;padding:.05rem .3rem;background:#4ade8026;border:1px solid rgba(74,222,128,.45);border-radius:3px;font-size:.55rem;font-weight:800;letter-spacing:.08em;color:#4ade80;vertical-align:middle}.modem-hud-geodecode-note{font-size:.58rem;color:#a78bfacc;letter-spacing:.02em;font-style:italic;text-align:center;margin:.1rem 0;line-height:1.35}.modem-hud-hint{font-size:.6rem;font-weight:600;color:#6366f1bf;letter-spacing:.06em;text-align:center;margin:.1rem 0 .15rem;text-transform:uppercase}.modem-hud-hint-active{color:#818cf8;animation:qmodem-hint-pulse 1s ease-in-out infinite}@keyframes qmodem-hint-pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-launcher{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--border);background:#00d4ff1f;color:var(--cyan);font-size:1.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 0 14px #00d4ff33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-launcher:hover,.chat-launcher:focus-visible{background:#00d4ff38;box-shadow:0 0 20px #00d4ff66;outline:none}.chat-panel{position:fixed;bottom:5rem;right:1.5rem;z-index:899;width:340px;max-height:520px;display:flex;flex-direction:column;background:#0a0a14f5;border:1px solid var(--border);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0009,0 0 16px #00d4ff14;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-title{font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--cyan);text-shadow:0 0 8px rgba(0,212,255,.4)}.chat-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:.15rem .3rem;border-radius:3px;transition:color .2s;line-height:1}.chat-close-btn:hover,.chat-close-btn:focus-visible{color:var(--cyan);outline:none}.chat-messages{flex:1;overflow-y:auto;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.65rem;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.2) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}.chat-bubble{display:flex;flex-direction:column;gap:.2rem;max-width:88%}.chat-bubble--assistant{align-self:flex-start}.chat-bubble--user{align-self:flex-end;align-items:flex-end}.chat-bubble-role{font-size:.62rem;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.chat-bubble--user .chat-bubble-role{color:#00d4ff8c}.chat-bubble-text{font-size:.8rem;line-height:1.55;color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:.45rem .6rem}.chat-bubble-text--multi{display:flex;flex-direction:column;gap:.5rem}.chat-bubble-para{margin:0}.chat-bubble-text--error{color:#fca5a5;background:#ef44440f;border-color:#ef444426}.chat-bubble--user .chat-bubble-text{background:#00d4ff17;border-color:#00d4ff2e;color:var(--text)}.chat-typing-indicator{display:flex;gap:.3rem;align-items:center;min-height:1.4rem;padding:.35rem .6rem}.chat-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);opacity:.25;animation:chat-dot-pulse 1.2s ease-in-out infinite;flex-shrink:0}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes chat-dot-pulse{0%,80%,to{opacity:.2;transform:translateY(0) scale(.85)}40%{opacity:1;transform:translateY(-2px) scale(1)}}.chat-starters{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .8rem;border-top:1px solid var(--border);flex-shrink:0}.chat-starter-chip{background:transparent;border:1px solid rgba(0,212,255,.22);color:var(--text-dim);font-size:.72rem;padding:.28rem .55rem;border-radius:12px;cursor:pointer;transition:all .2s;letter-spacing:.02em}.chat-starter-chip:hover,.chat-starter-chip:focus-visible{border-color:var(--cyan);color:var(--cyan);background:#00d4ff12;outline:none}.chat-input-row{display:flex;align-items:flex-end;gap:.45rem;padding:.55rem .8rem;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:var(--font);font-size:.8rem;line-height:1.4;padding:.45rem .6rem;resize:none;outline:none;max-height:100px;transition:border-color .2s}.chat-input::placeholder{color:var(--text-dim)}.chat-input:focus{border-color:#00d4ff66}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid rgba(0,212,255,.3);background:#00d4ff1f;color:var(--cyan);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;line-height:1}.chat-send-btn:hover:not(:disabled),.chat-send-btn:focus-visible:not(:disabled){background:#00d4ff40;box-shadow:0 0 10px #00d4ff59;outline:none}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-explain-btn{width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid rgba(139,92,246,.35);background:#8b5cf61a;color:var(--purple);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;line-height:1}.chat-explain-btn:hover:not(:disabled),.chat-explain-btn:focus-visible:not(:disabled){background:#8b5cf638;box-shadow:0 0 10px #8b5cf659;outline:none}.chat-explain-btn:disabled{opacity:.35;cursor:not-allowed}.chat-sources{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem}.chat-sources-label{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);opacity:.6}.chat-sources-list{display:flex;flex-wrap:wrap;gap:.3rem}.chat-source-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;letter-spacing:.03em;color:var(--text-dim);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:.12rem .4rem;transition:color .15s,border-color .15s,background .15s;text-decoration:none;max-width:100%;cursor:default}.chat-source-badge-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-source-badge--link{cursor:pointer;border-color:#00d4ff26}.chat-source-badge--doc{border-color:#ffb43c33;color:#ffb43ccc}.chat-source-badge--repo{border-color:#00d4ff33;color:#00d4ffcc}.chat-source-badge--ext{border-color:#a06eff33;color:#a06effcc}.chat-source-badge-ext{font-size:.55rem;opacity:.6;flex-shrink:0;line-height:1}a.chat-source-badge:hover,a.chat-source-badge:focus-visible{color:var(--cyan);border-color:#00d4ff66;background:#00d4ff12;outline:none}a.chat-source-badge:hover .chat-source-badge-ext,a.chat-source-badge:focus-visible .chat-source-badge-ext{opacity:1}.chat-grounding{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.chat-grounding-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.6rem;letter-spacing:.04em;color:#6ee7b7bf;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:.1rem .4rem}.chat-grounding-chip:before{content:"●";font-size:.45rem;opacity:.7}.chat-followups{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.chat-followup-chip{background:transparent;border:1px solid rgba(0,212,255,.18);color:var(--text-dim);font-size:.7rem;padding:.22rem .5rem;border-radius:10px;cursor:pointer;transition:all .2s;letter-spacing:.02em;text-align:left}.chat-followup-chip:hover:not(:disabled),.chat-followup-chip:focus-visible:not(:disabled){border-color:var(--cyan);color:var(--cyan);background:#00d4ff12;outline:none}.chat-followup-chip:disabled{opacity:.4;cursor:not-allowed}.chat-bubble--error{border-left:2px solid rgba(239,68,68,.5);padding-left:.5rem}.chat-bubble--error .chat-bubble-role{color:#fca5a58c}.chat-bubble--error .chat-bubble-role:before{content:"⚠ ";font-style:normal}.chat-retry-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:.35rem;padding:.22rem .55rem;font-size:.72rem;border-radius:4px;border:1px solid rgba(239,68,68,.35);background:transparent;color:#fca5a5;cursor:pointer;transition:all .2s}.chat-retry-btn:hover:not(:disabled),.chat-retry-btn:focus-visible:not(:disabled){background:#ef44441f;outline:none}.chat-retry-btn:disabled{opacity:.4;cursor:not-allowed}.chat-error-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .8rem;background:#ef44441a;border-top:1px solid rgba(239,68,68,.2);font-size:.72rem;color:#fca5a5;flex-shrink:0}.chat-error-dismiss{background:transparent;border:none;color:#fca5a5;font-size:.75rem;cursor:pointer;padding:0 .2rem;opacity:.7;flex-shrink:0}.chat-error-dismiss:hover{opacity:1}.chat-mode-badge{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.1rem .35rem;border-radius:3px;margin-left:.4rem}.chat-mode-badge--live{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}@media (max-width: 400px){.chat-panel{right:.5rem;left:.5rem;width:auto;bottom:4.5rem}.chat-launcher{right:.75rem;bottom:1rem}}