.input-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media(max-width:800px){.input-view{grid-template-columns:1fr}}@media(max-width:600px){.input-view{gap:var(--spacing-lg)}.input-header,.items-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.input-textarea{min-height:150px;font-size:16px}.input-actions{flex-wrap:wrap}.input-actions .btn{flex:1;min-width:100px;text-align:center}.items-list{max-height:300px}.item-row{padding:var(--spacing-xs) var(--spacing-sm)}.item-remove{opacity:1}}.input-section,.items-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-header,.items-header{display:flex;align-items:center;justify-content:space-between}.input-header h2,.items-header h2{font-size:14px;font-weight:600;color:var(--text-primary)}.input-hint{font-size:11px;color:var(--text-muted)}.input-textarea{width:100%;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.6;resize:vertical;min-height:200px;transition:border-color var(--transition-normal)}.input-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.input-textarea::placeholder{color:var(--text-muted)}.input-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:12px;cursor:pointer;transition:all var(--transition-normal)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background-color:var(--accent-dim);border-color:var(--accent-dim)}.btn-secondary{background-color:transparent;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.btn-danger-subtle{background-color:transparent;color:var(--text-muted);border-color:transparent;font-size:11px}.btn-danger-subtle:hover{color:var(--color-danger)}.items-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.item-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.item-row:hover{background-color:var(--bg-tertiary)}.item-index{color:var(--text-muted);font-size:11px;min-width:24px}.item-text{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-remove{padding:2px 6px;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:12px;cursor:pointer;opacity:0;transition:all var(--transition-normal)}.item-row:hover .item-remove{opacity:1}.item-remove:hover{color:var(--color-danger)}.import-status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:12px;text-align:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.import-status-success{background-color:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.import-status-error{background-color:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger)}.convergence-compact{display:flex;align-items:center;gap:var(--spacing-sm)}.convergence-bar-container{width:80px;height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.convergence-bar-fill{height:100%;background-color:var(--accent-color);transition:width var(--transition-normal)}.convergence-text{font-size:11px;color:var(--text-muted)}.convergence-display{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.convergence-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.convergence-header h4{font-size:12px;font-weight:600;color:var(--text-primary);margin:0}.confidence-badge{padding:2px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary)}.confidence-badge.converged{background-color:var(--color-success);color:var(--bg-primary)}.convergence-progress{margin-bottom:var(--spacing-md)}.progress-bar{height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--color-success));transition:width var(--transition-normal)}.progress-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.uncertainty-breakdown{margin-bottom:var(--spacing-md)}.uncertainty-breakdown h5{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.uncertainty-bars{display:flex;flex-direction:column;gap:4px}.uncertainty-item{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:var(--spacing-xs)}.item-name{font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uncertainty-bar{height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.uncertainty-item:has(.uncertainty-fill[style*="width: 8"]) .uncertainty-fill,.uncertainty-item:has(.uncertainty-fill[style*="width: 9"]) .uncertainty-fill,.uncertainty-item:has(.uncertainty-fill[style*="width: 100"]) .uncertainty-fill{background-color:var(--color-success)}.uncertainty-item:has(.uncertainty-fill[style*="width: 3"]) .uncertainty-fill,.uncertainty-item:has(.uncertainty-fill[style*="width: 4"]) .uncertainty-fill,.uncertainty-item:has(.uncertainty-fill[style*="width: 5"]) .uncertainty-fill{background-color:var(--color-warning)}.uncertainty-item:has(.uncertainty-fill[style*="width: 0"]) .uncertainty-fill,.uncertainty-item:has(.uncertainty-fill[style*="width: 1"]) .uncertainty-fill,.uncertainty-item:has(.uncertainty-fill[style*="width: 2"]) .uncertainty-fill{background-color:var(--color-danger)}.sigma-value{font-size:9px;font-family:JetBrains Mono,monospace;color:var(--text-muted);text-align:right}.more-items{font-size:10px;color:var(--text-muted);font-style:italic;text-align:center;padding-top:var(--spacing-xs)}.convergence-legend{display:flex;gap:var(--spacing-md);flex-wrap:wrap;font-size:9px;color:var(--text-muted)}.convergence-legend span{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.high{background-color:var(--color-success)}.legend-dot.medium{background-color:var(--color-warning)}.legend-dot.low{background-color:var(--color-danger)}@media(max-width:600px){.convergence-display{padding:var(--spacing-sm)}.uncertainty-item{grid-template-columns:60px 1fr 40px}.convergence-legend{flex-direction:column;gap:var(--spacing-xs)}}.compare-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;height:calc(100vh - 120px)}@media(max-width:900px){.compare-layout{grid-template-columns:1fr;height:auto}.compare-sidebar{display:none}}@media(max-width:600px){.compare-layout{gap:var(--spacing-md)}.compare-main{padding:var(--spacing-sm) 0;gap:var(--spacing-md)}.dimension-toggle{width:100%}.dimension-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:11px;text-align:center}.convergence-info{flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.uncertainty-bar{width:80px}.dimension-description{font-size:11px;text-align:center}.compare-question h2{font-size:16px}.compare-cards{flex-direction:column;gap:var(--spacing-md)}.compare-vs{display:none}.compare-card{width:100%;min-height:80px;padding:var(--spacing-md)}.compare-card:active{transform:scale(.98);background-color:var(--accent-color);border-color:var(--accent-color)}.compare-card:active .card-key,.compare-card:active .card-text{color:var(--bg-primary)}.card-key{width:28px;height:28px;font-size:12px}.card-text{font-size:14px}.compare-keys{font-size:10px;text-align:center;white-space:normal;line-height:1.6}}.compare-main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.compare-view{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);max-width:900px;margin:0 auto;padding:var(--spacing-lg) 0}.compare-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.dimension-toggle{display:flex;gap:2px;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:2px}.dimension-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:12px;cursor:pointer;transition:all var(--transition-normal)}.dimension-btn:hover{color:var(--text-primary)}.dimension-btn.active{background-color:var(--accent-color);color:var(--bg-primary)}.convergence-info,.convergence-info-btn{display:flex;align-items:center;gap:var(--spacing-md);font-size:11px;color:var(--text-muted)}.convergence-info-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast)}.convergence-info-btn:hover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}.convergence-label{color:var(--text-secondary);font-weight:500}.uncertainty-bar{width:100px;height:4px;background-color:var(--bg-tertiary);border-radius:2px;overflow:hidden}.uncertainty-fill{height:100%;background-color:var(--accent-color);transition:width var(--transition-normal)}.convergence-estimate{color:var(--text-muted)}.dimension-description{font-size:12px;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.compare-question{text-align:center}.compare-question h2{font-size:20px;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.compare-hint{font-size:12px;color:var(--text-muted)}.compare-cards{display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.compare-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);min-height:120px}.compare-card:hover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}.compare-card:active{transform:scale(.98)}.card-key{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-highlight);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary)}.compare-card:hover .card-key{border-color:var(--accent-color);color:var(--accent-color)}.card-text{font-size:15px;color:var(--text-primary);text-align:center;line-height:1.5;word-break:break-word}.compare-vs{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.compare-actions{display:flex;gap:var(--spacing-sm);min-height:32px}.btn-undo{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.btn-undo:hover{border-color:var(--color-warning);color:var(--color-warning)}.compare-keys{font-size:11px;color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.compare-keys.mobile-only{display:none}@media(max-width:600px){.compare-keys.desktop-only{display:none}.compare-keys.mobile-only{display:block}}.compare-stats{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.stat-row{display:flex;gap:var(--spacing-sm);font-size:12px}.stat-label{color:var(--text-muted)}.stat-value{color:var(--text-secondary)}.compare-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.compare-sidebar{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.sidebar-header h3{font-size:12px;font-weight:600;color:var(--text-primary)}.sidebar-hint{font-size:10px;color:var(--text-muted)}.sidebar-legend{display:grid;grid-template-columns:1fr 45px 45px 50px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.sidebar-legend span:first-child{grid-column:1}.sidebar-legend span:nth-child(2){text-align:right}.sidebar-legend span:nth-child(3){text-align:right}.sidebar-legend span:nth-child(4){text-align:right}.sidebar-content{flex:1;display:flex;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);overflow:hidden}.sidebar-scores{display:flex;flex-direction:column;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-sm);background-color:var(--bg-primary);min-width:44px;border-right:1px solid var(--border-color)}.score-line{font-family:JetBrains Mono,SF Mono,monospace;font-size:12px;line-height:1.7;color:var(--accent-color);text-align:right;padding-right:var(--spacing-xs);white-space:nowrap}.rankings-textarea{flex:1;width:100%;padding:var(--spacing-sm) var(--spacing-sm);background-color:var(--bg-primary);border:none;color:var(--text-primary);font-family:JetBrains Mono,SF Mono,monospace;font-size:12px;line-height:1.7;resize:none;outline:none;transition:background-color var(--transition-fast)}.rankings-textarea:focus,.rankings-textarea.focused{background-color:var(--bg-secondary)}.sidebar-content:focus-within{border-color:var(--accent-color)}.rankings-textarea::placeholder{color:var(--text-muted);font-style:italic}.rankings-textarea::selection{background-color:var(--accent-color);color:var(--bg-primary)}.sidebar-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);font-size:10px;color:var(--text-muted);text-align:center}.sidebar-footer p{margin:2px 0}.quick-mode-btn{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:10px;cursor:pointer;transition:all var(--transition-fast)}.quick-mode-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.quick-mode-btn.active{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--bg-primary)}.compare-layout.quick-mode .compare-main{gap:var(--spacing-md);padding:var(--spacing-sm) 0}.compare-layout.quick-mode .compare-card{min-height:80px;padding:var(--spacing-md);transition:none}.compare-layout.quick-mode .compare-card:hover{transform:none}.compare-layout.quick-mode .compare-card:active{transform:scale(.98);background-color:var(--accent-color);border-color:var(--accent-color)}.compare-layout.quick-mode .compare-card:active .card-text,.compare-layout.quick-mode .compare-card:active .card-key{color:var(--bg-primary)}.compare-layout.quick-mode .card-key{width:24px;height:24px;font-size:12px}.compare-layout.quick-mode .card-text{font-size:14px}.compare-layout.quick-mode .compare-vs{font-size:12px}.compare-layout.quick-mode .compare-keys{font-size:10px;padding:var(--spacing-xs) var(--spacing-sm)}.rankings-view{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.rankings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.rankings-title h2{font-size:16px;font-weight:600;color:var(--text-primary)}.rankings-subtitle{font-size:11px;color:var(--text-muted)}.dimension-weights{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.weight-control{display:flex;align-items:center;gap:var(--spacing-sm)}.weight-dim-name{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:60px}.weight-range{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.weight-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 6px #06d6a066}.weight-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 6px #06d6a066}.weight-value{font-size:10px;color:var(--accent-color);font-family:JetBrains Mono,monospace;min-width:32px;text-align:right}.weight-value.negative{color:var(--color-danger)}.rankings-actions{display:flex;gap:var(--spacing-sm)}.btn-toggle{background:transparent;color:var(--text-secondary)}.btn-toggle.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.import-error{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:12px}.import-error button{padding:2px 8px;background:transparent;border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;font-size:11px;min-height:auto;min-width:auto}.import-error button:hover{background-color:var(--color-danger);color:var(--bg-primary)}.rankings-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.stat-box{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.stat-box .stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-box .stat-value{font-size:16px;font-weight:600;color:var(--accent-color)}.reset-box{flex-direction:row;gap:var(--spacing-sm);margin-left:auto}.rankings-content{display:flex;gap:var(--spacing-lg)}.rankings-content.with-graph{display:grid;grid-template-columns:1fr 420px}.rankings-list{flex:1;display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.list-header{display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.list-row{display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:12px;transition:background-color var(--transition-normal)}.list-row.score-high{border-left:3px solid var(--color-success)}.list-row.score-medium{border-left:3px solid var(--color-warning)}.list-row.score-low{border-left:3px solid var(--color-danger)}.col-rank{color:var(--text-muted);font-weight:600}.col-text{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-text-editable{cursor:text;border-radius:2px;padding:0 2px}.col-text-editable:hover{background-color:var(--bg-tertiary)}.col-text-edit{background:var(--bg-primary);border:1px solid var(--accent-color);border-radius:2px;color:var(--text-primary);font:inherit;padding:0 2px;outline:none;min-width:0}.col-score{color:var(--accent-color);font-weight:600;font-family:JetBrains Mono,monospace}.col-dim,.col-dim-value{display:flex;gap:4px;font-family:JetBrains Mono,monospace}.col-dim-value .mu{color:var(--text-secondary)}.col-dim-value .sigma{color:var(--text-muted);font-size:10px}.row-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-family:inherit;cursor:pointer;opacity:0;transition:all var(--transition-fast);align-self:center;min-height:auto;min-width:auto}.list-row:hover .row-delete-btn{opacity:1}.row-delete-btn:hover{color:var(--color-danger);background:#ef44441a}.add-row{opacity:.6;transition:opacity var(--transition-fast);border-bottom:none!important}.add-row:hover{opacity:1}.add-icon{color:var(--accent-color);font-weight:600}.add-row-input{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--text-primary);font:inherit;font-size:12px;padding:0 2px;outline:none;min-width:0}.add-row-input:focus{border-bottom-color:var(--accent-color)}.add-row-input::placeholder{color:var(--text-muted)}.rankings-graph{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.graph-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.graph-controls{display:flex;flex-wrap:wrap;gap:4px;padding:var(--spacing-xs) var(--spacing-sm)}.graph-dim-toggle{padding:2px 8px;background:transparent;border:1px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:10px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);min-height:auto;min-width:auto}.graph-dim-toggle:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.graph-dim-toggle.active{background:#ffffff0d}.graph-canvas{width:100%;height:400px;border-radius:var(--radius-md)}.rankings-view .btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.rankings-view .btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.rankings-view .btn-danger-subtle{border-color:transparent;color:var(--text-muted);font-size:10px}.rankings-view .btn-danger-subtle:hover{color:var(--color-danger);border-color:transparent}@media(max-width:900px){.rankings-content.with-graph{grid-template-columns:1fr}.rankings-graph{order:-1}.col-dim,.col-dim-value{display:none}}@media(max-width:600px){.rankings-view{gap:var(--spacing-md)}.rankings-header{flex-direction:column;align-items:stretch}.rankings-title{text-align:center}.rankings-title h2{font-size:14px}.rankings-actions{flex-wrap:wrap;justify-content:center}.rankings-actions .btn{flex:1;min-width:80px;font-size:10px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.rankings-stats{justify-content:center}.stat-box{padding:var(--spacing-xs) var(--spacing-sm)}.stat-box .stat-label{font-size:9px}.stat-box .stat-value{font-size:14px}.reset-box{margin-left:0;width:100%;justify-content:center}.list-header,.list-row{padding:var(--spacing-xs) var(--spacing-sm)}.list-header{font-size:9px}.list-row{font-size:11px}.col-score{font-size:10px}.graph-canvas{height:300px}.import-error{font-size:11px;padding:var(--spacing-sm)}}.history-view{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto}.history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.history-title h2{font-size:16px;font-weight:600;color:var(--text-primary)}.history-subtitle{font-size:11px;color:var(--text-muted)}.history-actions,.history-filters{display:flex;gap:var(--spacing-sm)}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.history-list{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.history-empty p{color:var(--text-muted);font-size:14px}.history-empty .btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.list-header{display:grid;grid-template-columns:1fr 60px 80px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.list-row{display:grid;grid-template-columns:1fr 60px 80px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:12px;transition:background-color var(--transition-normal)}.list-row:last-child{border-bottom:none}.list-row:hover{background-color:var(--bg-tertiary)}.col-result{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden}.col-result .winner{color:var(--color-success);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.col-result .vs{color:var(--text-muted);flex-shrink:0}.col-result .loser{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.col-dimension{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase}.col-dimension.dimension-importance{color:var(--accent-color)}.col-dimension.dimension-time{color:var(--color-warning)}.col-time{color:var(--text-muted);font-size:11px;text-align:right}.history-view .btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:11px;cursor:pointer;transition:all var(--transition-normal)}.history-view .btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.history-view .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.history-view{gap:var(--spacing-md)}.history-header{flex-direction:column;align-items:stretch}.history-title{text-align:center}.history-actions,.history-filters{flex-wrap:wrap;justify-content:center}.filter-btn{font-size:10px;padding:var(--spacing-xs) var(--spacing-sm)}.list-header,.list-row{grid-template-columns:1fr 50px 60px;padding:var(--spacing-xs) var(--spacing-sm)}.list-header{font-size:9px}.list-row{font-size:11px}.col-time{font-size:10px}}.settings-view{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.settings-title{font-size:20px;font-weight:600;color:var(--accent-color);margin-bottom:var(--spacing-xl);text-transform:lowercase;letter-spacing:1px}.settings-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.settings-section:last-of-type{border-bottom:none}.settings-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:var(--spacing-md)}.settings-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.settings-label{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-label>span:first-child{color:var(--text-primary);font-size:13px}.settings-hint{font-size:11px;color:var(--text-muted)}.settings-control{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.btn-group{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px}.btn-group .btn{min-width:auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:11px;border-radius:var(--radius-sm)}.btn-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-toggle:hover{color:var(--text-primary)}.btn-toggle.active{background:var(--accent-color);color:var(--bg-primary)}.settings-slider{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer}.settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none}.settings-value{min-width:40px;text-align:right;font-size:12px;color:var(--text-secondary);font-family:inherit}.settings-error{background:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-danger);font-size:12px;margin-top:var(--spacing-sm)}.settings-confirm{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-confirm-text{font-size:12px;color:var(--color-warning)}.settings-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);font-size:11px}.footer-link{color:var(--text-muted);text-decoration:none}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:inherit;font-size:12px;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--text-primary)}.btn-danger-subtle{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-danger-subtle:hover{border-color:var(--color-danger);color:var(--color-danger)}.settings-section-hint{font-size:11px;color:var(--text-muted);line-height:1.5;margin:0 0 var(--spacing-md) 0}.dim-name-input{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--text-primary);font:inherit;font-size:13px;font-weight:500;padding:2px 0;outline:none;width:100%}.dim-name-input:hover,.dim-name-input:focus{border-bottom-color:var(--accent-color)}.dim-question-input{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--text-muted);font:inherit;font-size:11px;padding:2px 0;outline:none;width:100%}.dim-question-input:hover,.dim-question-input:focus{border-bottom-color:var(--border-color)}.settings-value.negative{color:var(--color-danger)}.btn-sm{padding:2px 6px;font-size:10px;min-height:auto;min-width:auto}.algorithm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.algorithm-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit;color:var(--text-primary)}.algorithm-card:hover{border-color:var(--text-muted)}.algorithm-card.selected{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-glow)}.algorithm-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.algorithm-card-name{font-size:13px;font-weight:600}.algorithm-card-badge{font-size:9px;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:10px;padding:1px 6px;text-transform:uppercase;letter-spacing:.5px}.algorithm-card-desc{font-size:11px;color:var(--text-secondary);margin:0;line-height:1.4}.algorithm-card-stats{display:flex;gap:var(--spacing-md);font-size:10px;color:var(--text-muted);margin-top:var(--spacing-xs)}.bg-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bg-picker-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:none;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.bg-picker-item:hover{border-color:var(--text-muted)}.bg-picker-item.selected{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-glow)}.bg-picker-preview{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-sm);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.bg-picker-preview span{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.bg-picker-type{position:absolute;bottom:2px;right:3px;font-size:8px!important;opacity:.5}.bg-picker-name{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bg-picker-item.selected .bg-picker-name{color:var(--accent-color)}.bg-preview-none{background:var(--bg-tertiary)}.bg-preview-deep-space{background:#0a0a1a;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 20%,rgba(180,200,255,.5),transparent)}.bg-preview-aurora{background:linear-gradient(180deg,#0a0a1a,#00804066,#0a0a1a)}.bg-preview-circuit-board{background:repeating-linear-gradient(0deg,transparent 0px,transparent 9px,rgba(0,200,100,.15) 10px),repeating-linear-gradient(90deg,transparent 0px,transparent 9px,rgba(0,200,100,.15) 10px);background-color:#0a0a1a}.bg-preview-gradient-flow{background:linear-gradient(135deg,#667eea,#764ba2);opacity:.6}.bg-preview-starfield{background:#0a0a1a;background-image:radial-gradient(1px 1px at 15% 25%,#fff,transparent),radial-gradient(1px 1px at 45% 55%,#fff,transparent),radial-gradient(1px 1px at 75% 15%,#aaf,transparent),radial-gradient(2px 2px at 85% 85%,#fff,transparent)}.bg-preview-matrix-rain{background:#0a0a0f;background-image:linear-gradient(180deg,rgba(0,255,0,.1) 0%,transparent 30%)}.bg-preview-sakura{background:linear-gradient(180deg,#1a1020,#201528)}.bg-preview-fireflies{background:#0a0f0a}.bg-preview-embers{background:linear-gradient(180deg,#0a0505,#1a0a05)}.bg-preview-snow{background:linear-gradient(180deg,#10101a,#15152a)}@media(max-width:600px){.settings-view{padding:var(--spacing-md)}.settings-row{flex-direction:column;gap:var(--spacing-sm)}.settings-control{width:100%}.btn-group{width:100%;justify-content:stretch}.btn-group .btn{flex:1;text-align:center}.settings-slider{flex:1}}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted)}.status-left,.status-right{display:flex;align-items:center;gap:var(--spacing-sm)}.status-center{flex:1;text-align:center}.status-item{color:var(--text-secondary)}.status-divider{color:var(--border-color)}.status-hint{color:var(--text-muted)}.status-feedback{color:var(--text-muted);text-decoration:none;font-size:10px;transition:color var(--transition-normal)}.status-feedback:hover{color:var(--accent-color)}.theme-toggle{padding:2px var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:10px;cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.status-sync{display:flex;align-items:center;gap:4px}.sync-icon{font-size:8px;line-height:1}.sync-label{font-size:10px}.status-sync-synced .sync-icon{color:var(--color-success)}.status-sync-synced .sync-label{color:var(--text-muted)}.status-sync-syncing .sync-icon{color:var(--color-warning);animation:pulse 1s infinite}.status-sync-offline .sync-icon,.status-sync-offline .sync-label{color:var(--text-muted)}.status-sync-error .sync-icon,.status-sync-error .sync-label{color:var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-offline{display:flex;align-items:center;gap:4px;color:var(--color-warning)}.offline-icon,.offline-label{font-size:10px}@media(max-width:600px){.status-bar{flex-wrap:wrap;gap:var(--spacing-xs)}.status-center{order:1;width:100%;flex:none}.sync-label,.offline-label{display:none}}.project-sidebar-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.project-list{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.project-item{display:flex;align-items:center;border-radius:var(--radius-sm);margin-bottom:1px}.project-item:hover{background:var(--bg-highlight)}.project-item.active{background:var(--bg-tertiary);border-left:2px solid var(--accent-color)}.project-select-btn{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer;text-align:left;min-width:0}.project-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.project-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.project-algo{font-size:10px;color:var(--text-muted);text-transform:uppercase}.project-count{font-size:10px;color:var(--text-muted)}.project-count:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--text-muted);margin-right:4px;vertical-align:middle}.project-actions{display:flex;gap:2px;padding-right:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.project-item:hover .project-actions{opacity:1}.project-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.project-action-btn:hover{background:var(--bg-highlight);color:var(--text-primary)}.project-delete-btn:hover{color:var(--color-danger)}.project-edit-input{flex:1;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:12px;outline:none}.project-create-section{border-top:1px solid var(--border-color);padding:var(--spacing-xs)}.project-new-btn{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--accent-color);font-family:inherit;font-size:12px;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-new-btn:hover{background:var(--bg-highlight)}.project-create-form{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.project-create-input{flex:1;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:12px;outline:none;min-width:0}.project-create-input:focus{border-color:var(--accent-color)}.project-create-confirm,.project-create-cancel{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.project-create-confirm:hover{border-color:var(--color-success);color:var(--color-success)}.project-create-cancel:hover{border-color:var(--color-danger);color:var(--color-danger)}.welcome-content{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:520px}.welcome-title{font-size:28px;font-weight:600;color:var(--accent-color);text-align:center;margin:0}.welcome-subtitle{font-size:16px;color:var(--text-secondary);text-align:center;margin-top:calc(-1 * var(--spacing-md))}.welcome-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0}.welcome-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.welcome-step{display:flex;align-items:flex-start;gap:var(--spacing-md)}.step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--accent-color);color:var(--bg-primary);font-weight:700;font-size:16px;border-radius:50%;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:2px;padding-top:4px}.step-title{font-size:16px;font-weight:500;color:var(--text-primary)}.step-desc{font-size:14px;color:var(--text-muted);line-height:1.4}.formula-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.formula-code{font-family:JetBrains Mono,SF Mono,monospace;font-size:18px;font-weight:500;color:var(--accent-color);background-color:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.formula-desc{font-size:14px;color:var(--text-muted);text-align:center;line-height:1.5;margin:0}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-lg)}.shortcut{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--text-secondary)}.shortcut kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:JetBrains Mono,SF Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary)}.shortcuts-hint{font-size:13px;color:var(--text-muted);margin:0;margin-top:var(--spacing-xs)}.welcome-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-sm)}.welcome-actions .btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.welcome-actions .btn-secondary{background:transparent;color:var(--text-secondary)}.welcome-actions .btn-secondary:hover{border-color:var(--accent-color);color:var(--text-primary)}.welcome-actions .btn-primary{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}.welcome-actions .btn-primary:hover{opacity:.9}.templates-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.template-card{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.template-card:hover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}.template-name{font-size:16px;font-weight:500;color:var(--text-primary)}.template-desc{font-size:14px;color:var(--text-muted)}.template-count{font-size:12px;color:var(--text-muted);margin-top:4px}@media(max-width:600px){.welcome-content{padding:var(--spacing-lg);gap:var(--spacing-lg)}.welcome-title{font-size:24px}.welcome-subtitle{font-size:14px}.shortcuts-grid{grid-template-columns:1fr}.welcome-actions{flex-direction:column}.welcome-actions .btn{width:100%}}.animated-bg-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.animated-bg-layer{position:absolute;inset:0}.animated-bg-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.app{display:flex;flex-direction:row;height:100vh;overflow:hidden;position:relative}.app-sidebar{width:220px;min-width:220px;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:width var(--transition-slow),min-width var(--transition-slow);z-index:10;overflow:hidden}.app-sidebar.collapsed{width:48px;min-width:48px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);min-height:40px}.app-sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-sm) var(--spacing-xs)}.app-title{font-size:16px;font-weight:600;color:var(--accent-color);letter-spacing:2px;text-transform:lowercase;white-space:nowrap}.app-sidebar.collapsed .app-title{display:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:12px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:5}.app-nav{display:flex;gap:var(--spacing-sm)}.nav-btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:12px;cursor:pointer;transition:all var(--transition-normal)}.nav-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.nav-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{padding:var(--spacing-xs);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;line-height:1;cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{border-color:var(--accent-color);transform:scale(1.1)}.app-main{flex:1;overflow:auto;padding:var(--spacing-lg)}.app-user{display:flex;align-items:center;gap:var(--spacing-sm)}.user-email{font-size:11px;color:var(--text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-footer{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--border-color)}.footer-link{font-size:11px;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-color)}@media(max-width:600px){.app{flex-direction:row}.app-sidebar{width:48px;min-width:48px}.app-sidebar .app-title{display:none}.app-header{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.app-nav{width:100%;justify-content:center}.nav-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:11px;text-align:center}.app-main{padding:var(--spacing-md)}.app-user{width:100%;justify-content:center;order:-1}.user-email{max-width:200px}.header-actions{width:100%;justify-content:center}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-highlight: #22222e;--text-primary: #e0e0e0;--text-secondary: #8888aa;--text-muted: #555566;--border-color: #2a2a3a;--border-glow: #4a4a6a;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #06b6d4;--accent-color: #06d6a0;--accent-glow: rgba(6, 214, 160, .3);--accent-dim: #04a67d;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .3s ease}:root[data-theme=light]{--bg-primary: #f5f5f0;--bg-secondary: #eaeae5;--bg-tertiary: #ddddd8;--bg-highlight: #d0d0cb;--text-primary: #1a1a1f;--text-secondary: #4a4a55;--text-muted: #7a7a85;--border-color: #c0c0c8;--border-glow: #a0a0a8;--accent-color: #059669;--accent-glow: rgba(5, 150, 105, .3);--accent-dim: #047857}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}::selection{background-color:var(--accent-glow);color:var(--text-primary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.glow{box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.glow-subtle{box-shadow:0 0 5px var(--accent-glow)}@media(max-width:600px){body{font-size:14px;-webkit-tap-highlight-color:transparent}button,.btn,a{min-height:44px;min-width:44px}*{touch-action:manipulation}}@supports (padding: max(0px)){.app{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-xl)}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-title{font-size:18px;font-weight:600;color:var(--color-danger);margin-bottom:var(--spacing-md)}.error-boundary-message{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:12px}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn var(--transition-fast)}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;animation:slideUp var(--transition-normal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:14px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);font-size:16px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.keyboard-help{display:flex;flex-direction:column;gap:var(--spacing-lg)}.keyboard-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.keyboard-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.keyboard-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.keyboard-item{display:flex;align-items:center;gap:var(--spacing-md)}.keyboard-key{display:inline-block;min-width:80px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:11px;color:var(--text-primary);text-align:center}.keyboard-desc{font-size:12px;color:var(--text-secondary)}@keyframes bg-drift{0%{transform:translate(0)}50%{transform:translate(30px,-20px)}to{transform:translate(-20px,15px)}}@keyframes bg-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes bg-aurora-wave{0%{transform:translate(-5%) skew(-2deg);opacity:.5}25%{transform:translate(3%) skew(1deg);opacity:.8}50%{transform:translate(5%) skew(3deg);opacity:.6}75%{transform:translate(-3%) skew(-1deg);opacity:.9}to{transform:translate(-5%) skew(-2deg);opacity:.5}}@keyframes bg-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}