*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:#06121f;color:#e6f0f7;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px;z-index:10}.hud>*{pointer-events:auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.topbar-left{display:flex;align-items:center;gap:10px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:1.5px;font-size:13px;color:#eaf4fb;padding:8px 14px;border-radius:10px;background:rgba(3,11,19,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(120,160,190,.12)}.brand span{color:#4db8ff}.brand-logo{width:22px;height:22px;border-radius:5px}.mode-switch{display:inline-flex;gap:4px;padding:4px;border-radius:12px;border:1px solid rgba(120,160,190,.3);background:rgba(3,11,19,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mode-switch button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;background:none;color:#b9d2e4;cursor:pointer;font-size:11.5px;letter-spacing:1px;font-weight:700;padding:8px 14px}.mode-switch button:before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(125,163,189,.35)}.mode-switch button:hover:not(:disabled):not(.on){border-color:rgba(120,160,190,.35);color:#eaf4fb}.mode-switch button.on{color:#06121f;background:#4db8ff;border-color:#4db8ff;box-shadow:0 0 12px rgba(77,184,255,.45)}.mode-switch button.on:before{background:#06121f;box-shadow:0 0 6px rgba(6,18,31,.5)}.mode-switch button:disabled{color:#45607a;cursor:not-allowed}.mode-switch button:disabled:before{background:rgba(90,115,135,.3)}.conn-detail{text-align:right;font-size:12px;padding:7px 13px;border-radius:10px;background:rgba(3,11,19,.62);border:1px solid rgba(120,160,190,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.conn-detail .row{font-weight:700;letter-spacing:.8px}.conn-detail.ok .row{color:#6fe3a1}.conn-detail.bad .row{color:#ff7b7b}.conn-detail .sub{font-size:10px;color:#7fa3bd;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.helm{display:flex;flex-direction:column;align-items:center;gap:12px}.instruments{display:flex;align-items:stretch;justify-content:center;background:rgba(6,16,27,.5);border:1px solid rgba(120,160,190,.22);border-top-color:rgba(160,200,230,.3);border-radius:14px;padding:4px 6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(190,220,245,.08)}.gauge{padding:10px 18px 9px;min-width:112px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45)}.gauge+.gauge{border-left:1px solid rgba(120,160,190,.16)}.gauge .label{font-size:9.5px;letter-spacing:1.8px;color:#8fb4cf;text-transform:uppercase}.gauge .value{font-size:26px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#eaf6ff;text-shadow:0 0 10px rgba(77,184,255,.35),0 1px 2px rgba(0,0,0,.5)}.gauge .value.status{font-size:15px;letter-spacing:.5px;padding:6px 0}.gauge .sub{font-size:10.5px;color:#7fa3bd}.gauge .sub.settling,.gauge .value.settling-text{color:#ffcf6b;text-shadow:0 0 10px rgba(255,207,107,.35)}.compass-fixed{position:absolute;left:50%;transform:translateX(-50%);top:14px;z-index:11}.compass{width:132px;height:132px;flex:0 0 auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.compass svg{width:100%;height:100%;display:block}.console{position:absolute;right:16px;bottom:158px;width:280px;max-height:34vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;z-index:10;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(180deg,transparent 0,#000 46px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 46px)}.console::-webkit-scrollbar{width:0;height:0;display:none}.msg{background:rgba(10,26,42,.45);border:1px solid rgba(125,163,189,.14);border-radius:8px;padding:7px 10px;font-size:12.5px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.5)}.msg.valid{border-color:rgba(111,227,161,.35)}.msg.invalid{border-color:hsla(0,100%,74%,.35)}.msg .tag{font-size:10px;letter-spacing:1px;color:#7fa3bd;text-transform:uppercase}.msg.valid .tag{color:#6fe3a1}.msg.invalid .tag{color:#ff7b7b}.orderbar{display:flex;gap:8px;justify-content:center;align-items:center}.orderbar input{width:420px;padding:12px 14px;border-radius:10px;border:1px solid #1e3a52;background:rgba(10,26,42,.92);color:#e6f0f7;font-size:15px;outline:none}.orderbar button{padding:12px 18px;border-radius:10px;border:none;cursor:pointer;background:#1769aa;color:#fff;font-size:15px;font-weight:600}.orderbar button.mic{width:62px;height:62px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:rgba(19,42,63,.55);color:#dceefc;border:1.5px solid rgba(125,180,220,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 14px rgba(0,0,0,.3)}.orderbar button.mic:hover{background:rgba(35,68,96,.75);border-color:#4db8ff}.orderbar button.mic svg{width:27px;height:27px}.orderbar button.mic.rec{background:rgba(211,51,51,.85);border-color:#ff9d9d;color:#fff;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.orderbar button.mic.busy{border-color:#ffd166;cursor:wait}.orderbar button:disabled{opacity:.75;cursor:wait}.orderbar button.mic.off,.orderbar button.mic.off:hover{opacity:.4;cursor:not-allowed;background:rgba(19,42,63,.4);border-color:rgba(125,180,220,.18)}.mic-spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,209,102,.25);border-top-color:#ffd166;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.left-rail{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:12}.rail-btn{width:46px;height:46px;border-radius:12px;cursor:pointer;border:1px solid rgba(120,160,190,.2);background:rgba(3,11,19,.62);color:#cfe4f5;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s,border-color .15s;text-decoration:none}.rail-btn:hover{background:rgba(20,42,63,.8)}.rail-btn svg{width:22px;height:22px}.rail-btn.on{border-color:#ffd166;color:#ffd166;background:rgba(255,209,102,.1)}.info-backdrop{position:absolute;inset:0;z-index:30;background:rgba(3,9,16,.35);display:flex;align-items:center;justify-content:center}.info-popup{position:relative;width:min(480px,calc(100vw - 48px));max-height:80vh;overflow-y:auto;background:rgba(6,16,27,.78);border:1px solid rgba(120,160,190,.22);border-radius:14px;padding:22px 26px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);scrollbar-width:none}.info-popup::-webkit-scrollbar{display:none}.info-close{position:absolute;top:12px;right:14px;border:none;background:none;color:#7fa3bd;cursor:pointer;font-size:15px}.info-close:hover{color:#e6f0f7}.info-title{font-weight:700;letter-spacing:2px;font-size:17px}.info-title span{color:#4db8ff}.info-sub{font-size:11px;letter-spacing:1.2px;color:#7fa3bd;text-transform:uppercase;margin:3px 0 14px}.info-body{font-size:13px;line-height:1.6;color:#d7e7f3}.info-body p{margin-bottom:10px}.info-body ul{margin:0 0 10px 18px}.info-body li{margin-bottom:7px}.info-body b{color:#eaf4fb}.info-foot{font-size:11.5px;color:#7fa3bd;margin-top:4px}.book-panel{position:absolute;top:0;left:0;height:100%;width:300px;z-index:14;background:rgba(6,16,27,.92);border-right:1px solid rgba(120,160,190,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateX(-100%);transition:transform .28s ease;display:flex;flex-direction:column}.book-panel.open{transform:translateX(0)}.book-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;border-bottom:1px solid rgba(120,160,190,.12)}.book-title{font-weight:700;letter-spacing:1px;font-size:13px;text-transform:uppercase}.book-sub{font-size:10.5px;color:#7fa3bd;margin-top:3px}.book-close{border:none;background:none;color:#7fa3bd;cursor:pointer;font-size:14px;padding:2px 6px}.book-close:hover{color:#e6f0f7}.book-body{padding:12px 16px 20px;overflow-y:auto;flex:1 1;scrollbar-width:none;-ms-overflow-style:none}.book-body::-webkit-scrollbar{display:none}.book-section{font-size:10px;letter-spacing:1.2px;color:#7fa3bd;text-transform:uppercase;margin:14px 0 8px}.book-body section:first-child .book-section{margin-top:2px}.book-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid rgba(125,163,189,.25);background:rgba(19,42,63,.6);color:#dceefc;border-radius:14px;padding:5px 11px;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.chip:hover{background:rgba(30,62,90,.85);border-color:#4db8ff}.book-note{font-size:11px;color:#7fa3bd;margin-top:16px;line-height:1.5}.asset-loader{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:20;width:240px;text-align:center;background:rgba(6,16,27,.72);border:1px solid rgba(120,160,190,.18);border-radius:12px;padding:14px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.asset-loader-label{font-size:11px;letter-spacing:1.5px;color:#9fc3dd;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:9px}.asset-loader-bar{height:5px;border-radius:3px;background:rgba(125,163,189,.2);overflow:hidden}.asset-loader-fill{height:100%;border-radius:3px;background:#4db8ff;transition:width .2s ease}.advisor{position:absolute;left:16px;top:62px;width:270px;z-index:10;background:rgba(6,16,27,.62);border:1px solid rgba(120,160,190,.16);border-radius:10px;padding:10px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.advisor-title{font-size:10px;letter-spacing:1.5px;color:#7fa3bd;margin-bottom:8px}.advisor-obj{display:flex;align-items:center;gap:7px;font-size:12px;padding:3px 0}.advisor-obj .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.advisor-obj.risk-high .dot{background:#ff7b7b;box-shadow:0 0 6px #ff7b7b}.advisor-obj.risk-watch .dot{background:#ffcf6b}.advisor-obj .obj-label{flex:1 1}.advisor-obj .obj-meta{color:#7fa3bd;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.advisor-rec{margin-top:8px;padding-top:8px;border-top:1px solid rgba(120,160,190,.14)}.rec-reason{font-size:11.5px;color:#b9d2e4;line-height:1.45}.rec-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:8px}.rec-order{font-size:13.5px;font-weight:700;color:#ffd166}.rec-use{border:1px solid rgba(255,209,102,.45);background:rgba(255,209,102,.12);color:#ffd166;border-radius:8px;padding:4px 12px;font-size:12px;cursor:pointer}.rec-use:hover{background:rgba(255,209,102,.25)}