:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--bg-hover:#22222e;--border:#2a2a3a;--text-primary:#e0e0e8;--text-secondary:#8888a0;--text-muted:#555570;--accent:#c8a04c;--accent-hover:#d4b060;--node-normal:#5c5c70;--node-allocated:#c8a04c;--node-notable:#e8d070;--node-keystone:#ff6040;--node-highlight:#40d060;--node-remove:#ff4040;--link-inactive:#333346;--link-active:#907830;--gem-active:#2070c0;--gem-support:#3898d0;--rarity-normal:#c8c8c8;--rarity-magic:#88f;--rarity-rare:#ff7;--rarity-unique:#af6025;--scrollbar-thumb:#3a3a4a;--scrollbar-track:#12121a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:Segoe UI,Inter,-apple-system,sans-serif;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}input,textarea{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font:inherit;border-radius:4px;outline:none;padding:8px 12px}input:focus,textarea:focus{border-color:var(--accent)}.message-list{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.message-list.empty{justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:24px}.empty-state h3{color:var(--accent);margin-bottom:12px;font-size:18px}.empty-state p{margin-bottom:16px;line-height:1.5}.empty-state ul{text-align:left;list-style:none;display:inline-block}.empty-state li{color:var(--text-muted);padding:4px 0}.empty-state li:before{content:"•";color:var(--accent)}.message{border-radius:8px;max-width:95%;padding:10px 14px}.message-user{background:var(--bg-tertiary);border:1px solid var(--border);align-self:flex-end}.message-assistant{background:var(--bg-primary);border:1px solid var(--border);align-self:flex-start}.message-role{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.message-user .message-role{color:var(--accent)}.message-content{word-break:break-word;line-height:1.5}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5{color:var(--accent);margin:10px 0 4px;font-size:13px;font-weight:700}.message-content ul,.message-content ol{margin:4px 0;padding-left:20px}.message-content li{margin:2px 0}.message-content strong{color:var(--text-primary)}.message-content code{background:var(--bg-tertiary);border-radius:3px;padding:1px 4px;font-size:12px}.message-content pre{background:var(--bg-tertiary);border-radius:4px;margin:6px 0;padding:8px;font-size:12px;overflow-x:auto}.message-user .message-content{white-space:pre-wrap}.cursor-blink{color:var(--accent);animation:.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.streaming-indicator{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-style:italic;display:inline-flex}.dot-pulse{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.action-bubble{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;margin-top:10px;overflow:hidden}.action-bubble-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 12px 4px;font-size:11px;font-weight:700}.action-bubble-list{flex-direction:column;gap:2px;padding:4px 8px;display:flex}.action-item{background:var(--bg-primary);border-left:3px solid;border-radius:0 4px 4px 0;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.action-icon{width:20px;height:20px;color:var(--bg-primary);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.action-detail{flex-direction:column;gap:1px;min-width:0;display:flex}.action-label{color:var(--text-primary);font-size:12px;font-weight:600}.action-reason{color:var(--text-secondary);font-size:11px;line-height:1.3}.inline-node-link{color:var(--accent);text-underline-offset:2px;cursor:pointer;font-weight:600;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline;transition:opacity .15s;display:inline}.inline-node-link:hover{opacity:.7}.action-node-link{text-underline-offset:2px;text-align:left;cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline;transition:opacity .15s}.action-node-link:hover{opacity:.7}.action-gem{color:var(--gem-support);font-size:11px}.action-visualize-btn{background:var(--bg-hover);border-top:1px solid var(--border);width:100%;color:var(--accent);text-align:center;padding:8px;font-size:12px;font-weight:600;transition:background .15s;display:block}.action-visualize-btn:hover{background:var(--accent);color:var(--bg-primary)}.message-input-container{border-top:1px solid var(--border);background:var(--bg-tertiary);gap:8px;padding:12px;display:flex}.message-input{resize:none;flex:1;min-height:38px;max-height:150px;font-size:14px;line-height:1.4}.send-btn{background:var(--accent);color:var(--bg-primary);border-radius:4px;align-self:flex-end;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.conv-list-overlay{z-index:10;background:#00000080;position:absolute;inset:0}.conv-list{background:var(--bg-secondary);border:1px solid var(--border);z-index:11;border-radius:0 0 8px 8px;flex-direction:column;max-height:calc(100% - 120px);display:flex;position:absolute;top:52px;left:0;right:0;overflow:hidden}.conv-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.conv-list-header h3{color:var(--text-secondary);font-size:14px}.conv-new-btn{background:var(--accent);color:var(--bg-primary);border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.conv-list-items{max-height:300px;overflow-y:auto}.conv-empty{text-align:center;color:var(--text-muted);padding:24px}.conv-item{border-bottom:1px solid var(--border);align-items:center;display:flex}.conv-item.active{background:var(--bg-tertiary);border-left:3px solid var(--accent)}.conv-item-main{text-align:left;cursor:pointer;flex:1;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.conv-item-main:hover{background:var(--bg-hover)}.conv-item-title{color:var(--text-primary);font-size:13px}.conv-item-date{color:var(--text-muted);font-size:10px}.conv-delete-btn{color:var(--text-muted);padding:8px 12px;font-size:12px;transition:color .12s}.conv-delete-btn:hover{color:#ff4040}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;width:360px;max-width:90vw;padding:24px}.modal h3{color:var(--accent);margin-bottom:16px}.field-label{color:var(--text-secondary);margin-top:12px;margin-bottom:4px;font-size:12px;display:block}.field-input{width:100%}.field-select{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);font:inherit;border-radius:4px;padding:8px 12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-btn{border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600}.modal-btn.cancel{background:var(--bg-tertiary);border:1px solid var(--border)}.modal-btn.save{background:var(--accent);color:var(--bg-primary)}.build-import{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.build-import-input{flex:1;min-width:150px;padding:6px 10px;font-size:12px}.build-import-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s}.build-import-btn:hover:not(:disabled){background:var(--bg-hover)}.build-import-btn:disabled{opacity:.4}.build-import-error{color:#ff6060;width:100%;padding-top:4px;font-size:11px}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-tertiary);align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-title{color:var(--accent);text-align:center;flex:1;font-size:16px;font-weight:600}.chat-header-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:18px;transition:background .15s,color .15s;display:flex}.chat-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.skill-tree-container{cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.skill-tree-container:active{cursor:grabbing}.skill-tree-canvas{width:100%;height:100%;display:block}.tree-tooltip{background:var(--bg-secondary);border:1px solid var(--border);pointer-events:none;z-index:20;border-radius:6px;max-width:280px;padding:8px 12px;position:absolute;box-shadow:0 4px 12px #00000080}.tooltip-name{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.tooltip-stat{color:var(--text-secondary);font-size:12px;line-height:1.4}.tooltip-allocated{color:var(--accent);margin-top:4px;font-size:11px;font-weight:600}.tag{text-transform:uppercase;border-radius:3px;margin-right:6px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.tag-keystone{color:#ff6040;background:#ff604030}.tag-notable{color:#e8d070;background:#e8d07030}.tag-jewel{color:#40c8c8;background:#40c8c830}.tree-loading{color:var(--text-muted);justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.tree-debug{color:var(--text-muted);background:var(--bg-secondary);opacity:.7;z-index:20;border-radius:3px;padding:3px 6px;font-family:monospace;font-size:10px;position:absolute;top:8px;right:12px}.tree-loading-sprites{color:var(--text-muted);background:var(--bg-secondary);border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:8px;right:12px}.spec-selector{z-index:25;-webkit-user-select:none;user-select:none;align-items:center;gap:0;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.spec-arrow{width:32px;height:36px;color:var(--accent);background:radial-gradient(#1a1610 60%,#0d0b08);border:1px solid #3a3020;justify-content:center;align-items:center;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:flex}.spec-arrow:first-child{border-right:none;border-radius:6px 0 0 6px}.spec-arrow:last-child{border-left:none;border-radius:0 6px 6px 0}.spec-arrow:hover:not(:disabled){border-color:var(--accent);color:#fff;background:radial-gradient(#2a2418 60%,#1a1610)}.spec-arrow:disabled{opacity:.35;cursor:default;color:#555}.spec-current{cursor:pointer;background:radial-gradient(#1a1610 40%,#0d0b08);border:1px solid #3a3020;flex-direction:column;align-items:center;gap:1px;width:300px;padding:4px 20px;transition:background .15s,border-color .15s;display:flex}.spec-current:hover{border-color:var(--accent);background:radial-gradient(#2a2418 40%,#1a1610)}.spec-current-title{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:298px;font-size:13px;font-weight:600;overflow:hidden}.spec-current-count{color:var(--text-muted);font-size:10px}.spec-dropdown{background:#0d0b08;border:1px solid #3a3020;border-radius:6px;min-width:260px;margin-top:4px;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #000000b3}.spec-dropdown-item{text-align:left;border-bottom:1px solid #1a1610;align-items:center;gap:10px;width:100%;padding:8px 14px;transition:background .12s;display:flex}.spec-dropdown-item:last-child{border-bottom:none}.spec-dropdown-item:hover{background:#1a1610}.spec-dropdown-item.active{border-left:3px solid var(--accent);background:#1a1610}.spec-dropdown-index{width:22px;height:22px;color:var(--accent);background:radial-gradient(#1a1610,#0d0b08);border:1px solid #3a3020;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.spec-dropdown-item.active .spec-dropdown-index{border-color:var(--accent);background:radial-gradient(#2a2010,#1a1610)}.spec-dropdown-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.spec-dropdown-nodes{color:var(--text-muted);flex-shrink:0;font-size:10px}.build-selector{z-index:25;-webkit-user-select:none;user-select:none;position:absolute;top:10px;left:10px}.build-selector-btn{cursor:pointer;background:radial-gradient(#1a1610 40%,#0d0b08);border:1px solid #3a3020;border-radius:6px;align-items:center;gap:8px;min-width:200px;padding:4px 14px;transition:background .15s,border-color .15s;display:flex}.build-selector-btn:hover{border-color:var(--accent);background:radial-gradient(#2a2418 40%,#1a1610)}.build-selector-label{color:var(--accent);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.build-selector-count,.build-selector-arrow{color:var(--text-muted);font-size:10px}.build-selector-dropdown{z-index:30;background:#0d0b08;border:1px solid #3a3020;border-radius:6px;min-width:280px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #000000b3}.build-selector-new{width:100%;color:var(--accent);text-align:left;border-bottom:1px solid #1a1610;padding:8px 14px;font-size:12px;font-weight:600;transition:background .12s;display:block}.build-selector-new:hover{background:#1a1610}.build-selector-item{border-bottom:1px solid #1a1610;align-items:center;display:flex}.build-selector-item:last-child{border-bottom:none}.build-selector-item.active{border-left:3px solid var(--accent);background:#1a1610}.build-selector-name{text-align:left;color:var(--text-primary);cursor:pointer;flex:1;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;transition:background .12s;display:flex}.build-selector-name:hover{background:#1a1610}.build-selector-date{color:var(--text-muted);font-size:10px}.build-selector-actions{gap:2px;padding-right:8px;display:flex}.build-action-btn{width:24px;height:24px;color:var(--text-muted);border-radius:3px;justify-content:center;align-items:center;font-size:12px;transition:background .12s,color .12s;display:flex}.build-action-btn:hover{color:var(--text-primary);background:#2a2418}.build-action-btn.delete:hover{color:#ff4040}.build-rename-input{color:var(--text-primary);background:#1a1610;border:1px solid #3a3020;border-radius:3px;flex:1;margin:4px 8px;padding:4px 8px;font-size:12px}.gem-setup-list{flex-direction:column;gap:8px;display:flex}.gem-empty{color:var(--text-muted);padding:8px;font-size:12px}.gem-group{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:8px}.gem-group.selected{border-color:var(--accent)}.gem-group-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.gem-group-label{color:var(--text-primary);font-size:12px;font-weight:600}.gem-group-slot{color:var(--text-muted);font-size:10px}.gem-main-tag{background:var(--accent);color:var(--bg-primary);text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.gem-list{flex-direction:column;gap:2px;display:flex}.gem-item{border-radius:3px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:12px;display:flex}.gem-icon-img{object-fit:contain;border-radius:3px;flex-shrink:0;width:20px;height:20px;margin-right:6px}.gem-icon{width:18px;height:18px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;font-size:9px;font-weight:800;display:inline-flex}.gem-icon-str{background:#c04040}.gem-icon-dex{background:#40a040}.gem-icon-int{background:#4060c0}.gem-icon-strdex{background:#a08030}.gem-icon-strint{background:#9040a0}.gem-icon-dexint{background:#308080}.gem-item .gem-name{flex:1;font-weight:600}.gem-item.gem-str{background:#c83c3c1a}.gem-item.gem-str .gem-name{color:#e05050}.gem-item.gem-dex{background:#3cb43c1a}.gem-item.gem-dex .gem-name{color:#50c050}.gem-item.gem-int{background:#3c64dc1a}.gem-item.gem-int .gem-name{color:#5080e0}.gem-item.gem-strdex{background:#b48c281a}.gem-item.gem-strdex .gem-name{color:#c8a040}.gem-item.gem-strint{background:#a03ca01a}.gem-item.gem-strint .gem-name{color:#c050c0}.gem-item.gem-dexint{background:#28a0a01a}.gem-item.gem-dexint .gem-name{color:#40b0b0}.gem-info{color:var(--text-muted);white-space:nowrap;font-size:11px}.build-panel{padding:12px 16px}.build-panel.empty{height:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}.build-header{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.build-character{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.build-class{color:var(--accent);font-size:18px;font-weight:700}.build-level{color:var(--text-secondary);font-size:13px}.build-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.btag{text-transform:uppercase;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600}.btag.caster{color:#4090e0;background:#2070c030}.btag.attacker{color:#e06040;background:#c0402030}.btag.summoner{color:#60c060;background:#40a04030}.btag.defence{color:#a0a0b0;background:#80808020}.btag.weapon{color:#c09050;background:#80604020}.build-config{flex-wrap:wrap;gap:8px;display:flex}.config-item{color:var(--text-muted);font-size:11px}.stats-bar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px 12px;display:flex}.stats-row{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.stats-row .stat{white-space:nowrap}.stats-row .stat strong{color:var(--text-primary)}.section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:12px}.build-columns{gap:16px;display:flex}.build-col{flex:1;min-width:0}.item-list{flex-direction:column;gap:4px;display:flex}.item-card{background:var(--bg-tertiary);border-left:3px solid var(--text-muted);border-radius:4px;padding:6px 10px}.item-card.rarity-magic{border-left-color:var(--rarity-magic)}.item-card.rarity-rare{border-left-color:var(--rarity-rare)}.item-card.rarity-unique{border-left-color:var(--rarity-unique)}.item-card-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.item-slot-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.item-sockets{color:var(--text-muted);font-family:monospace;font-size:10px}.item-card-name{color:var(--text-primary);font-size:13px;font-weight:600}.item-card.rarity-unique .item-card-name{color:var(--rarity-unique)}.item-card.rarity-rare .item-card-name{color:var(--rarity-rare)}.item-card.rarity-magic .item-card-name{color:var(--rarity-magic)}.item-card-base{color:var(--text-secondary);font-size:11px}.item-card-mods{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.item-mod{color:var(--gem-support);font-size:11px;line-height:1.4}.item-mod-more{color:var(--text-muted);font-size:10px;font-style:italic}.no-items{color:var(--text-muted);text-align:center;padding:12px;font-size:12px}@media (width<=1200px){.build-columns{flex-direction:column}}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.panel-chat{border-right:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;width:33.333%;min-width:320px;max-width:480px;height:100%;display:flex}.panel-right{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.panel-tree{background:var(--bg-primary);min-height:0;position:relative}.panel-divider{background:var(--border);cursor:row-resize;flex-shrink:0;height:5px;transition:background .15s}.panel-divider:hover{background:var(--accent)}.panel-build{background:var(--bg-secondary);min-height:0;overflow-y:auto}@media (width<=900px){.app-layout{flex-direction:column}.panel-chat{border-right:none;border-bottom:1px solid var(--border);width:100%;max-width:none;height:50%}.panel-right{height:50%}}