:root{--bg-base: #141517;--bg-surface: #1e2023;--bg-elevated: #26282d;--border: #373a40;--text-primary: #c9cdd4;--text-secondary: #868e96;--text-muted: #5c6370;--color-farming: #4ade80;--color-character: #fb923c;--color-knowledge: #60a5fa;--color-profile: #a78bfa;--accent: #60a5fa;--topbar-height: 52px;--sidebar-width: 200px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-main:focus{outline:none}.skip-link{position:absolute;top:8px;left:8px;z-index:100;padding:8px 12px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--accent);border-radius:6px;text-decoration:none;font-size:13px;transform:translateY(-200%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}.module-farming{--accent: var(--color-farming)}.module-character{--accent: var(--color-character)}.module-knowledge{--accent: var(--color-knowledge)}.module-profile{--accent: var(--color-profile)}.app-layout{display:flex;flex-direction:column;height:100vh}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.app-footer{margin-top:auto;padding:16px 0 8px;text-align:center}.app-footer-disclaimer{color:var(--text-muted);font-size:11px}.app-footer-version{color:var(--text-muted);font-size:11px;margin-top:2px}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:4px;flex-shrink:0;z-index:10}.topbar-wordmark{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px;padding-right:12px;margin-right:4px;border-right:1px solid var(--border);white-space:nowrap;text-decoration:none}.topbar-modules{display:flex;gap:2px;flex:1}.topbar-tab{padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .12s,color .12s;text-decoration:none;white-space:nowrap;display:inline-block}.topbar-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.topbar-tab.active{background:var(--bg-elevated);color:var(--accent)}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0;padding:12px 0}.sidebar-section{margin-bottom:8px}.sidebar-section-label{padding:8px 16px 4px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted)}.sidebar-link{display:block;padding:7px 16px 7px 24px;color:var(--text-secondary);text-decoration:none;font-size:13px;border-left:2px solid transparent;transition:color .12s,background .12s,border-color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.sidebar-link.active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.profile-chip{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:border-color .12s;text-decoration:none;color:var(--text-secondary);font-size:13px;margin-left:auto;white-space:nowrap}.profile-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.profile-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.profile-dot.loaded{background:var(--color-farming)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover{background:#32353d;border-color:var(--text-muted)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#000;font-weight:500}.btn-primary:hover{opacity:.88;background:var(--accent)}.btn-danger{background:transparent;border-color:#ef444480;color:#fca5a5}.btn-danger:hover{background:#ef44441a;border-color:#ef4444}.file-input-label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.file-input-label:hover{background:#32353d;border-color:var(--text-muted);color:var(--text-primary)}.file-input-label input[type=file]{display:none}.file-name{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.file-name.ready{color:var(--color-farming)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:20px}.card-title{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;line-height:inherit}.notice{border-radius:6px;padding:10px 14px;font-size:13px;margin-top:12px}.notice-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.notice-warn{background:#fb923c14;border:1px solid rgba(251,146,60,.25);color:#fdba74}.notice-info{background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:color-mix(in srgb,var(--accent) 75%,var(--text-primary))}.profile-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:13px}.profile-dl dt{color:var(--text-muted)}.profile-dl dd{color:var(--text-primary)}.character-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.character-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:transparent;color:var(--text-primary);text-align:left;font-size:13px;transition:background .12s,border-color .12s;width:100%}.character-option:hover{background:var(--bg-elevated)}.character-option.selected{border-color:var(--color-profile);background:color-mix(in srgb,var(--color-profile) 8%,transparent)}.character-option-name{flex:1;font-weight:500}.character-option-meta{color:var(--text-muted);font-size:12px}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:8px;color:var(--text-muted);text-align:center}.placeholder h2{font-size:16px;font-weight:500;color:var(--text-secondary)}.placeholder p{font-size:13px;max-width:340px;line-height:1.6}.page-content{max-width:680px}.page-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.data-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:16px}.data-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:hover td{background:var(--bg-elevated)}.data-table tbody tr:last-child td{border-bottom:none}.th-sortable{padding:0}.th-sortable-btn{width:100%;padding:8px 12px;background:transparent;border:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable-btn:hover{color:var(--text-secondary)}.sort-arrow{margin-left:4px;font-size:10px;color:var(--accent)}.sort-arrow.inactive{color:var(--text-muted)}.td-center{text-align:center}.td-muted{color:var(--text-muted)}.td-stat-key{color:var(--text-secondary);font-size:12px}.farm-page{padding-bottom:32px}.farm-controls{margin-bottom:4px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.farm-mod-groups{display:flex;flex-wrap:wrap;gap:20px;flex:1}.farm-mod-group{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.farm-mod-group-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-right:2px}.mod-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;font-size:12px;color:var(--text-secondary);transition:border-color .12s,color .12s,background .12s;-webkit-user-select:none;user-select:none}.mod-toggle input[type=checkbox]{display:none}.mod-toggle:hover{border-color:var(--text-muted);color:var(--text-primary)}.mod-toggle-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-primary)}.mod-toggle-name{font-weight:500}.mod-toggle-value{color:var(--accent);font-size:11px;font-weight:600}.mod-toggle-row{display:flex;align-items:center;gap:4px}.mod-talent-toggle{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;border:1px dashed var(--border);font-size:11px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:border-color .12s,color .12s,background .12s}.mod-talent-toggle input[type=checkbox]{display:none}.mod-talent-toggle:hover{border-color:var(--text-muted);color:var(--text-secondary)}.mod-talent-toggle-inactive{opacity:.35;cursor:default;pointer-events:none}.mod-talent-toggle-on{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.mod-talent-hint{color:var(--accent);opacity:.7;font-weight:600}.farm-bonus-summary{display:flex;gap:10px;font-size:12px;font-weight:600;color:var(--accent);align-self:center}.farm-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.farm-filter-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.farm-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:4px 8px;cursor:pointer}.farm-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:4px 8px}.farm-input-narrow{width:56px}.td-crop-name{font-weight:500;white-space:nowrap}.td-type{font-size:12px;color:var(--text-muted);white-space:nowrap}.td-other-drops{display:flex;flex-wrap:wrap;gap:4px;padding-top:4px;padding-bottom:4px}.other-drop-tag{font-size:11px;padding:1px 7px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:default}.td-biomes{vertical-align:middle;padding-top:6px;padding-bottom:6px}.biome-tag{display:inline-block;font-size:11px;padding:1px 7px;margin:2px 4px 2px 0;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.td-time{font-variant-numeric:tabular-nums;white-space:nowrap}.td-time-modified{color:var(--accent)}.td-time-base{margin-left:6px;font-size:11px;color:var(--text-muted);text-decoration:line-through}.td-stages{vertical-align:middle}.stage-pill{display:inline-block;font-size:11px;padding:1px 6px;margin:1.5px 3px 1.5px 0;border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);font-variant-numeric:tabular-nums}.farm-footnote{margin-top:12px;font-size:12px;color:var(--text-muted)}.recipe-search{position:relative}.recipe-search-input{width:100%;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px}.recipe-search-input:focus{border-color:var(--accent)}.recipe-search-input:focus:not(:focus-visible){outline:none}.recipe-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;list-style:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;overflow:hidden}.recipe-search-result-btn{width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer}.recipe-search-result-btn:hover,.recipe-search-result-btn.active{background:var(--bg-base)}.recipe-goals{display:flex;flex-direction:column;gap:6px}.recipe-goal-row{display:flex;align-items:center;gap:8px}.recipe-goal-name{flex:1;font-size:14px}.recipe-goal-count{width:64px;padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px;text-align:center}.recipe-goal-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.recipe-goal-remove:hover{color:var(--text-primary);background:var(--bg-elevated)}.recipe-view-tabs{display:flex;gap:6px;margin-bottom:4px}.tab-btn{padding:5px 14px;border-radius:5px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:13px;cursor:pointer}.tab-btn:hover{color:var(--text-primary)}.tab-btn-active{background:var(--bg-elevated);color:var(--accent);border-color:var(--accent)}.recipe-tree{list-style:none;padding-left:0}.recipe-tree .recipe-tree{padding-left:20px}.recipe-tree-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:3px 0;border-bottom:1px solid transparent;font-size:13px}.recipe-tree-raw{color:var(--text-muted)}.recipe-tree-raw .recipe-tree-name{color:var(--text-secondary)}.recipe-tree-count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent);min-width:36px;text-align:right}.recipe-tree-raw .recipe-tree-count{color:var(--text-muted)}.recipe-tree-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;width:16px;padding:0}.recipe-tree-toggle-spacer{width:16px;display:inline-block}.recipe-tree-name{font-size:13px}.recipe-tree-wb{font-size:11px;color:var(--text-muted);padding:1px 6px;border-radius:4px;background:var(--bg-elevated)}.recipe-tree-stacks{font-size:11px;color:var(--color-farming);padding:1px 6px;border-radius:4px;background:var(--bg-elevated)}.recipe-alt-select{font-size:11px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:1px 4px;cursor:pointer}.recipe-alt-select:focus{border-color:var(--accent)}.recipe-alt-select:focus:not(:focus-visible){outline:none}.recipe-wb-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 0 2px}.recipe-wb-summary-label{font-size:11px;color:var(--text-muted);margin-right:2px}.recipe-wb-pill{font-size:11px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);padding:1px 8px;border-radius:10px}.recipe-browse{border-top:1px solid var(--border);padding-top:8px}.recipe-browse-toggle{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 0;display:flex;align-items:center;gap:6px}.recipe-browse-toggle:hover,.recipe-browse-toggle-open{color:var(--text-primary)}.recipe-browse-body{margin-top:8px;display:flex;flex-direction:column;gap:10px}.recipe-browse-wbs{display:flex;flex-wrap:wrap;gap:4px}.recipe-wb-btn{display:flex;align-items:center;gap:5px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:2px 8px;cursor:pointer;white-space:nowrap}.recipe-wb-btn:hover{border-color:var(--accent);color:var(--text-primary)}.recipe-wb-btn-active{border-color:var(--accent);color:var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.recipe-wb-count{font-size:10px;color:var(--text-muted);background:var(--bg-base);padding:0 4px;border-radius:3px}.recipe-wb-btn-active .recipe-wb-count{color:var(--text-secondary)}.recipe-browse-items{display:flex;flex-wrap:wrap;gap:4px;max-height:200px;overflow-y:auto;padding-right:4px}.recipe-browse-item-btn{background:var(--bg-base);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:2px 8px;cursor:pointer;white-space:nowrap}.recipe-browse-item-btn:hover{border-color:var(--accent);color:var(--text-primary)}.recipe-flat-section{margin-bottom:16px}.recipe-flat-section:last-child{margin-bottom:0}.recipe-flat-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.recipe-flat-table td,.recipe-flat-table th{vertical-align:middle}.recipe-progress-th{width:120px}.recipe-progress-td{width:120px;padding:0 8px}.recipe-progress{height:6px;background:var(--bg-base);border-radius:3px;overflow:hidden}.recipe-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .15s ease}.recipe-have-cell{display:flex;align-items:center;justify-content:center;gap:4px}.recipe-have-input{width:52px;background:var(--bg-base);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;padding:2px 4px;text-align:center}.recipe-have-input:focus{border-color:var(--accent)}.recipe-have-input:focus:not(:focus-visible){outline:none}.recipe-mark-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:12px;cursor:pointer;flex-shrink:0}.recipe-mark-btn:hover{border-color:var(--accent);color:var(--accent)}.recipe-mark-btn-done{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.recipe-row-done td{opacity:.4;text-decoration:line-through}.recipe-row-done .recipe-have-cell input,.recipe-row-done .recipe-mark-btn{text-decoration:none}.recipe-tree-done>.recipe-tree-count,.recipe-tree-done>.recipe-tree-name{opacity:.35;text-decoration:line-through}.recipe-tree-done>.recipe-tree-wb,.recipe-tree-done>.recipe-tree-stacks{opacity:.35}.recipe-lock-icon{font-size:10px;margin-right:3px;opacity:.7}.recipe-search-result-btn.locked,.recipe-browse-item-btn.locked{opacity:.5}.recipe-locked-badge{font-size:10px;padding:1px 5px;border-radius:3px;background:color-mix(in srgb,#f87171 15%,transparent);color:#f87171;border:1px solid color-mix(in srgb,#f87171 40%,transparent);margin-left:4px;flex-shrink:0}.recipe-wb-locked-badge{font-size:10px;padding:1px 5px;border-radius:3px;background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);margin-left:4px;flex-shrink:0}.recipe-wb-pill.recipe-wb-pill-locked{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 40%,transparent)}.recipe-tree-have-cell{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.recipe-shared-badge{font-size:10px;padding:1px 5px;border-radius:3px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);margin-left:4px;flex-shrink:0}.recipe-tree-locked>.recipe-tree-count,.recipe-tree-locked>.recipe-tree-name,.recipe-tree-locked>.recipe-tree-wb{opacity:.6}.recipe-locked-notice{font-size:13px}.recipe-tree-have{font-size:11px;color:var(--color-farming);padding:1px 6px;border-radius:4px;background:var(--bg-elevated)}.recipe-goal-done .recipe-goal-name{opacity:.45;text-decoration:line-through}.recipe-goals-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.recipe-goals-progress{font-size:12px;color:var(--color-farming)}.recipe-clear-btn{font-size:11px;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:4px;padding:2px 8px;cursor:pointer;margin-left:auto}.recipe-clear-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.farm-mod-group-note{font-size:11px;color:var(--text-muted);font-weight:400;margin-left:4px}.unverified-note{font-size:11px;color:var(--text-muted);font-style:italic}.farm-config-header{padding:0;margin-bottom:4px}.farm-config-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;text-align:left}.farm-config-toggle:hover{color:var(--text-primary)}.farm-config-toggle-open{color:var(--text-primary);border-bottom:1px solid var(--border)}.farm-config-summary{font-size:12px;color:var(--accent);font-weight:400}.farm-config-summary-none{color:var(--text-muted);font-style:italic}.farm-config-header>.farm-controls{margin:0;border:none;border-radius:0;background:none;padding:16px}.td-num{font-variant-numeric:tabular-nums}.td-highlight{color:var(--accent);font-weight:600}.td-empty{text-align:center;color:var(--text-muted);padding:24px}.notice{padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:8px}.notice-error{background:#ef444426;color:#f87171}.notice-warn{background:#fbbf241a;color:#fbbf24}.notice-inline{font-size:12px}.planner-inputs{display:flex;flex-direction:column;gap:12px}.planner-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.planner-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.planner-number{width:80px;padding:6px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;color:var(--text-primary);font-size:14px}.planner-goal-tabs{display:flex;align-items:center;gap:8px}.planner-results{display:flex;flex-direction:column;gap:16px}.planner-result-grid{display:flex;flex-wrap:wrap;gap:12px}.planner-stat{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:12px 16px;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border)}.planner-stat-value{font-size:22px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.planner-stat-label{font-size:11px;color:var(--text-muted);text-align:center;margin-top:2px}.planner-fatigue-note{font-size:12px;color:var(--text-secondary);padding:8px 0;border-top:1px solid var(--border)}.bp-page{display:flex;flex-direction:column;height:100%;gap:0}.bp-header{flex-shrink:0;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.bp-search-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:10px}.bp-tier-filters{display:flex;flex-wrap:wrap;gap:4px}.bp-tier-btn{padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:border-color .1s,color .1s}.bp-tier-btn:hover{color:var(--text-primary);border-color:var(--accent)}.bp-tier-btn.active{color:var(--accent);border-color:var(--accent);background:var(--bg-elevated)}.bp-body{display:flex;flex:1;gap:16px;overflow:hidden}.bp-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:0 0 300px;min-width:0}.bp-list-count{font-size:11px;color:var(--text-muted);padding:2px 0 4px;flex-shrink:0}.bp-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;text-align:left;width:100%;color:var(--text-primary)}.bp-result-row:hover{background:var(--bg-surface)}.bp-result-row.selected{background:var(--bg-elevated);border-color:var(--border)}.bp-result-name{font-size:13px;flex:1;min-width:0}.bp-result-meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.bp-tier-badge{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;color:#0a0a0a;line-height:1.6}.bp-status-pill{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:700;line-height:1.6}.bp-status-pill.unlocked{background:#14532d;color:#4ade80}.bp-status-pill.locked{background:#450a0a;color:#f87171}.bp-status-pill.large{font-size:12px;padding:2px 8px}.bp-default-pill{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;color:var(--text-muted);background:var(--bg-base);line-height:1.6}.bp-default-pill.large{font-size:12px;padding:2px 8px}.bp-dlc-pill{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;color:#fdba74;background:#431407;line-height:1.6}.bp-dlc-pill.large{font-size:12px;padding:2px 8px}.bp-detail{flex:1;min-width:0;overflow-y:auto;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;align-self:flex-start;display:flex;flex-direction:column;gap:10px}.bp-detail-name{font-size:18px;font-weight:600;color:var(--text-primary)}.bp-detail-tier{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bp-prereq-section{display:flex;flex-direction:column;gap:6px}.bp-prereq-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.bp-prereq-chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.bp-prereq-step{display:flex;align-items:center;gap:4px}.bp-prereq-arrow{color:var(--text-muted);font-size:12px}.bp-prereq-node{padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer}.bp-prereq-node:hover{color:var(--text-primary);border-color:var(--accent)}.bp-prereq-node.target{color:var(--accent);border-color:var(--accent);cursor:default}.bp-prereq-node.unlocked{color:#4ade80}.bp-prereq-default{color:var(--text-muted);font-size:11px}.bp-no-prereqs{font-size:13px;color:var(--text-secondary)}.fb-page{display:flex;gap:12px;padding:12px 16px;min-height:0;flex:1;align-items:flex-start}.fb-setup{display:flex;flex-direction:column;gap:10px;width:360px;flex-shrink:0}.fb-slots-col{flex:1;min-width:280px;display:flex;flex-direction:column;gap:10px}.fb-slots-header{display:flex;align-items:baseline;gap:10px;padding:2px 0}.fb-slots-title{font-size:13px;font-weight:600;color:var(--text-primary)}.fb-results{display:flex;flex-direction:column;gap:10px;width:340px;flex-shrink:0}.fb-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.fb-panel-slim{padding:6px 12px;gap:0}.fb-panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:8px}.fb-slots-summary{font-size:12px;color:var(--text-muted)}.fb-rank-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fb-rank-label{font-size:13px;flex:1;min-width:0}.fb-rank-hint{font-size:11px;color:var(--text-muted)}.fb-rank-pips{display:flex;gap:2px}.fb-rank-pip{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.fb-rank-pip:hover{border-color:var(--accent);color:var(--text-primary)}.fb-rank-pip.active{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent)}.fb-toggle{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:border-color .1s}.fb-toggle input[type=checkbox]{display:none}.fb-toggle:hover{border-color:var(--text-muted)}.fb-toggle.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.fb-toggle-name{font-size:13px;font-weight:500;color:var(--text-primary)}.fb-toggle-desc{font-size:11px;color:var(--text-muted)}.fb-slots{display:flex;flex-direction:column;gap:8px}.fb-active-bonus-section{display:flex;flex-direction:column;gap:6px;margin-top:12px}.fb-active-bonus-heading{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.fb-active-bonus-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg-elevated);border:1px solid var(--accent, #4ade80);border-radius:6px;cursor:pointer;text-align:left;width:100%}.fb-active-bonus-card:hover{border-color:#f87171}.fb-active-bonus-card:hover .fb-active-bonus-remove{opacity:1}.fb-active-bonus-top{display:flex;align-items:center;gap:6px}.fb-active-bonus-name{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.fb-active-bonus-remove{font-size:11px;color:#f87171;opacity:0;flex-shrink:0}.fb-slot{position:relative}.fb-slot.locked{opacity:.75}.fb-slot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.fb-slot-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.fb-lock-btn{font-size:11px;padding:0 3px;background:transparent;border:none;cursor:pointer;opacity:.4;line-height:1}.fb-lock-btn:hover{opacity:.8}.fb-lock-btn.active{opacity:1}.fb-slot-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);font-size:14px;cursor:pointer;text-align:left;min-height:42px}.fb-slot-btn.filled{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--bg-elevated))}.fb-slot-btn.locked{cursor:default;opacity:.7}.fb-slot-btn:not(.locked):hover{border-color:var(--accent)}.fb-slot-arrow{font-size:9px;color:var(--text-muted)}.fb-slot-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.fb-stat-chip{font-size:10px;padding:1px 5px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary)}.fb-stat-chip.good{color:var(--stat-pos, #4ade80)}.fb-stat-chip.bad{color:var(--stat-neg, #f87171)}.fb-stat-chip.temp-warm{color:var(--temp-warm, #fb923c)}.fb-stat-chip.temp-cool{color:var(--temp-cool, #38bdf8)}.fb-cat-chip{font-size:10px;padding:1px 5px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:3px;color:var(--accent)}.fb-cat-chip.small,.fb-cooked-chip.small{font-size:9px;padding:0 4px}.fb-cooked-chip{font-size:10px;padding:1px 5px;background:color-mix(in srgb,#f59e0b 15%,transparent);border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);border-radius:3px;color:#f59e0b}.fb-fillable-chip{font-size:10px;padding:1px 5px;background:color-mix(in srgb,#a78bfa 15%,transparent);border:1px solid color-mix(in srgb,#a78bfa 40%,transparent);border-radius:3px;color:#a78bfa}.fb-fillable-chip.small{font-size:9px;padding:0 4px}.fb-dur-chip{font-size:10px;padding:1px 5px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-muted)}.fb-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column}.fb-picker-search{width:100%;box-sizing:border-box;padding:7px 10px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:13px;outline:none}.fb-picker-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column}.fb-picker-item{padding:6px 10px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.fb-picker-item:hover,.fb-picker-item.active,.fb-picker-item-row.active .fb-picker-item{background:var(--bg-surface);color:var(--text-primary)}.fb-picker-item.selected{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.fb-picker-item.empty-item{color:var(--text-muted);font-style:italic}.fb-picker-section-label{padding:4px 10px 2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);pointer-events:none}.fb-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-picker-meta{display:flex;gap:3px;flex-shrink:0}.fb-bonus-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.fb-totals-panel{flex:1}.fb-totals-empty{font-size:13px;color:var(--text-muted)}.fb-totals-list{display:flex;flex-direction:column;gap:2px}.fb-stat-row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:4px 6px;border-radius:4px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;gap:8px}.fb-stat-row:hover{background:var(--bg-elevated);border-color:var(--border)}.fb-stat-row.highlighted{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}.fb-stat-label{font-size:13px;color:var(--text-secondary);flex:1;min-width:0}.fb-stat-row.highlighted .fb-stat-label{color:var(--text-primary)}.fb-stat-value{font-size:13px;font-weight:600;flex-shrink:0}.fb-stat-value.positive{color:#4ade80}.fb-stat-value.negative{color:#f87171}.fb-stat-value.temp-warm{color:var(--temp-warm, #fb923c)}.fb-stat-value.temp-cool{color:var(--temp-cool, #38bdf8)}.fb-stat-contributors{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px 6px}.fb-contributor-pill{font-size:11px;padding:1px 6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-muted)}.fb-clear-highlight{font-size:10px;padding:1px 6px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;margin-left:auto}.fb-clear-highlight:hover{color:var(--text-primary);border-color:var(--text-muted)}.fb-panel-title-btn{width:100%;background:transparent;border:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.fb-solver-arrow{margin-left:auto;font-size:9px;color:var(--text-muted)}.fb-solver-targets{display:flex;flex-direction:column;gap:6px}.fb-solver-target-row{display:flex;align-items:center;gap:6px}.fb-weight-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.fb-weight-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.fb-weight-btns{display:flex;gap:2px}.fb-weight-btn{padding:2px 6px;border-radius:3px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:11px;cursor:pointer;font-variant-numeric:tabular-nums}.fb-weight-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.fb-weight-btn.active{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent)}.fb-dir-btn{font-size:11px;padding:2px 6px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.fb-dir-btn:hover{border-color:var(--accent);color:var(--accent)}.fb-dir-btn.down{color:var(--temp-cool, #38bdf8);border-color:var(--temp-cool, #38bdf8)}.fb-dir-btn.down:hover{opacity:.8}.fb-solver-remove{font-size:11px;padding:2px 5px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;flex-shrink:0}.fb-solver-remove:hover{color:#f87171;border-color:#f87171}.fb-solver-add{font-size:11px;padding:3px 8px;background:transparent;border:1px dashed var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;text-align:left}.fb-solver-add:hover{color:var(--text-primary);border-color:var(--text-muted)}.fb-solver-constraints{display:flex;gap:6px;flex-wrap:wrap}.fb-constraint-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px 2px 8px;border-radius:10px;border:1px solid}.fb-constraint-pill.enforced{background:color-mix(in srgb,#4ade80 12%,transparent);border-color:color-mix(in srgb,#4ade80 40%,transparent);color:#4ade80}.fb-constraint-pill.excluded{background:color-mix(in srgb,#f87171 12%,transparent);border-color:color-mix(in srgb,#f87171 40%,transparent);color:#f87171}.fb-constraint-clear{background:transparent;border:none;cursor:pointer;color:inherit;font-size:10px;padding:0 1px;opacity:.7}.fb-constraint-clear:hover{opacity:1}.fb-solver-actions{display:flex;gap:6px}.fb-solve-btn{flex:1;padding:7px 12px;border-radius:4px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.fb-solve-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 25%,transparent)}.fb-solve-btn:disabled{opacity:.35;cursor:default}.fb-solver-clear-btn{padding:7px 10px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer}.fb-solver-clear-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.fb-solver-result{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border)}.fb-solver-result-ok{font-size:12px;color:#4ade80}.fb-solver-result-partial{font-size:12px;color:var(--text-secondary)}.fb-solver-duration-hint{font-size:11px;color:var(--text-muted);line-height:1.5}.fb-solver-bonus-suggest{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border)}.fb-solver-bonus-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.fb-solver-bonus-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;background:none;border:1px solid transparent;border-radius:4px;padding:3px 5px;cursor:pointer;text-align:left;transition:border-color .1s,background .1s}.fb-solver-bonus-row:hover{border-color:var(--border);background:var(--bg-elevated)}.fb-solver-bonus-row.active{border-color:var(--accent, #4ade80);background:color-mix(in srgb,var(--accent, #4ade80) 12%,transparent)}.fb-solver-bonus-row.active .fb-solver-bonus-name{color:var(--accent, #4ade80)}.fb-solver-bonus-name{font-size:12px;color:var(--text-secondary);flex-shrink:0}.fb-solver-bonus-stats{font-size:11px;color:var(--text-muted);text-align:right}.fb-combobox{position:relative;flex:1;min-width:0}.fb-combobox-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elevated);color:var(--text-muted);font-size:12px;cursor:pointer;text-align:left;gap:4px}.fb-combobox-btn.has-value{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.fb-combobox-btn:hover{border-color:var(--accent)}.fb-combobox-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-picker-item-row{display:flex;align-items:center}.fb-picker-item-row .fb-picker-item{flex:1;min-width:0}.fb-picker-item-row.excluded .fb-picker-item{opacity:.4;text-decoration:line-through}.fb-picker-constraints{display:flex;gap:2px;padding:0 4px;flex-shrink:0}.fb-picker-constraint-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:3px;font-size:10px;cursor:pointer;color:var(--text-muted)}.fb-picker-constraint-btn:hover{border-color:var(--border);color:var(--text-primary)}.fb-picker-constraint-btn.active-enforce{background:color-mix(in srgb,#4ade80 15%,transparent);border-color:color-mix(in srgb,#4ade80 50%,transparent);color:#4ade80}.fb-picker-constraint-btn.active-exclude{background:color-mix(in srgb,#f87171 15%,transparent);border-color:color-mix(in srgb,#f87171 50%,transparent);color:#f87171}.fb-enforce-badge{font-size:9px;padding:0 3px;background:color-mix(in srgb,#4ade80 15%,transparent);border-radius:2px;color:#4ade80}.talent-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;padding:2px 3px;border-radius:4px;background:#21262d;border:1px solid #30363d;color:#c9d1d9;font-size:8px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.talent-node:focus-visible{outline:2px solid var(--accent, #d29922);outline-offset:2px}.talent-node.allocated{background:#7c5c00;border-color:#d29922;color:#fffbe6}.talent-node.unlockable{background:#21262d;border-color:#30363d}.talent-node.planned-add{background:#0d2545;border:1.5px solid #58a6ff;box-shadow:0 0 6px #58a6ff66}.talent-node.planned-remove{background:#3d1a1a;border:1.5px dashed #f85149;color:#f85149}.talent-node.locked{background:#13161b;border-color:#1c2028;color:#3a3f47;cursor:not-allowed}.talent-node.locked .talent-node-badge{color:#3a3f47}.talent-node.rank-locked .talent-node-badge.tier{color:#d29922}.talent-node-name{line-height:1.1;max-width:44px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.talent-node-badge{position:absolute;font-size:8px;font-weight:600;background:#0d1117bf;padding:0 3px;border-radius:2px}.talent-node-badge.rank{top:1px;left:2px;color:#d29922}.talent-node-badge.tier{top:1px;right:2px;color:#8b949e;font-size:7px;text-transform:uppercase}.talent-edges{position:absolute;top:0;left:0;pointer-events:none}.talent-edges path{stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.talent-edges .edge-idle{stroke:#30363d}.talent-edges .edge-active{stroke:#d29922;stroke-width:2}.talent-edges .edge-remove{stroke:#f85149;stroke-dasharray:4 3}.talent-subtree{background:#0d1117;border:1px solid #21262d;border-radius:4px;padding:6px 4px;flex:1 1 0;min-width:0;display:flex;flex-direction:column}.talent-subtree-scroll{overflow-x:auto;overflow-y:visible;flex:1}.talent-subtree-canvas{margin:0 auto;background:#0a0d12;border-radius:3px}.talent-subtree-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #21262d}.talent-subtree-title{font-size:11px;font-weight:600;color:#c9d1d9;text-transform:uppercase;letter-spacing:.5px}.talent-subtree-pts{font-size:10px;color:#d29922}.talent-subtree-pts .diff-add{color:#58a6ff;margin-left:3px}.talent-subtree-pts .diff-rem{color:#f85149;margin-left:3px}.tp-header{padding:10px 14px;border-bottom:1px solid #30363d;background:#161b22;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tp-chip{padding:4px 10px;border-radius:4px;font-size:13px;font-weight:600;white-space:nowrap}.tp-chip.level{background:#1f6feb;color:#fff}.tp-chip.points{background:#d29922;color:#0d1117}.tp-chip.points.over{background:#3d1a1a;color:#f85149;border:1px solid #f85149}.tp-chip.bonus{background:#8957e5;color:#fff}.tp-chip.req{background:#21262d;color:#c9d1d9;border:1px solid #30363d}.tp-chip.solo{background:#238636;color:#fff}.tp-reset{margin-left:auto;background:transparent;border:1px solid #30363d;color:#8b949e;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer}.tp-plan-strip{background:#0d1117;padding:8px 14px;border-bottom:1px solid #30363d;display:flex;align-items:center;gap:16px;font-size:12px;color:#8b949e}.tp-plan-strip strong{color:#e6edf3;font-weight:600}.tp-progress{flex:0 0 220px;height:6px;background:#21262d;border-radius:3px;overflow:hidden}.tp-progress-fill{height:100%;background:#d29922}.tp-plan-strip .diff-add{color:#58a6ff}.tp-plan-strip .diff-rem{color:#f85149}.talent-planner{background:#0d1117;border-radius:6px;overflow:hidden}.tp-tabs{display:flex;gap:2px;margin-left:10px}.tp-tab{padding:6px 14px;color:#8b949e;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;font-size:13px;font-family:inherit}.tp-tab.active{color:#e6edf3;border-bottom-color:#d29922}.tp-tab-count{font-size:11px;color:#6e7681;margin-left:5px}.tp-tab-diff{font-size:11px;margin-left:4px}.tp-tab-diff.add{color:#58a6ff}.tp-tab-diff.rem{color:#f85149}.tp-subtree-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px;align-items:stretch}.page-loading,.page-error,.page-empty{padding:24px;color:#8b949e;font-size:13px}.page-error{color:#f85149}.feedback-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:0;width:420px;max-width:calc(100vw - 32px);color:var(--text-primary);box-shadow:0 8px 32px #00000080}.feedback-dialog::backdrop{background:#0009}.feedback-form{display:flex;flex-direction:column;gap:12px;padding:20px}.feedback-pills{display:flex;gap:4px}.feedback-pill{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.feedback-pill:hover{border-color:var(--text-muted);color:var(--text-primary)}.feedback-pill.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.feedback-textarea-wrap{position:relative}.feedback-textarea{width:100%;min-height:100px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.5;resize:vertical}.feedback-textarea:focus{border-color:var(--accent);outline:none}.feedback-textarea:disabled{opacity:.5}.feedback-charcount{position:absolute;bottom:8px;right:10px;font-size:11px;color:var(--text-muted)}.feedback-context{font-size:11px;color:var(--text-muted)}.feedback-success{text-align:center;padding:24px 0;font-size:15px;color:#4ade80}.feedback-error{font-size:12px;color:#f87171}.feedback-actions{display:flex;justify-content:flex-end;gap:8px}.feedback-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .12s,background .12s;flex-shrink:0}.feedback-trigger:hover{color:var(--text-primary);background:var(--bg-elevated)}.feedback-footer-link{background:none;border:none;color:var(--text-muted);font-size:inherit;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;padding:0}.feedback-footer-link:hover{color:var(--text-secondary)}