.vt-page{padding:16px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 60px);box-sizing:border-box}.vt-head h1{margin:0;font-size:20px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.vt-head p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.vt-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand-primary)}.vt-dot{width:9px;height:9px;border-radius:50%;background:var(--brand-primary)}.vt-dot.live{animation:vt-blink 1.1s infinite}@keyframes vt-blink{50%{opacity:.35}}.vt-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media (max-width: 920px){.vt-split{grid-template-columns:1fr}.vt-page{padding:12px}}.vt-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;padding:14px}.vt-mic-stage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px}.vt-orb{width:108px;height:108px;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff;box-shadow:var(--shadow-md);border:none;cursor:pointer}.vt-orb.speaking{animation:vt-pulse 1.2s ease-in-out infinite}.vt-orb.listening{animation:vt-pulse 2s ease-in-out infinite}@keyframes vt-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff980073}50%{transform:scale(1.06);box-shadow:0 0 0 16px #ff980000}}.vt-hint{font-size:12px;color:var(--text-tertiary);text-align:center}.vt-btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.vt-btn{border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer}.vt-btn.primary{background:var(--brand-gradient);color:#fff}.vt-btn.danger{background:var(--error);color:#fff}.vt-btn.ghost{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.vt-btn.small{padding:7px 13px;font-size:12px}.vt-btn:disabled{opacity:.55;cursor:default}.vt-transcript{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:6px}.vt-bubble{max-width:85%}.vt-bubble.user{align-self:flex-end;text-align:right}.vt-bubble.ai{align-self:flex-start}.vt-who{font-size:11px;color:var(--text-tertiary);margin-bottom:2px}.vt-text{padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap}.vt-bubble.user .vt-text{background:var(--brand-gradient);color:#fff}.vt-bubble.ai .vt-text{background:var(--bg-tertiary);color:var(--text-primary)}.vt-live{align-self:flex-start;font-style:italic;color:var(--text-secondary);border:1px dashed var(--border-primary);border-radius:12px;padding:8px 12px;font-size:13px;max-width:85%}.vt-input-row{display:flex;gap:8px;margin-top:10px}.vt-input-row input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:10px 12px;color:var(--text-primary);font-size:14px;outline:none}.vt-browser-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.vt-browser-head strong{font-size:14px;color:var(--text-primary)}.vt-browser-url{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.vt-shot{width:100%;border-radius:10px;display:block;border:1px solid var(--border-primary)}.vt-frame{width:100%;height:380px;border:1px solid var(--border-primary);border-radius:10px;background:#000}@media (max-width: 920px){.vt-frame{height:300px}.vt-transcript{max-height:240px}}.vt-empty{text-align:center;color:var(--text-secondary);font-size:13px;padding:18px 8px}.vt-quick{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.vt-err{color:var(--error);font-size:13px;text-align:center}details.vt-settings{font-size:12px;color:var(--text-secondary)}details.vt-settings summary{cursor:pointer;font-weight:600}details.vt-settings select{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:6px 8px;color:var(--text-primary);font-size:12px;max-width:100%}.vt-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.vt-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:18px;padding:26px 22px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-glass)}.vt-modal h2{margin:0 0 8px;color:var(--text-primary);font-size:20px}.vt-modal p{color:var(--text-secondary);font-size:14px;line-height:1.6}.vt-modal .vt-btn-row{margin-top:16px}.vt-modal small{display:block;margin-top:12px;color:var(--text-tertiary);font-size:11px}.vt-modelbar{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:8px 10px;margin-bottom:10px}.vt-modelbar label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--text-secondary)}.vt-modelbar select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:7px 9px;color:var(--text-primary);font-size:12px;font-weight:600;outline:none;cursor:pointer;max-width:220px}.vt-modelbar select:disabled{opacity:.55;cursor:default}.vt-automodel{font-size:11px;font-weight:700;color:var(--brand-primary);background:var(--brand-primary-alpha, rgba(99,102,241,.1));border-radius:999px;padding:5px 10px;cursor:help;white-space:nowrap}.vt-switch{font-size:12px;color:var(--brand-primary);background:var(--brand-primary-alpha, rgba(99,102,241,.08));border:1px dashed var(--brand-primary);border-radius:8px;padding:6px 10px;margin-bottom:10px}.vt-notice{align-self:center;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;padding:5px 12px;max-width:90%;text-align:center}.vt-voiceinfo{margin-top:10px;font-size:11px;color:var(--text-tertiary);text-align:center}.vt-typing{display:inline-flex;gap:6px;align-items:center;background:var(--bg-tertiary);border-radius:12px;padding:12px 16px}.vt-typing span{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);animation:vt-typing 1.2s infinite}.vt-typing span:nth-child(2){animation-delay:.2s}.vt-typing span:nth-child(3){animation-delay:.4s}@keyframes vt-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.vt-orb.thinking{animation:vt-thinking 1s ease-in-out infinite}@keyframes vt-thinking{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(3deg)}}.vt-loadline{font-size:11px;color:var(--brand-primary);font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.vt-timing{font-size:11px;color:var(--text-tertiary);text-align:center;margin-top:6px;font-variant-numeric:tabular-nums}.vt-queue{font-size:12px;color:var(--brand-primary);background:var(--brand-primary-alpha, rgba(99,102,241,.08));border:1px dashed var(--brand-primary);border-radius:8px;padding:6px 10px;margin-top:8px;text-align:center}.af-canvas-wrap{--af-canvas: #F4F8FB;--af-node-fill: #CFE2F3;--af-node-stroke: #1F4E79;--af-lane-dark: #0E3A5D;--af-lane-light: #5BA3D0;--af-active: #F59E0B;--af-active-2: #FDE68A;--af-done: #10B981;--af-error: #EF4444;--af-pending: #cbd8e6;--flow-speed: 1;--af-travel: .9s;--af-dash-dur: calc(.9s / var(--flow-speed));--af-sweep-dur: calc(.4s / var(--flow-speed));position:relative;background:var(--af-canvas);border:1px solid rgba(31,78,121,.25);border-radius:8px;padding:8px;width:100%}.af-canvas-scroll{position:relative;overflow:hidden;border-radius:6px}.af-svg{display:block;width:100%;height:auto;min-height:380px;max-height:58vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.af-svg:active{cursor:grabbing}.af-canvas-bg{fill:var(--af-canvas)}.af-viewport{will-change:transform}.af-view-anim{transition:transform .45s cubic-bezier(.22,.8,.3,1)}.af-controls{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.af-ctrl-btn{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:5px;border:1px solid rgba(31,78,121,.3);background:#fff;color:#12324f;cursor:pointer}.af-ctrl-btn:hover{background:var(--af-node-fill)}.af-ctrl-follow{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#33546f;cursor:pointer}.af-ctrl-zoom{margin-left:auto;font-size:11px;color:#6b8496}.af-lane-sep{stroke:#555;stroke-width:1;stroke-dasharray:6 4}.af-lane-chip{animation:laneChip .35s ease-out both}.af-lane-chip-bg{stroke:#ffffff80;stroke-width:.75}.af-tone-dark{fill:var(--af-lane-dark)}.af-tone-light{fill:var(--af-lane-light)}.af-lane-chip-text{fill:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}.af-edge-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke}.af-edge-base{fill:none;stroke:var(--af-node-stroke);stroke-width:1.5;stroke-opacity:.35;pointer-events:none;transition:stroke-opacity .3s ease,stroke-width .15s ease}.af-es-done .af-edge-base{stroke-opacity:.9;stroke:var(--af-done)}.af-es-active .af-edge-base{stroke-opacity:.9}.af-es-error .af-edge-base{stroke-opacity:.95;stroke:var(--af-error)}.af-edge-glow{fill:none;stroke-width:4.5;stroke-linecap:round;stroke-opacity:.22;pointer-events:none}.af-es-active .af-edge-glow{stroke:var(--af-active);stroke-opacity:.3}.af-es-done .af-edge-glow{stroke:var(--af-done);stroke-opacity:.16}.af-es-error .af-edge-glow{stroke:var(--af-error);stroke-opacity:.3}.af-edge-dash{fill:none;stroke:var(--af-active);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:6 10;pointer-events:none;animation:flowDash var(--af-dash-dur) linear infinite}.af-es-error .af-edge-dash{stroke:var(--af-error);animation-duration:calc(var(--af-dash-dur) / 2.5)}.af-edge-grad{fill:none;stroke:url(#af-active-grad);stroke-width:2.6;stroke-linecap:round;pointer-events:none;opacity:.95}.af-edge-sweep{fill:none;stroke:var(--af-done);stroke-width:2.6;stroke-linecap:round;pointer-events:none;stroke-dasharray:100;stroke-dashoffset:100;animation:fillSweep var(--af-sweep-dur) ease-out forwards}.af-comet-group{pointer-events:none}.af-comet{stroke:#ffffffe6;stroke-width:.8}.af-comet-head{fill:var(--af-active);filter:drop-shadow(0 0 5px var(--af-active))}.af-comet-t1{fill:var(--af-active);opacity:.55}.af-comet-t2{fill:var(--af-active-2);opacity:.3}.af-es-error .af-comet-head,.af-es-error .af-comet-t1{fill:var(--af-error);filter:drop-shadow(0 0 5px var(--af-error))}.af-edge-label{fill:#333;font-size:11px;font-weight:600;pointer-events:none;paint-order:stroke;stroke:var(--af-canvas);stroke-width:3px;transition:font-size .12s ease}.af-edge:hover .af-edge-base{stroke-width:2.5;stroke-opacity:.95}.af-edge:hover .af-edge-label{font-size:12.5px}.af-traced .af-edge-base{stroke-opacity:1;stroke-width:2.4;stroke:var(--af-node-stroke)}.af-traced .af-edge-glow{stroke:var(--af-node-stroke);stroke-opacity:.25}.af-untraced{opacity:.15}.af-arrowhead{fill:var(--af-node-stroke);stroke:none}.af-node{transition:opacity .3s ease;cursor:pointer;outline:none}.af-node-dim{opacity:.35}.af-node-shape{fill:var(--af-node-fill);stroke:var(--af-node-stroke);stroke-width:1.5;transition:fill .3s ease,stroke .3s ease}.af-node:focus .af-node-shape{stroke:#2563eb;stroke-width:2.5;stroke-dasharray:4 3}.af-node-inner{stroke:var(--af-node-stroke);stroke-width:1;opacity:.65}.af-node-icon{font-size:12px}.af-node-title{fill:#12324f;font-size:12px;font-weight:700}.af-node-desc{fill:#33546f;font-size:11px}.af-st-pending .af-node-shape{fill:var(--af-pending);fill-opacity:.55;stroke-opacity:.5}.af-st-pending .af-node-title{fill:#4b6577}.af-st-pending .af-node-desc{fill:#6b8496}.af-st-active .af-node-shape{stroke:var(--af-active);stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(245,158,11,.55));animation:nodePulse 1.2s ease-in-out infinite}.af-st-done .af-node-shape{fill:#cfe9dd;stroke:var(--af-done);stroke-opacity:.85;filter:drop-shadow(0 1px 3px rgba(16,185,129,.25))}.af-st-done .af-node-title{fill:#0b4a37}.af-st-done .af-node-desc{fill:#16684f}.af-st-error .af-node-shape{fill:#f7dcdc;stroke:var(--af-error);stroke-width:2;filter:drop-shadow(0 0 7px rgba(239,68,68,.45));animation:nodePulse 1.2s ease-in-out infinite}.af-st-error .af-node-title{fill:#6b1414}.af-st-error .af-node-desc{fill:#8c2626}.af-live-badge-bg{fill:var(--af-active);stroke:#ffffffbf;stroke-width:.75}.af-st-error .af-live-badge-bg{fill:var(--af-error)}.af-live-badge-text{fill:#fff;font-size:8.5px;font-weight:800;letter-spacing:.5px}.af-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));z-index:30;min-width:180px;max-width:260px;background:#fff;border:1px solid rgba(31,78,121,.4);border-radius:6px;box-shadow:0 6px 20px #0e3a5d2e;padding:8px 10px;pointer-events:none}.af-tooltip-title{font-size:12px;font-weight:700;color:#12324f}.af-tooltip-desc{font-size:11px;color:#33546f;margin-top:2px}.af-tooltip-meta{display:flex;gap:10px;margin-top:5px;font-size:10.5px;color:#6b8496}.af-tooltip-status{text-transform:uppercase;font-weight:700;letter-spacing:.4px}.af-tooltip-status.af-st-active{color:var(--af-active)}.af-tooltip-status.af-st-done{color:var(--af-done)}.af-tooltip-status.af-st-error{color:var(--af-error)}.af-tooltip-tech{margin-top:3px;font-size:10.5px;font-family:ui-monospace,monospace;color:#4b6577}.af-minimap{position:absolute;right:10px;bottom:10px;background:#ffffffeb;border:1px solid rgba(31,78,121,.45);border-radius:6px;box-shadow:0 2px 10px #0e3a5d26;cursor:pointer;z-index:20}.af-mm-bg{fill:var(--af-canvas)}.af-mm-node{fill:var(--af-pending);stroke:#1f4e7966;stroke-width:4}.af-mm-done{fill:#9ed3bd}.af-mm-active{fill:var(--af-active)}.af-mm-error{fill:#f0a6a6}.af-mm-viewport{fill:#5ba3d01f;stroke:var(--af-lane-dark);stroke-width:12}.af-tech-note{margin-top:8px;font-size:11.5px;color:#33546f}.af-tech-note code{background:#1f4e7914;padding:1px 5px;border-radius:3px;font-size:11px}.af-demo-btn{font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;border:1px solid rgba(31,78,121,.35);background:var(--af-lane-light, #5BA3D0);color:#fff;cursor:pointer}.af-demo-btn.on{background:var(--af-error, #ef4444);border-color:var(--af-error, #ef4444)}.af-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid rgba(31,78,121,.35);background:var(--af-lane-dark, #0E3A5D);color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease;flex-shrink:0}.af-fullscreen-btn:hover{background:var(--af-node-stroke, #1F4E79);transform:scale(1.06)}.af-fullscreen-btn:active{transform:scale(.96)}.agent-flow-modal.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;z-index:10000;background:var(--af-canvas, #F4F8FB)}.agent-flow-modal.fullscreen .af-svg{min-height:calc(100vh - 240px);max-height:calc(100vh - 200px)}.agent-flow-modal.fullscreen .agent-flow-header,.agent-flow-modal.fullscreen .agent-flow-toggle{max-width:1080px;width:100%;margin-left:auto;margin-right:auto}.agent-flow-modal.fullscreen .agent-flow-body{flex:1}.agent-flow-overlay.is-fullscreen{padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.af-panel{margin-top:10px;border:1px solid rgba(31,78,121,.3);border-radius:8px;background:#fff;padding:10px 12px}.af-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:#12324f;margin-bottom:6px}.af-panel-close{border:none;background:transparent;cursor:pointer;font-size:13px;color:#6b8496}.af-panel-item{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:#33546f;padding:4px 6px;border-radius:5px;background:#1f4e790d;margin-bottom:4px}.af-panel-item b{color:#12324f}.af-panel-item .ok{color:#0b8a5b}.af-panel-item .err{color:#b91c1c}.af-panel-empty{font-size:11.5px;color:#6b8496;font-style:italic}@keyframes flowDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-16}}@keyframes fillSweep{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes nodePulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.45}}@keyframes laneChip{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.af-edge-dash,.af-edge-grad,.af-edge-sweep,.af-comet-group,.af-node-shape,.af-lane-chip{animation:none!important}.af-edge-dash,.af-edge-grad,.af-edge-sweep,.af-comet-group{display:none}.af-view-anim{transition:none!important}.af-es-active .af-edge-base{stroke-opacity:1;stroke:var(--af-active)}.af-es-active .af-edge-glow{stroke-opacity:.4}}.au-page{max-width:1180px;margin:0 auto;padding:var(--space-lg, 1.5rem) var(--space-lg, 1.5rem) 4rem;color:var(--text-primary);animation:au-fade-up .35s ease both}@keyframes au-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.au-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.au-hero h1{margin:0;font-size:1.6rem;letter-spacing:-.02em}.au-hero h1 span{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.au-hero p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.92rem;max-width:60ch}.au-live{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary)}.au-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.au-live.on{color:var(--success)}.au-live.on .au-dot{background:var(--success);animation:au-pulse 1.8s ease-out infinite}@keyframes au-pulse{0%{box-shadow:0 0 #10b9818c}to{box-shadow:0 0 0 9px #10b98100}}.au-tabs{display:flex;gap:.25rem;overflow-x:auto;padding:.25rem;background:var(--bg-tertiary);border-radius:var(--radius-lg, 14px);margin-bottom:1.25rem;scrollbar-width:none}.au-tabs::-webkit-scrollbar{display:none}.au-tab{flex:1 0 auto;border:0;background:transparent;cursor:pointer;padding:.6rem 1rem;border-radius:10px;font:inherit;font-size:.88rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:background .18s,color .18s,transform .18s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.au-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.au-tab.active{background:var(--bg-secondary);color:var(--brand-secondary);box-shadow:var(--shadow-sm)}.au-badge{min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.au-grid{display:grid;gap:1rem}.au-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.au-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.au-card{min-width:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg, 14px);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm);animation:au-fade-up .35s ease both}.au-card h3{margin:0 0 .75rem;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.au-card h3 small{font-weight:500;color:var(--text-tertiary)}.au-muted{color:var(--text-secondary);font-size:.86rem}.au-tiny{color:var(--text-tertiary);font-size:.76rem}.au-stat{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.au-stat:after{content:"";position:absolute;inset:auto -30% -60% auto;width:140px;height:140px;background:var(--brand-gradient);opacity:.08;border-radius:50%;filter:blur(8px)}@media (hover: hover){.au-stat:hover{transform:perspective(900px) translateY(-4px) rotateX(3deg);box-shadow:var(--shadow-lg)}}.au-stat .k{font-size:.78rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.au-stat .v{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin-top:.15rem}.au-stat .s{font-size:.8rem;color:var(--text-tertiary);margin-top:.1rem}.au-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.au-chip.ok{background:var(--success-bg);color:var(--success)}.au-chip.warn{background:var(--warning-bg);color:var(--warning)}.au-chip.err{background:var(--error-bg);color:var(--error)}.au-chip.info{background:var(--info-bg);color:var(--info)}.au-chip.brand{background:#ff980024;color:var(--brand-secondary)}.au-btn{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);padding:.5rem .9rem;border-radius:10px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s;display:inline-flex;align-items:center;gap:.4rem}.au-btn:hover:not(:disabled){background:var(--hover-bg);transform:translateY(-1px)}.au-btn:active:not(:disabled){transform:translateY(0)}.au-btn:disabled{opacity:.5;cursor:not-allowed}.au-btn.primary{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 14px #ff6b0047}.au-btn.primary:hover:not(:disabled){background:var(--brand-gradient-hover)}.au-btn.danger{color:var(--error)}.au-btn.sm{padding:.3rem .6rem;font-size:.78rem;border-radius:8px}.au-btn:focus-visible,.au-tab:focus-visible,.au-input:focus-visible{outline:0;box-shadow:var(--focus-ring);border-color:var(--border-focus)}.au-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.au-field>label,.au-field>.au-row>label{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.au-input,.au-textarea,.au-select{width:100%;padding:.55rem .7rem;border-radius:10px;font:inherit;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);transition:border-color .15s,box-shadow .15s}.au-textarea{min-height:120px;resize:vertical;line-height:1.5;font-family:inherit}.au-textarea.mono,.au-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.au-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.au-row.between{justify-content:space-between}.au-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 860px){.au-split{grid-template-columns:1fr}}.au-check{display:flex;align-items:flex-start;gap:.55rem;font-size:.86rem;cursor:pointer}.au-check input{margin-top:.2rem;accent-color:var(--brand-primary)}.au-chips-row{display:flex;gap:.4rem;flex-wrap:wrap}.au-chipbtn{border:1px dashed var(--border-primary);background:transparent;color:var(--text-secondary);border-radius:999px;padding:.2rem .6rem;font-size:.76rem;cursor:pointer;font-weight:600}.au-chipbtn:hover{border-color:var(--brand-primary);color:var(--brand-secondary)}.au-alert{padding:.7rem .9rem;border-radius:10px;font-size:.85rem;margin-bottom:.9rem;border:1px solid transparent}.au-alert.warn{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b4d}.au-alert.err{background:var(--error-bg);color:var(--error);border-color:#ef44444d}.au-alert.ok{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.au-alert.info{background:var(--info-bg);color:var(--info);border-color:#3b82f64d}.au-alert b{color:inherit}.au-list{display:flex;flex-direction:column;gap:.6rem}.au-item{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);transition:border-color .15s,box-shadow .15s}.au-item:hover{border-color:#ff980073;box-shadow:var(--shadow-sm)}.au-item.selected{border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.au-item .t{font-weight:700;font-size:.93rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.au-item .m{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.au-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 640px){.au-item{grid-template-columns:1fr}.au-actions{justify-content:flex-start}}.au-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-size:.9rem}.au-empty b{display:block;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.au-progress{height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;margin-top:.5rem}.au-progress>i{display:block;height:100%;border-radius:inherit;background:var(--brand-gradient);transition:width .5s ease}.au-progress.running>i{background-image:linear-gradient(90deg,#fff0,#ffffff73,#fff0),var(--brand-gradient);background-size:120px 100%,100% 100%;background-repeat:no-repeat;animation:au-shimmer 1.4s linear infinite}@keyframes au-shimmer{0%{background-position:-120px 0,0 0}to{background-position:calc(100% + 120px) 0,0 0}}.au-progress.done>i{background:var(--success)}.au-progress.paused>i{background:var(--warning)}.au-tablewrap{overflow-x:auto;border:1px solid var(--border-primary);border-radius:12px}.au-table{width:100%;border-collapse:collapse;font-size:.82rem}.au-table th,.au-table td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--border-secondary);white-space:nowrap}.au-table th{background:var(--bg-tertiary);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.au-table tr:last-child td{border-bottom:0}.au-table td.wrap{white-space:normal;max-width:280px;color:var(--text-secondary)}.au-pre{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;padding:.75rem .9rem;white-space:pre-wrap;word-break:break-word;font-size:.84rem;line-height:1.55;max-height:340px;overflow:auto}.au-preview{border-left:3px solid var(--brand-primary);padding:.1rem 0 .1rem .8rem;margin-bottom:.9rem}.au-preview .to{font-size:.76rem;color:var(--text-tertiary)}.au-preview .sub{font-weight:700;margin:.15rem 0 .35rem}.au-feed{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:.4rem}.au-feed .ev{display:flex;gap:.6rem;font-size:.82rem;align-items:baseline;animation:au-fade-up .25s ease both}.au-feed time{color:var(--text-tertiary);font-size:.72rem;flex:none;font-variant-numeric:tabular-nums}.au-toasts{position:fixed;right:1rem;bottom:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:min(380px,calc(100vw - 2rem))}.au-toast{padding:.7rem .9rem;border-radius:12px;font-size:.86rem;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);animation:au-fade-up .25s ease both;border-left:4px solid var(--info)}.au-toast.ok{border-left-color:var(--success)}.au-toast.err{border-left-color:var(--error)}.au-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:900;display:flex;align-items:center;justify-content:center;padding:1rem;animation:au-fade-in .15s ease both}@keyframes au-fade-in{0%{opacity:0}}.au-modal{width:min(520px,100%);background:var(--bg-secondary);border-radius:18px;padding:1.4rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);animation:au-fade-up .2s ease both}.au-modal h3{margin:0 0 .5rem}.au-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:au-rot .7s linear infinite;display:inline-block}@keyframes au-rot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.au-page,.au-card,.au-toast,.au-modal,.au-modal-bg,.au-feed .ev{animation:none}.au-progress.running>i,.au-live.on .au-dot,.au-spin{animation:none}.au-stat:hover{transform:none}}.au-chan{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:.35rem .8rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}.au-chan:hover{border-color:#ff98008c;color:var(--text-primary);transform:translateY(-1px)}.au-chan.active{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px #ff6b0040}.au-chan:focus-visible{outline:0;box-shadow:var(--focus-ring)}.au-dot-s{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);display:inline-block}.au-dot-s.on{background:var(--success);box-shadow:0 0 0 2px #10b98140}.au-chan.active .au-dot-s{box-shadow:0 0 0 2px #ffffff59}.au-chan-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.au-chan-card{min-width:0;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-primary);display:flex;flex-direction:column;gap:.3rem;transition:border-color .15s,transform .2s}.au-chan-card.live{border-color:#10b98173}@media (hover: hover){.au-chan-card:hover{transform:translateY(-2px)}}.wl-hero{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;position:relative;overflow:hidden}@media (max-width: 720px){.wl-hero{grid-template-columns:1fr;justify-items:center;text-align:center}}.wl-hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:360px;height:360px;background:radial-gradient(circle,rgba(255,152,0,.18),transparent 65%);pointer-events:none;animation:wl-float 9s ease-in-out infinite}@keyframes wl-float{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}.wl-ring{position:relative;width:190px;height:190px;flex:none}.wl-ring svg{transform:rotate(-90deg)}.wl-ring .track{stroke:var(--bg-tertiary)}.wl-ring .bar{stroke:url(#wl-grad);transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.wl-ring .over{stroke:var(--error);opacity:.85;transition:stroke-dashoffset .8s ease}.wl-ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.wl-ring .time{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.wl-ring .sub{font-size:.78rem;color:var(--text-secondary)}.wl-ring.working .bar{filter:drop-shadow(0 0 6px rgba(255,152,0,.55))}.wl-ring.working:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;box-shadow:0 0 #ff980059;animation:wl-pulse 2.4s ease-out infinite}@keyframes wl-pulse{0%{box-shadow:0 0 #ff980059}to{box-shadow:0 0 0 22px #ff980000}}.wl-state{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.85rem}.wl-state i{width:9px;height:9px;border-radius:50%;background:var(--text-tertiary)}.wl-state.working i{background:var(--success);animation:au-pulse 1.8s ease-out infinite}.wl-state.break i{background:var(--warning)}.wl-state.done i{background:var(--info)}.wl-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}@media (max-width: 720px){.wl-actions{justify-content:center}}.wl-big{padding:.7rem 1.15rem!important;font-size:.92rem!important;border-radius:12px!important}.wl-kpis{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(165px,100%),1fr));margin-top:1rem}.wl-kpi .k{font-size:.74rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.wl-kpi .v{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin-top:.15rem;font-variant-numeric:tabular-nums}.wl-kpi .d{font-size:.78rem;margin-top:.1rem;color:var(--text-tertiary)}.wl-up{color:var(--success)!important}.wl-down{color:var(--error)!important}.wl-meter{height:6px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden;margin-top:.45rem}.wl-meter>i{display:block;height:100%;border-radius:inherit;background:var(--brand-gradient);transition:width .7s ease}.wl-meter.ok>i{background:var(--success)}.wl-meter.warn>i{background:var(--warning)}.wl-meter.bad>i{background:var(--error)}.wl-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .2rem;border-bottom:1px solid var(--border-secondary);animation:au-fade-up .25s ease both}.wl-row:last-child{border-bottom:0}.wl-row .grow{flex:1;min-width:0}.wl-row .muted{color:var(--text-tertiary);font-size:.78rem}.wl-row.done .title{text-decoration:line-through;color:var(--text-tertiary)}.wl-check{width:22px;height:22px;border-radius:7px;flex:none;cursor:pointer;border:1.5px solid var(--border-primary);background:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,border-color .15s,transform .15s}.wl-check.on{background:var(--success);border-color:var(--success)}.wl-check:active{transform:scale(.9)}.wl-icon-btn{border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:.3rem;border-radius:8px;display:inline-flex}.wl-icon-btn:hover{color:var(--error);background:var(--error-bg)}.wl-amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.wl-quick{position:relative}.wl-mic{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}.wl-mic:hover{color:var(--brand-secondary)}.wl-mic.on{background:var(--error);color:#fff;border-color:transparent;animation:wl-rec 1.2s ease-in-out infinite}@keyframes wl-rec{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.wl-proposal{border:1px dashed rgba(255,152,0,.55);border-radius:12px;padding:.75rem .9rem;margin-top:.75rem;background:#ff98000d}.wl-proposal ul{margin:.3rem 0 .6rem;padding-left:1.1rem;font-size:.86rem}.wl-counter{font-size:.75rem;font-variant-numeric:tabular-nums}.wl-counter.over{color:var(--warning)}.wl-moods{display:flex;gap:.35rem}.wl-mood{border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:10px;padding:.3rem .55rem;cursor:pointer;font-size:1.1rem;line-height:1;transition:transform .15s,border-color .15s,background .15s}.wl-mood:hover{transform:translateY(-2px)}.wl-mood.on{border-color:var(--brand-primary);background:#ff98001f}.wl-check-item{display:flex;gap:.5rem;align-items:flex-start;font-size:.86rem;padding:.3rem 0}.wl-check-item b{flex:none;width:8px;height:8px;border-radius:50%;margin-top:.42rem;background:var(--success)}.wl-check-item.warn b{background:var(--warning)}.wl-check-item.bad b{background:var(--error)}.wl-check-item.info b{background:var(--info)}.wl-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem;align-items:end;height:180px;padding-top:.6rem}.wl-bar{display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%;justify-content:flex-end;min-width:0}.wl-bar .col{position:relative;width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:var(--brand-gradient);transform-origin:bottom;animation:wl-grow .6s cubic-bezier(.2,.8,.2,1) both;min-height:3px}.wl-bar .col.under{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.wl-bar .col.none{background:var(--bg-tertiary)}.wl-bar .tgt{position:absolute;left:-3px;right:-3px;height:2px;background:var(--text-tertiary);opacity:.6}.wl-bar .lbl{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap}.wl-bar .val{font-size:.7rem;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}@keyframes wl-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.wl-daynav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.wl-daynav input{width:auto}.wl-cat{display:flex;justify-content:space-between;gap:.6rem;font-size:.85rem;padding:.35rem 0}.wl-cat .track{flex:1;height:6px;margin:.5rem .4rem 0;border-radius:999px;background:var(--bg-tertiary);overflow:hidden}.wl-cat .track i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:inherit}.wl-days-toggle{display:flex;gap:.3rem;flex-wrap:wrap}.wl-days-toggle button{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);border-radius:999px;padding:.3rem .65rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.wl-days-toggle button.on{background:var(--brand-gradient);color:#fff;border-color:transparent}@media (prefers-reduced-motion: reduce){.wl-hero:before,.wl-ring.working:after,.wl-mic.on,.wl-bar .col,.wl-row{animation:none}.wl-ring .bar,.wl-meter>i{transition:none}}.wl-next{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.6rem;padding:.4rem .7rem;border-radius:10px;background:#ff98001a;color:var(--brand-secondary);font-size:.84rem;font-weight:600}.wl-next b{color:var(--text-primary);font-weight:700}.wl-next.muted{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Calibri,Arial,Segoe UI,Tahoma,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;line-height:1.5}#root{height:100vh}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.55;animation:aurora-fade-in 1.2s ease both}[data-theme=dark] .aurora-bg{opacity:.7}@keyframes aurora-fade-in{0%{opacity:0}}.app{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.aurora-bg{animation:none}}:root{--brand-primary: #ff9800;--brand-secondary: #ff6b00;--brand-gradient: linear-gradient(135deg, #ff9800 0%, #ff6b00 50%, #f57c00 100%);--brand-gradient-hover: linear-gradient(135deg, #fb8c00 0%, #f57c00 50%, #ef6c00 100%);--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f7;--bg-elevated: rgba(255, 255, 255, .95);--bg-glass: rgba(255, 255, 255, .8);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--text-link: #ff9800;--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .05);--border-focus: #ff9800;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--error: #ef4444;--error-bg: #fef2f2;--info: #3b82f6;--info-bg: #eff6ff;--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(0, 0, 0, .08);--focus-ring: 0 0 0 3px rgba(255, 152, 0, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(255, 152, 0, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 280px;--header-height: 60px;--footer-height: 40px}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-elevated: rgba(20, 20, 20, .95);--bg-glass: rgba(20, 20, 20, .8);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-inverse: #0a0a0a;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .05);--active-bg: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(255, 152, 0, .2);--success-bg: rgba(16, 185, 129, .1);--warning-bg: rgba(245, 158, 11, .1);--error-bg: rgba(239, 68, 68, .1);--info-bg: rgba(59, 130, 246, .1)}.glass{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-primary)}.glass-strong{background:var(--bg-elevated);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--border-primary)}.app{display:flex;height:100vh;background:transparent;position:relative}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 520px at 62% -6%,rgba(255,152,0,.13),transparent 72%),radial-gradient(800px 460px at 6% 104%,rgba(255,107,0,.08),transparent 70%)}[data-theme=dark] .app:before{background:radial-gradient(1100px 520px at 62% -6%,rgba(255,152,0,.16),transparent 72%),radial-gradient(800px 460px at 6% 104%,rgba(255,107,0,.1),transparent 70%)}.sidebar-group{margin-bottom:.4rem}.sidebar-group-label{padding:.55rem .9rem .25rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.sidebar-search{padding:.5rem .75rem .25rem}.sidebar-search input{width:100%;padding:.5rem .7rem;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:.85rem}.sidebar-search input:focus-visible{outline:0;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.sidebar-empty-note{padding:1rem;font-size:.82rem;color:var(--text-tertiary);text-align:center}.sidebar-cleanup{padding:.5rem .75rem;border-top:1px solid var(--border-primary)}.sidebar-cleanup button{width:100%;padding:.45rem .6rem;border-radius:8px;border:1px dashed var(--border-primary);background:transparent;color:var(--text-secondary);font:inherit;font-size:.78rem;cursor:pointer}.sidebar-cleanup button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-secondary)}.sidebar-cleanup button:disabled{opacity:.6;cursor:default}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-base);z-index:100;position:relative}.sidebar.hidden{transform:translate(-100%)}.sidebar-header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-secondary);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.sidebar-logo-image{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.sidebar-logo-image:hover{transform:scale(1.05)}.sidebar-logo-text{flex:1}.sidebar-logo-title{font-weight:700;font-size:18px;color:var(--text-primary);background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo-subtitle{font-size:11px;color:var(--text-tertiary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sidebar-new-chat{width:100%;padding:var(--space-sm) var(--space-md);background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.sidebar-new-chat:hover{background:var(--brand-gradient-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sidebar-new-chat:active{transform:translateY(0)}.sidebar-search{padding:var(--space-md)}.sidebar-search-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.sidebar-search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring);background:var(--bg-secondary)}.sidebar-search-input::placeholder{color:var(--text-tertiary)}.sidebar-sessions{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md)}.sidebar-session{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;gap:4px;margin-bottom:var(--space-xs);position:relative;overflow:hidden;min-width:0}.sidebar-session-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sidebar-session:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-gradient);transform:scaleY(0);transition:transform var(--transition-fast)}.sidebar-session:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-session.active{background:var(--hover-bg);color:var(--text-primary);font-weight:600;border-left:3px solid var(--brand-primary);padding-left:calc(var(--space-md) - 3px)}.sidebar-session.active:before{transform:scaleY(1)}.sidebar-session-delete{opacity:0;background:#fff3;border:none;color:inherit;cursor:pointer;font-size:16px;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sidebar-session:hover .sidebar-session-delete{opacity:1}.sidebar-session-delete:hover{background:#ffffff4d;transform:scale(1.1)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-secondary);display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-footer-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.sidebar-footer-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.main,.main-content{flex:1;display:flex;flex-direction:column;background:transparent;position:relative;z-index:1;min-height:100vh;overflow:hidden}.header{height:var(--header-height);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:20px}.header-toggle:hover{background:var(--hover-bg);color:var(--text-primary)}.header-title{font-size:14px;font-weight:600;color:var(--text-primary)}.header-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:2px}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.header-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:12px;font-weight:600}.header-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:18px}.header-theme-toggle:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-primary)}.chat-container{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-md);scroll-behavior:smooth}.chat-messages{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.message{display:flex;gap:var(--space-md);animation:fadeInUp var(--transition-base)}.message.user{flex-direction:row-reverse;justify-content:flex-start}.message.assistant{flex-direction:row;justify-content:flex-start}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:var(--shadow-sm);overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:contain;filter:none;transform:none;transition:none}.message.user .message-avatar{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.message.assistant .message-avatar{background:transparent;color:#fff}.message-content{flex:1;min-width:0;max-width:70%}.message-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.message-role{font-size:13px;font-weight:600;color:var(--text-primary)}.message.assistant .message-role{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-time{font-size:11px;color:var(--text-tertiary);display:inline-flex;align-items:center;gap:6px}.message-date{font-size:10.5px;font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:1px 6px;border-radius:var(--radius-full, 999px)}.message-body{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-md);font-size:15px;line-height:1.6;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.message.assistant .message-body{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.message-body:hover{box-shadow:var(--shadow-md)}.message-body pre{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin:var(--space-sm) 0;font-size:13px}.message-body code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:13px;font-family:JetBrains Mono,Fira Code,monospace}.message-body pre code{background:none;padding:0}.message-body ul,.message-body ol{margin:var(--space-sm) 0;padding-left:24px;list-style-position:outside}.message-body ul{list-style-type:disc}.message-body ol{list-style-type:decimal}.message-body li{margin:4px 0;padding-left:8px;line-height:1.6}.message-body ul ul,.message-body ol ul{list-style-type:circle;margin:4px 0}.message-body ul ul ul,.message-body ol ul ul{list-style-type:square}.message-body li>p{margin:0;display:inline}.message-body li+li{margin-top:4px}.message-body table{display:block;width:max-content;max-width:100%;margin:var(--space-sm) 0;border-collapse:separate;border-spacing:0;border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow-x:auto;font-size:13.5px;line-height:1.5}.message-body thead th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;font-size:12px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;padding:8px 12px;border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-secondary);text-align:left}.message-body thead th:last-child{border-right:none}.message-body td{padding:7px 12px;border-bottom:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);color:var(--text-secondary);vertical-align:top}.message-body td:last-child{border-right:none}.message-body tbody tr:last-child td{border-bottom:none}.message-body tbody tr:hover td{background:var(--bg-tertiary)}.input-container{padding:var(--space-lg);background:linear-gradient(to top,var(--bg-primary) 62%,transparent);z-index:10}.input-wrapper{max-width:800px;margin:0 auto;position:relative}.input-bar{display:flex;align-items:flex-end;gap:var(--space-sm);background:var(--bg-secondary);border:2px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-sm);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.input-bar:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-xl),var(--focus-ring)}.input-textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:15px;line-height:1.5;resize:none;max-height:200px;padding:var(--space-sm);font-family:inherit}.input-textarea:focus{outline:none}.input-textarea::placeholder{color:var(--text-tertiary)}.input-actions{display:flex;gap:var(--space-xs)}.input-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:18px}.input-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.input-btn-send{background:var(--brand-gradient);color:#fff;padding:var(--space-sm) var(--space-md)}.input-btn-send:hover{background:var(--brand-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.input-btn-send:active{transform:translateY(0)}.input-btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.footer{min-height:var(--footer-height);padding:var(--space-sm) var(--space-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}.footer-info{display:flex;align-items:center;gap:var(--space-md)}.footer-badge{padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-weight:600;font-size:11px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){:root{--sidebar-width: 280px;--space-lg: 1rem;--space-xl: 1.5rem}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;box-shadow:var(--shadow-xl);transform:translate(0);transition:transform var(--transition-base)}.sidebar.hidden{transform:translate(-100%)}.header{padding:0 var(--space-md)}.header-title-group,.header-subtitle{display:none}.chat-container{padding:var(--space-md)}.chat-messages{max-width:100%}.message-content{max-width:85%!important}.input-container{padding:var(--space-md)}.selector-container{flex-direction:column!important;gap:var(--space-xs)!important}.selector-section{width:100%!important;min-width:100%!important;max-width:100%!important}.selector-divider{display:none!important}.selector-input{width:100%!important;min-width:100%!important;max-width:100%!important}.selector-active-badge{width:100%!important;justify-content:center!important;margin-left:0!important}.message{max-width:100%}.message-body{font-size:14px}.message-avatar{width:32px;height:32px;font-size:12px}.header-provider-badge{display:none}}@media (max-width: 480px){:root{--space-md: .75rem;--space-lg: 1rem}.header{padding:0 var(--space-sm);height:56px}.header-title{font-size:13px}.header-status{font-size:10px;padding:4px 8px}.header-status span:not(.header-status-dot){display:none}.chat-container,.input-container{padding:var(--space-sm)}.message{gap:var(--space-sm)}.message-content{max-width:90%!important}.message-body{padding:var(--space-sm);font-size:13px}.message-avatar{width:28px;height:28px;font-size:11px}.message-role{font-size:12px}.message-time{font-size:10px}.selector-container{padding:var(--space-xs)!important}.selector-label{font-size:10px!important}.selector-input{padding:6px 10px!important;font-size:12px!important}.sidebar-logo-text,.sidebar-new-chat span{display:none}.footer{font-size:10px;padding:0 var(--space-sm)}}@media (max-width: 768px) and (orientation: landscape){.chat-container{max-height:calc(100vh - 180px)}.input-wrapper textarea{max-height:80px!important}}@media (min-width: 769px) and (max-width: 1024px){:root{--sidebar-width: 260px}.header-subtitle{font-size:11px}.message{max-width:90%}.selector-container{flex-wrap:wrap!important}.selector-section{flex:1 1 auto!important;min-width:140px!important}}.loading-dots{display:inline-flex;gap:4px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);animation:bounce 1.4s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.fade-in{animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.settings-form-grid{grid-template-columns:1fr!important}.analytics-summary-grid{grid-template-columns:repeat(2,1fr)!important}.analytics-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-table{min-width:800px}.analytics-period-buttons{flex-wrap:wrap!important}.analytics-filters{flex-direction:column!important;align-items:stretch!important;width:100%!important}.analytics-filters select{width:100%!important}}@media (max-width: 480px){.analytics-summary-grid{grid-template-columns:1fr!important}.analytics-period-buttons button{flex:1 1 auto;font-size:11px!important;padding:6px 10px!important}.analytics-pagination{flex-direction:column!important;gap:var(--space-sm)!important}.analytics-pagination-buttons{width:100%;justify-content:center!important}}.agent-live-bar{display:flex;align-items:center;gap:var(--space-sm);margin:0 var(--space-lg) var(--space-xs);padding:8px 14px;border-radius:var(--radius-lg);background:linear-gradient(90deg,#f59e0b1a,#ff98000f);border:1px solid rgba(245,158,11,.3);color:var(--text-primary);font-size:13px;font-weight:500;animation:fadeInUp .2s ease both;overflow:hidden;position:relative}.agent-live-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,152,0,.18),transparent);transform:translate(-100%);animation:agentSweep 1.8s ease-in-out infinite;pointer-events:none}.agent-live-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(245,158,11,.25);border-top-color:#f59e0b;animation:agentSpin .7s linear infinite;flex-shrink:0}.agent-live-icon{font-size:15px;line-height:1}.agent-live-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-live-dots{display:inline-flex;gap:3px;align-items:center;margin-left:2px}.agent-live-dots i{width:4px;height:4px;border-radius:50%;background:#f59e0b;animation:agentDot 1.2s ease-in-out infinite}.agent-live-dots i:nth-child(2){animation-delay:.15s}.agent-live-dots i:nth-child(3){animation-delay:.3s}@keyframes agentSpin{to{transform:rotate(360deg)}}@keyframes agentDot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes agentSweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes flowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.toolbar-flow-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.toolbar-flow-btn:hover{background:#ff98001a;color:var(--brand-primary);border-color:var(--brand-primary)}.toolbar-flow-btn .flow-btn-dot{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.toolbar-flow-btn.running .flow-btn-dot{background:var(--brand-primary);box-shadow:0 0 0 4px #ff980026;animation:flowPulse 1.2s ease-in-out infinite}.agent-flow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:agentFadeIn .16s ease both}@keyframes agentFadeIn{0%{opacity:0}to{opacity:1}}.agent-flow-modal{width:min(560px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInUp .2s ease both}.agent-flow-modal:fullscreen,.agent-flow-modal:-webkit-full-screen{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;background:var(--bg-secondary);animation:none}.agent-flow-modal:fullscreen .agent-flow-body,.agent-flow-modal:-webkit-full-screen .agent-flow-body{padding:var(--space-lg)}.agent-flow-modal:fullscreen .af-svg,.agent-flow-modal:-webkit-full-screen .af-svg{min-height:calc(100vh - 340px)}.agent-flow-modal:fullscreen .agent-flow-toggle,.agent-flow-modal:fullscreen .agent-flow-header{max-width:980px;margin-left:auto;margin-right:auto;width:100%}.agent-flow-modal:fullscreen .agent-flow-toggle{margin-top:0}.agent-flow-modal:fullscreen .agent-flow-body>*{max-width:980px;margin-left:auto;margin-right:auto}.agent-flow-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-sm)}.agent-flow-title{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:700;color:var(--text-primary)}.agent-flow-title-icon{font-size:18px}.agent-flow-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:4px}.agent-flow-close{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;flex-shrink:0;transition:all var(--transition-fast)}.agent-flow-close:hover{background:var(--error-bg);color:var(--error);border-color:var(--error)}.agent-flow-toggle{display:flex;gap:4px;margin:0 var(--space-lg) var(--space-sm);padding:3px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.agent-flow-toggle button{flex:1;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.agent-flow-toggle button.active{background:var(--bg-secondary);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.agent-flow-body{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-lg) var(--space-md)}.agent-flow-chart,.agent-flow-node-group{display:flex;flex-direction:column}.agent-flow-node{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);transition:all var(--transition-base)}.agent-flow-node.done{border-color:#10b98159;background:#10b9810d}.agent-flow-node.active{border-color:#f59e0b80;background:#f59e0b12}.agent-flow-node.error{border-color:#ef444473;background:#ef44440f}.agent-flow-node.tool{margin-top:2px}.agent-flow-node-icon{font-size:18px;line-height:1;flex-shrink:0}.agent-flow-node-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.agent-flow-node-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text-primary)}.agent-flow-node-desc{font-size:12px;color:var(--text-tertiary)}.agent-flow-badge-live{font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-full);background:#f59e0b;color:#fff;animation:flowPulse 1.2s ease-in-out infinite}.agent-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:0;padding:2px 0;color:var(--text-tertiary)}.agent-flow-arrow-line{width:2px;height:12px;background:var(--border-primary)}.agent-flow-arrow-head{font-size:8px;line-height:1;margin-top:-2px}.agent-flow-tools{margin-top:var(--space-md)}.agent-flow-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.agent-flow-tool{display:flex;align-items:center;gap:var(--space-sm);padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-tertiary);margin-bottom:6px}.agent-flow-tool.running{border-color:#f59e0b66;background:#f59e0b0f}.agent-flow-tool.error{border-color:#ef444466;background:#ef44440d}.agent-flow-tool-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.agent-flow-tool-body{display:flex;flex-direction:column;min-width:0}.agent-flow-tool-name{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-primary)}.agent-flow-tool-service{font-size:11px;color:var(--text-tertiary)}.agent-flow-note{margin-top:var(--space-md);font-size:11.5px;color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-md);background:var(--bg-tertiary)}.agent-flow-note code{background:var(--bg-secondary);padding:1px 5px;border-radius:3px;font-size:11px}.agent-flow-error{margin-top:var(--space-md);font-size:12.5px;color:var(--error);padding:8px 12px;border-radius:var(--radius-md);background:var(--error-bg);border:1px solid rgba(239,68,68,.3)}.agent-flow-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-sm) var(--space-lg) var(--space-lg);border-top:1px solid var(--border-secondary);font-size:11.5px;color:var(--text-secondary)}.agent-flow-legend span{display:inline-flex;align-items:center;gap:6px}@media (max-width: 640px){.agent-flow-overlay{padding:0}.agent-flow-modal{width:100%;max-height:100vh;height:100vh;border-radius:0}.agent-live-text{font-size:12px}}.agent-live-via{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#6366f11f;color:#6366f1;white-space:nowrap;flex-shrink:0}.agent-flow-switches{margin-top:var(--space-md)}.agent-flow-switch{display:flex;align-items:center;gap:var(--space-sm);padding:8px 12px;border-radius:var(--radius-md);border:1px dashed rgba(99,102,241,.4);background:#6366f10d;margin-bottom:6px}.agent-flow-switch-icon{font-size:14px;flex-shrink:0}.agent-flow-switch-body{display:flex;flex-direction:column;min-width:0}.agent-flow-switch-name{font-size:12.5px;font-weight:600;color:var(--text-primary)}.agent-flow-switch-reason{font-size:11px;color:var(--text-tertiary)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity var(--transition-base, .2s ease);z-index:190}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}@media (min-width: 769px){.sidebar-backdrop{display:none}}.sidebar-close-btn{display:none;background:transparent;border:1px solid var(--border-primary);border-radius:8px;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);flex-shrink:0}@media (max-width: 768px){.sidebar-close-btn{display:inline-flex}}.sidebar-model-select{padding:10px 14px;border-bottom:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:6px}.sidebar-model-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.sidebar-model-input{width:100%;padding:8px 10px;font-size:13px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);outline:none;min-height:40px}.sidebar-model-input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.message:hover .message-actions{opacity:1!important}@media (hover: none){.message .message-actions{opacity:1!important}}.message-body,.message-text{overflow-wrap:anywhere;word-break:break-word;min-width:0}.message-text pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.message-text table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.message-text img,.message-text video{max-width:100%;height:auto;border-radius:8px}.input-container{padding-bottom:calc(var(--space-md, 1rem) + env(safe-area-inset-bottom,0px))}.footer{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}@media (max-width: 768px){.input-btn,.header-toggle,.header-theme-toggle,.header-apps-btn,.sidebar-footer-btn,.sidebar-session-delete{min-width:40px;min-height:40px}.input-wrapper [style*="minWidth: 260"]{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;min-width:0!important;max-height:60vh;overflow-y:auto}.scroll-to-bottom-btn{bottom:170px!important;right:16px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--border-focus, #ff9800);outline-offset:2px}.sidebar-footer-min{justify-content:center;padding:8px var(--space-md)}.sidebar-ver{font-size:11px;color:var(--text-tertiary);font-weight:600;opacity:.7}.header-apps{position:relative}.header-apps-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:.65}.header-apps-btn:hover,.header-apps-btn[aria-expanded=true]{background:var(--hover-bg);color:var(--text-primary);opacity:1}.header-apps-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg);padding:6px;z-index:1000;animation:appsMenuIn .12s ease}@keyframes appsMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.header-apps-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text-primary)}.header-apps-item:hover{background:var(--hover-bg)}.header-apps-item-label{font-size:13px;font-weight:600}.header-apps-item-desc{font-size:11px;color:var(--text-tertiary)}@media (max-width: 480px){.header-apps-menu{position:fixed;top:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:12px;right:12px;min-width:0;max-height:55vh;overflow-y:auto}}.header-apps-menu{min-width:290px;max-height:min(78vh,560px);overflow-y:auto;padding:6px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-origin:top right;animation:apps-pop .16s cubic-bezier(.2,.8,.2,1) both}@keyframes apps-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.header-apps-group+.header-apps-group{border-top:1px solid var(--border-secondary);margin-top:4px;padding-top:4px}.header-apps-group-label{padding:6px 10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.header-apps-item{flex-direction:row!important;align-items:center!important;gap:10px!important;border-radius:10px;padding:8px 10px;animation:apps-item-in .22s ease both;transition:background .15s,transform .15s}@keyframes apps-item-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}.header-apps-item:hover{transform:translate(2px)}.header-apps-item-icon{flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--brand-secondary);background:#ff98001c;transition:background .15s,color .15s}.header-apps-item:hover .header-apps-item-icon{background:var(--brand-gradient);color:#fff}.header-apps-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.dash-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 520px at 62% -6%,rgba(255,152,0,.12),transparent 72%),radial-gradient(800px 460px at 6% 104%,rgba(255,107,0,.07),transparent 70%)}.dash-root{background:var(--bg-primary)}.dash-aside,.dash-root>div{position:relative;z-index:1}.dash-aside{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dash-main{background:transparent}.dash-nav{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:4px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;font-weight:500;cursor:pointer;overflow:hidden;transition:color .18s,background .18s,transform .18s}.dash-nav svg{color:var(--brand-primary);flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .18s}.dash-nav.collapsed{justify-content:center;padding:10px}.dash-nav:hover{background:var(--hover-bg);color:var(--text-primary)}.dash-nav:hover svg{transform:scale(1.12) rotate(-4deg)}.dash-nav.active{background:var(--brand-gradient);color:#fff;font-weight:600;box-shadow:0 6px 16px #ff6b0040}.dash-nav.active svg{color:#fff}.dash-nav.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-100%);animation:dash-shine 2.8s ease-in-out infinite}@keyframes dash-shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.dash-nav:focus-visible{outline:0;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion: reduce){.header-apps-menu,.header-apps-item{animation:none}.dash-nav.active:after{animation:none;display:none}.dash-nav:hover svg,.header-apps-item:hover{transform:none}}