:root{--bg-color: #f8f9fa;--text-color: #1d1d1f;--panel-bg: rgba(255, 255, 255, .45);--border-radius: 16px;--c-bull: #10b981;--c-bear: #ef4444;--c-signal: #f59e0b;--c-info: #3b82f6;--c-special: #a855f7;--c-bg-deep: #0a0e1a;--c-bg-panel: rgba(20, 24, 38, .82);--c-fg-primary: #e5e7eb;--c-fg-muted: #9ca3af;--c-border: rgba(255, 255, 255, .08);--font-display: "Space Grotesk", ui-sans-serif, sans-serif;--font-body: "Manrope", ui-sans-serif, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);font-family:var(--font-body);color:var(--text-color);-webkit-font-smoothing:antialiased;transition:background 1.5s ease}#app{width:100vw;height:100vh;height:100dvh;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100vw;height:100vh;height:100svh;pointer-events:none;z-index:2}.glass-panel{position:absolute;top:24px;right:24px;width:260px;padding:24px;border-radius:var(--border-radius);background:var(--panel-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px #00000014,inset 0 1px 1px #ffffff80;pointer-events:auto;z-index:3;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.glass-panel h2{margin-top:0;font-size:1.1rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:12px;margin-bottom:16px;font-family:var(--font-display);letter-spacing:-.01em}#selected-name,#selected-task{font-size:.95rem;margin-bottom:8px;opacity:.8}.speech-bubble{position:absolute;background:#fffffff5;color:#1a1a1a;font-family:var(--font-body);font-size:13px;font-weight:500;padding:6px 12px;border-radius:14px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;pointer-events:none;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;white-space:nowrap;animation:bubble-pop .2s ease-out;z-index:10}.speech-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fffffff5;border-bottom:0}@keyframes bubble-pop{0%{transform:translate(-50%,-100%) scale(.8);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.speech-bubble .bubble-icon{font-size:14px}.speech-bubble .bubble-text{line-height:1.3}.data-packet{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:auto;cursor:help;transform:translate(-50%,-50%);box-shadow:0 0 4px currentColor;animation:packet-pulse .6s ease-in-out infinite alternate;z-index:8}.data-packet.orange{background:var(--c-signal);color:var(--c-signal)}.data-packet.blue{background:var(--c-info);color:var(--c-info)}.data-packet.green{background:var(--c-bull);color:var(--c-bull)}.data-packet.red{background:var(--c-bear);color:var(--c-bear)}.data-packet.purple{background:var(--c-special);color:var(--c-special)}.data-packet.gray{background:var(--c-fg-muted);color:var(--c-fg-muted)}@keyframes packet-pulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 3px currentColor}to{transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 7px currentColor}}.control-group{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.control-group input[type=color]{border:none;background:none;width:24px;height:24px;cursor:pointer;padding:0;border-radius:4px;overflow:hidden}.control-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.control-group input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.2);border-radius:4px}.control-group input[type=range]{width:110px}.theme-swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.8);cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:transform .2s cubic-bezier(.16,1,.3,1);padding:0}.theme-swatch:hover{transform:scale(1.15)}.ticker-tape{position:absolute;top:0;left:0;right:0;height:38px;background:linear-gradient(180deg,#0f141eeb,#0a0e14eb);color:#eee;font-family:var(--font-mono);font-size:14px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);z-index:50;pointer-events:none}.ticker-tape-inner{white-space:nowrap;padding-left:100%;animation:ticker-scroll 140s linear infinite}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-symbol{font-weight:700;color:#f8f8f8}.ticker-price{color:silver;margin:0 4px}.ticker-up{color:var(--c-bull);font-weight:600}.ticker-down{color:var(--c-bear);font-weight:600}@media (prefers-reduced-motion: reduce){.ticker-tape-inner,.data-packet,.speech-bubble{animation:none}body{transition:none}}.team-chat{position:absolute;top:50px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:340px;background:var(--c-bg-panel);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--c-border);border-radius:14px;color:var(--c-fg-primary);font-family:var(--font-body);font-size:12.5px;display:flex;flex-direction:column;z-index:40;pointer-events:auto;box-shadow:0 12px 40px #00000040}.team-chat header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--c-border)}.team-chat .chat-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:13px}.team-chat .chat-pause{background:none;border:none;color:var(--c-fg-muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px}.team-chat .chat-pause:hover{background:#ffffff0f;color:var(--c-fg-primary)}.chat-list{overflow-y:auto;padding:8px 12px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chat-row{display:grid;grid-template-columns:60px 18px 1fr;gap:6px;padding:4px 0;line-height:1.45}.chat-row .chat-time{color:var(--c-fg-muted);font-family:var(--font-mono);font-size:11px}.chat-row .chat-icon{text-align:center}.chat-row .chat-meta{font-weight:600;font-size:11px;font-family:var(--font-mono)}.chat-row .chat-text{grid-column:3;color:var(--c-fg-primary)}.chat-orange .chat-meta{color:var(--c-signal)}.chat-blue .chat-meta{color:var(--c-info)}.chat-green .chat-meta{color:var(--c-bull)}.chat-red .chat-meta{color:var(--c-bear)}.chat-purple .chat-meta{color:var(--c-special)}.chat-gray .chat-meta{color:var(--c-fg-muted)}.pnl-board{position:absolute;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--c-bg-panel);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid var(--c-border);border-radius:12px;padding:12px 16px;color:var(--c-fg-primary);font-family:var(--font-body);font-size:13px;min-width:180px;z-index:40;pointer-events:auto;box-shadow:0 8px 28px #0003}.pnl-row{display:flex;justify-content:space-between;padding:3px 0;align-items:baseline}.pnl-k{color:var(--c-fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-display)}.pnl-v{font-weight:600;font-family:var(--font-mono);font-size:14px}.pnl-v.pos{color:var(--c-bull)}.pnl-v.neg{color:var(--c-bear)}.top-bar{position:absolute;top:50px;right:360px;display:flex;gap:6px;z-index:41;pointer-events:auto}.top-bar .tb-btn{width:38px;height:38px;border-radius:10px;background:var(--c-bg-panel);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid var(--c-border);color:var(--c-fg-primary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease;font-family:var(--font-display)}.top-bar .tb-btn:hover{background:#282c3aeb;transform:translateY(-1px)}.top-bar .tb-btn:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.top-bar .tb-btn{transition:none}}.role-badge{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:12px;padding:2px 8px;border-radius:8px;background:#0000000f;margin-bottom:8px;letter-spacing:.01em}.panel-section{margin-top:12px;border-top:1px solid rgba(0,0,0,.05);padding-top:10px}.panel-label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#00000080;margin-bottom:6px}#selected-history{list-style:none;padding:0;margin:0;font-size:12px;max-height:110px;overflow-y:auto}#selected-history li{padding:3px 0;border-bottom:1px solid rgba(0,0,0,.04);line-height:1.35}#selected-history li:last-child{border-bottom:none}#selected-history .hist-time{font-family:var(--font-mono);font-size:10px;color:#00000073;margin-right:4px}#selected-history .empty{color:#0006;font-style:italic}.stat-line{font-family:var(--font-mono);font-size:12px;padding:2px 0}details.panel-section summary{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#00000080;cursor:pointer;list-style:none}details.panel-section summary::-webkit-details-marker{display:none}details.panel-section[open] summary{margin-bottom:8px}.packet-tooltip{position:fixed;transform:translate(-50%,-100%);background:#0f121ef5;color:#f5f5f5;font-family:var(--font-body);font-size:12.5px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .12s ease;z-index:100}.packet-tooltip.visible{opacity:1}@media (max-width: 900px){.team-chat{width:220px;top:46px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));font-size:11.5px}.team-chat header{padding:8px 10px}.chat-row{grid-template-columns:50px 16px 1fr;gap:4px;padding:3px 0}.chat-row .chat-time,.chat-row .chat-meta{font-size:10px}.chat-row .chat-text{font-size:11px}.pnl-board{left:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:8px 12px;font-size:12px;min-width:150px}.top-bar{right:240px;top:46px}.top-bar .tb-btn{width:34px;height:34px;font-size:14px}.glass-panel{width:220px;padding:16px;top:46px;right:8px}}@media (max-width: 600px){.team-chat{width:180px;top:44px;right:4px;bottom:calc(100px + env(safe-area-inset-bottom,0px));font-size:11px}.team-chat .chat-title{font-size:11px}.chat-row{grid-template-columns:38px 14px 1fr}.pnl-board{left:4px;bottom:calc(4px + env(safe-area-inset-bottom,0px));right:4px;min-width:0;padding:6px 10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;font-size:11px}.pnl-row{display:flex;flex-direction:column;align-items:flex-start;padding:0}.pnl-k{font-size:9px}.pnl-v{font-size:12px}.top-bar{top:44px;right:192px;gap:4px}.top-bar .tb-btn{width:30px;height:30px;font-size:12px;border-radius:8px}.glass-panel{top:auto;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:4px;right:4px;width:auto;max-height:50vh;overflow-y:auto;padding:14px 16px}.glass-panel h2{font-size:.95rem}.speech-bubble{font-size:11px;padding:4px 9px}.ticker-tape{height:32px;font-size:12px}}@media (max-width: 380px){.team-chat{display:none}.top-bar{right:8px}}.speech-bubble{flex-direction:column;align-items:stretch;gap:0;padding:0}.speech-bubble .bubble-header{display:flex;align-items:center;gap:4px;padding:3px 10px 2px;background:linear-gradient(180deg,#0000000a,#00000005);border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:14px;border-top-right-radius:14px;font-family:var(--font-display);font-size:9.5px;font-weight:600;letter-spacing:.01em}.speech-bubble .bubble-role{color:#000000a6;white-space:nowrap}.speech-bubble .bubble-model{margin-left:auto;background:#6b7280;color:#fff;padding:1px 6px;border-radius:999px;font-family:var(--font-mono);font-size:9px;font-weight:500;white-space:nowrap}.speech-bubble .bubble-body{display:flex;align-items:center;gap:6px;padding:6px 12px}.top-bar .tb-btn.tb-toggle{opacity:.45;position:relative}.top-bar .tb-btn.tb-toggle.on{opacity:1;background:#285aa099;border-color:#78a0dc66}.top-bar .tb-btn.tb-toggle.on:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--c-bull);border-radius:50%}.team-chat header{cursor:default}.team-chat .chat-collapse{background:none;border:none;color:var(--c-fg-primary);padding:0;margin:0;display:flex;align-items:center;gap:6px;cursor:pointer;flex:1;min-width:0;text-align:left}.team-chat .chat-collapse:focus-visible{outline:2px solid var(--c-info);outline-offset:2px;border-radius:6px}.team-chat .chat-collapse-icon{font-family:var(--font-mono);font-size:11px;color:var(--c-fg-muted);width:12px;display:inline-block;text-align:center}.team-chat .chat-unread{display:none;margin-left:6px;background:var(--c-bull);color:#0a0e1a;font-family:var(--font-mono);font-weight:700;font-size:10px;padding:1px 6px;border-radius:999px;min-width:16px;text-align:center}.team-chat .chat-unread.visible{display:inline-block}.team-chat.collapsed{bottom:auto;height:auto;width:auto;min-width:160px}.team-chat.collapsed .chat-list{display:none}.team-chat.collapsed header{border-bottom:none}.team-chat.collapsed .chat-pause{display:none}@media (max-width: 900px){.team-chat.collapsed{width:auto;min-width:140px;top:46px;right:8px}}@media (max-width: 600px){.team-chat.collapsed{min-width:120px;top:44px;right:4px}.team-chat.collapsed .chat-title{font-size:10px}}