:root{--primary-color: #9c380d;--secondary-color: #6c757d;--success-color: #9c380d;--danger-color: #dc3545;--dark-color: #343a40;--light-color: #f8f9fa;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1400px;margin:0 auto;padding:20px}button{cursor:pointer;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s}button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#b84310}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#b84310}.btn-danger{background-color:var(--danger-color);color:#fff}.modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary, #1e1e1e);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;width:100%;position:relative;animation:slideUp .3s ease-out;border:1px solid var(--border-color, #333)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary, #999);cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:var(--bg-hover, rgba(255, 255, 255, .1));color:var(--text-primary, #fff)}.modal-title{font-size:1.75rem;font-weight:600;margin:0;padding:1.5rem 1.5rem 1rem;color:var(--text-primary, #fff);border-bottom:1px solid var(--border-color, #333)}.modal-body{padding:1.5rem}.modal-body p{margin:0 0 1rem;line-height:1.6;color:var(--text-secondary, #ccc)}.modal-body p:last-child{margin-bottom:0}.modal-body a{color:var(--link-color, #4a9eff);text-decoration:none;transition:opacity .2s ease}.modal-body a:hover{opacity:.8;text-decoration:underline}[data-theme=light] .modal-body a{color:var(--link-color, #0066cc)}.modal-credits{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:8px;text-align:center}.modal-credits a{color:inherit;text-decoration:none;transition:opacity .2s ease}.modal-credits a:hover{opacity:.7;text-decoration:underline}.modal-credits strong{color:var(--text-primary, #fff)}.modal-disclaimer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #333);font-size:.875rem;color:var(--text-muted, #888);font-style:italic}[data-theme=light] .modal-content{background:var(--bg-primary, #ffffff);border-color:var(--border-color, #e0e0e0)}[data-theme=light] .modal-title{color:var(--text-primary, #1a1a1a);border-bottom-color:var(--border-color, #e0e0e0)}[data-theme=light] .modal-body p{color:var(--text-secondary, #4a4a4a)}[data-theme=light] .modal-credits{background:var(--bg-secondary, rgba(0, 0, 0, .05))}[data-theme=light] .modal-credits strong{color:var(--text-primary, #1a1a1a)}[data-theme=light] .modal-disclaimer{border-top-color:var(--border-color, #e0e0e0);color:var(--text-muted, #666)}[data-theme=light] .modal-close{color:var(--text-secondary, #666)}[data-theme=light] .modal-close:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #1a1a1a)}@media (max-width: 600px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal-title{font-size:1.5rem;padding:1.25rem 1.25rem .75rem}.modal-body{padding:1.25rem}}.app-header{background:#1a1a1a;border-bottom:2px solid #9c380d;height:60px;position:sticky;top:0;z-index:100}.header-content{max-width:100%;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:600}.logo-icon{width:36px;height:36px;display:block;object-fit:contain}.logo-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-menu{display:flex;gap:8px}.nav-item{background:none;border:none;color:#e0e0e0;padding:8px 16px;cursor:pointer;font-size:14px;border-radius:4px;transition:all .2s}.nav-item:hover{background:#3c3c3c;color:#fff}[data-theme=light] .app-header{background:#fff;border-bottom:2px solid #9c380d}[data-theme=light] .logo{color:#333}[data-theme=light] .nav-item{color:#666}[data-theme=light] .nav-item:hover{background:#f5f5f5;color:#333}.examples-dropdown{position:relative;display:inline-block}.examples-toggle{font-size:12px;padding:6px 12px}.examples-menu{position:absolute;top:calc(100% + 4px);left:0;background:#2d2d2d;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0006;min-width:250px;z-index:1000;overflow:hidden}.examples-section{border-bottom:1px solid #3e3e3e}.examples-section:last-child{border-bottom:none}.section-header{padding:8px 12px;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:#252526;border-bottom:1px solid #3e3e3e;cursor:default}.example-item{display:block;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;color:#ccc;font-size:13px;cursor:pointer;transition:all .15s}.example-item:hover{background:#3c3c3c;color:#fff}[data-theme=light] .examples-menu{background:#fff;border:1px solid #d0d0d0;box-shadow:0 4px 12px #0000001a}[data-theme=light] .section-header{background:#f5f5f5;color:#666;border-bottom:1px solid #e0e0e0}[data-theme=light] .examples-section{border-bottom:1px solid #e0e0e0}[data-theme=light] .example-item{color:#444}[data-theme=light] .example-item:hover{background:#f5f5f5;color:#222}.backtest-dropdown{position:relative;display:inline-block}.backtest-toggle{min-width:120px}.backtest-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface-color, white);border:1px solid var(--border-color, #ddd);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:250px;max-height:400px;overflow-y:auto;z-index:1000}.backtest-section{padding:8px 0}.section-header{padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.section-divider{padding:8px 16px;margin-top:8px;font-size:11px;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border-color, #eee)}.backtest-item{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:14px;color:var(--text-primary, #333);cursor:pointer;transition:background-color .2s}.backtest-item:hover{background:var(--hover-color, #f5f5f5)}.backtest-item.all-years{font-weight:600;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea;margin:4px 8px;border-radius:4px}.backtest-item.all-years:hover{background:linear-gradient(135deg,#667eea26,#764ba226)}[data-theme=dark] .backtest-menu{background:var(--surface-color, #2d2d2d);border-color:var(--border-color, #444)}[data-theme=dark] .backtest-item{color:var(--text-primary, #e0e0e0)}[data-theme=dark] .backtest-item:hover{background:var(--hover-color, #3a3a3a)}[data-theme=dark] .section-header{color:var(--text-secondary, #999)}[data-theme=dark] .section-divider{color:var(--text-secondary, #777);border-top-color:var(--border-color, #444)}.code-editor{display:flex;flex-direction:column;height:100%;min-height:0}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#252526;border-bottom:1px solid #3e3e3e}.toolbar-group{display:flex;gap:8px}.editor-toolbar button{font-size:13px;padding:8px 16px}.monaco-editor-wrapper{flex:1 1 auto;min-height:0;overflow:hidden}[data-theme=light] .editor-toolbar{background:#fff;border-bottom:1px solid #e0e0e0}.bracket-empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;color:#999}.empty-state h3{font-size:20px;margin-bottom:8px;color:#ccc}.empty-state p{color:#999}.bracket-visualization{width:100%;overflow-x:hidden;padding:10px;background:#1a1a1a;position:relative}.bracket-export-container{width:100%}.floating-export-btn{position:absolute;top:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#2d2d2d;border:2px solid #9c380d;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #9c380d4d;z-index:100;padding:0}.export-icon{width:30px;height:30px;filter:brightness(0) invert(1);transition:filter .3s ease}.export-loading{font-size:28px}.floating-export-btn:hover:not(:disabled){background:#9c380d;border-color:#b84310;transform:translateY(-2px);box-shadow:0 6px 16px #9c380d80}.floating-export-btn:active:not(:disabled){transform:translateY(0)}.floating-export-btn:disabled{opacity:.6;cursor:not-allowed}.bracket-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:15px;position:relative}.bracket-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bracket-top,.bracket-bottom{display:flex;justify-content:space-between;padding:0;gap:5px}.bracket-region{display:flex;position:relative;z-index:1;flex:1}.bracket-region.top-left,.bracket-region.bottom-left{flex-direction:row;gap:15px}.bracket-region.top-right,.bracket-region.bottom-right{flex-direction:row-reverse;gap:15px}.bracket-round{display:flex;flex-direction:column;justify-content:space-around;position:relative;flex:1;min-width:0}.bracket-round:nth-child(1){gap:8px}.bracket-round:nth-child(2){gap:35px}.bracket-round:nth-child(3){gap:85px}.bracket-round:nth-child(4){gap:180px}.bracket-game{position:relative;background:#2a2a2a;border:1px solid #3a3a3a;border-left:3px solid #9c380d;border-radius:2px;min-width:120px;max-width:160px;box-shadow:0 2px 4px #0006}.matchup{display:flex;align-items:center;gap:4px;padding:3px 6px;border-bottom:1px solid #3e3e3e;color:#ccc;font-size:11px;min-height:20px}.matchup:last-child{border-bottom:none}.matchup.winner{background:#9c380d26;color:#ff8c4d;font-weight:600}.matchup.loser{color:#666;text-decoration:line-through}.seed{display:inline-flex;align-items:center;justify-content:center;min-width:14px;font-size:9px;font-weight:700;color:#888}.winner .seed{color:#ff8c4d}.team-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.final-four-section{display:flex;justify-content:center;align-items:center;gap:30px;padding:10px 0;position:relative;z-index:1}.semi-finals{display:flex;flex-direction:column;gap:25px}.championship{display:flex;flex-direction:column;align-items:center;gap:12px}.championship .bracket-game{min-width:140px;max-width:160px}.champion{color:#ff8c4d;font-size:14px;font-weight:700;text-align:center;padding:10px 16px;background:#9c380d26;border-radius:4px;border:1px solid rgba(156,56,13,.5)}.first-four-section{margin-top:40px;padding-top:30px;border-top:2px solid #3a3a3a;text-align:center}.first-four-title{font-size:18px;font-weight:700;color:#ff8c4d;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.first-four-games{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.first-four-group{display:flex;flex-direction:column;gap:20px}[data-theme=light] .empty-state{color:#666}[data-theme=light] .empty-state h3{color:#333}[data-theme=light] .empty-state p{color:#666}[data-theme=light] .bracket-visualization{background:#faf8f5}[data-theme=light] .floating-export-btn{background:#fff;border-color:#9c380d;color:#9c380d}[data-theme=light] .export-icon{filter:brightness(0) saturate(100%) invert(21%) sepia(68%) saturate(1826%) hue-rotate(356deg) brightness(93%) contrast(98%)}[data-theme=light] .floating-export-btn:hover:not(:disabled){background:#9c380d;color:#fff}[data-theme=light] .floating-export-btn:hover:not(:disabled) .export-icon{filter:brightness(0) invert(1)}[data-theme=light] .bracket-game{background:#fff;border:1px solid #e0e0e0;border-left:3px solid #9c380d;box-shadow:0 2px 4px #00000014}[data-theme=light] .matchup{border-bottom:1px solid #e8e8e8;color:#444}[data-theme=light] .matchup.winner{background:#9c380d1f;color:#9c380d}[data-theme=light] .matchup.loser,[data-theme=light] .seed{color:#999}[data-theme=light] .winner .seed{color:#9c380d}[data-theme=light] .champion{color:#9c380d;background:#9c380d1f;border:1px solid rgba(156,56,13,.4)}[data-theme=light] .first-four-section{border-top:2px solid #e0e0e0}[data-theme=light] .first-four-title{color:#9c380d}@media (max-width: 1400px){.bracket-region.top-left,.bracket-region.bottom-left,.bracket-region.top-right,.bracket-region.bottom-right{gap:10px}.bracket-round:nth-child(2){gap:30px}.bracket-round:nth-child(3){gap:70px}.bracket-round:nth-child(4){gap:150px}.bracket-game{min-width:100px;max-width:130px}.final-four-section{gap:40px}.semi-finals{gap:35px}.matchup{font-size:10px;padding:2px 5px}.seed{font-size:8px;min-width:12px}.champion{font-size:12px;padding:8px 12px}}.backtest-results-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.backtest-results-modal{background:#252526;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid #3e3e3e}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #3e3e3e}.modal-header h2{margin:0;font-size:1.1em;color:#ff8c4d;font-weight:600}.close-btn{background:none;border:none;font-size:1.5em;color:#ccc;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#3c3c3c;color:#fff}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 20px;background:#1e1e1e;border-bottom:1px solid #3e3e3e}.stat-card{background:#2d2d2d;padding:12px;border-radius:6px;text-align:center;border:1px solid #3e3e3e}.stat-card.highlight{background:#9c380d;color:#fff;border:1px solid #b84310;box-shadow:0 2px 8px #9c380d4d}.stat-card.success{background:#2d4a2d;color:#84fab0;border:1px solid #3e5e3e}.stat-value{font-size:1.5em;font-weight:700;margin-bottom:3px;color:#fff}.stat-card .stat-value{color:#ff8c4d}.stat-card.highlight .stat-value,.stat-card.success .stat-value{color:#fff}.stat-label{font-size:.75em;opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#ccc}.stat-card.highlight .stat-label,.stat-card.success .stat-label{color:#ffffffe6}.stat-detail{margin-top:3px;font-size:.7em;opacity:.9;color:#ccc}.stat-card.highlight .stat-detail,.stat-card.success .stat-detail{color:#fffc}.year-results{padding:25px 30px;background:#252526}.year-results h3{margin:0 0 20px;font-size:1.3em;color:#fff}.results-table{width:100%;border-collapse:collapse;background:#2d2d2d;border-radius:8px;overflow:hidden;border:1px solid #3e3e3e}.results-table thead{background:#9c380d;color:#fff}.results-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.results-table td{padding:12px 16px;border-bottom:1px solid #3e3e3e;color:#ccc}.results-table tbody tr:hover{background:#3c3c3c}.results-table tr.best-year{background:#84fab00d}.year-cell{font-weight:700;font-size:1.1em;color:#fff}.trophy{margin-left:5px}.score-cell{font-size:1.2em;font-weight:700;color:#ff8c4d}.modal-actions{padding:20px 30px;border-top:2px solid #3e3e3e;display:flex;justify-content:flex-end;background:#252526}.modal-actions .btn{min-width:120px}[data-theme=light] .backtest-results-modal{background:#fff;border:1px solid #e0e0e0}[data-theme=light] .modal-header{border-bottom:1px solid #e0e0e0}[data-theme=light] .modal-header h2{color:#9c380d}[data-theme=light] .close-btn{color:#666}[data-theme=light] .close-btn:hover{background:#f5f5f5;color:#333}[data-theme=light] .summary-stats{background:#faf8f5;border-bottom-color:#e0e0e0}[data-theme=light] .stat-card{background:#fff;border:1px solid #e0e0e0}[data-theme=light] .stat-card.highlight{background:#9c380d;border-color:#b84310;box-shadow:0 2px 8px #9c380d4d}[data-theme=light] .stat-card.success{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}[data-theme=light] .stat-card .stat-value{color:#9c380d}[data-theme=light] .stat-card.highlight .stat-value{color:#fff}[data-theme=light] .stat-card.success .stat-value{color:#2e7d32}[data-theme=light] .stat-label{color:#666}[data-theme=light] .stat-card.highlight .stat-label{color:#ffffffe6}[data-theme=light] .stat-card.success .stat-label{color:#2e7d32}[data-theme=light] .stat-detail{color:#666}[data-theme=light] .stat-card.highlight .stat-detail{color:#ffffffd9}[data-theme=light] .stat-card.success .stat-detail{color:#2e7d32}[data-theme=light] .year-results{background:#fff}[data-theme=light] .year-results h3{color:#222}[data-theme=light] .results-table{background:#fff;border-color:#e0e0e0}[data-theme=light] .results-table thead{background:#9c380d}[data-theme=light] .results-table td{border-bottom-color:#e0e0e0;color:#444}[data-theme=light] .results-table tbody tr:hover{background:#faf8f5}[data-theme=light] .results-table tr.best-year{background:#84fab01a}[data-theme=light] .year-cell{color:#222}[data-theme=light] .score-cell{color:#9c380d}[data-theme=light] .modal-actions{background:#fff;border-top-color:#e0e0e0}@media (max-width: 768px){.backtest-results-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.summary-stats{grid-template-columns:repeat(2,1fr)}.results-table{font-size:.85em}.results-table th,.results-table td{padding:8px 10px}.scoring-grid{grid-template-columns:repeat(2,1fr)}}.resizable-divider{position:relative;flex-shrink:0;background:transparent;z-index:10}.resizable-divider.vertical{width:8px;cursor:col-resize;margin:0 -4px}.resizable-divider.horizontal{height:8px;cursor:row-resize;margin:-4px 0}.resizable-divider:hover{background:#9c380d1a}.resizable-divider:active{background:#9c380d33}.divider-handle{position:absolute;background:transparent;transition:background .2s}.resizable-divider.vertical .divider-handle{top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:#3e3e3e;border-radius:1px}.resizable-divider.horizontal .divider-handle{left:50%;top:50%;transform:translate(-50%,-50%);height:2px;width:40px;background:#3e3e3e;border-radius:1px}.resizable-divider:hover .divider-handle{background:#9c380d}.resizable-divider:active .divider-handle{background:#ff8c4d}[data-theme=light] .resizable-divider.vertical .divider-handle,[data-theme=light] .resizable-divider.horizontal .divider-handle{background:#e0e0e0}[data-theme=light] .resizable-divider:hover{background:#9c380d0d}[data-theme=light] .resizable-divider:active{background:#9c380d1a}[data-theme=light] .resizable-divider:hover .divider-handle{background:#9c380d}[data-theme=light] .resizable-divider:active .divider-handle{background:#ff8c4d}.status-notch{position:fixed;top:12px;left:50%;transform:translate(-50%) translateY(-60px);z-index:9999;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:10px 20px;min-width:200px;max-width:400px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff1a;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;pointer-events:none}.status-notch.visible{transform:translate(-50%) translateY(0);opacity:1}.status-notch-content{display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.status-notch-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:status-notch-spin .8s linear infinite;flex-shrink:0}.status-notch-message{flex:1;overflow:hidden;text-overflow:ellipsis}@keyframes status-notch-spin{to{transform:rotate(360deg)}}[data-theme=light] .status-notch{background:#ffffffe6;box-shadow:0 4px 16px #00000026,0 0 0 1px #0000001a}[data-theme=light] .status-notch-content{color:#1a1a1a}[data-theme=light] .status-notch-spinner{border-color:#0003;border-top-color:#1a1a1a}@media (max-width: 768px){.status-notch{top:8px;padding:8px 16px;min-width:180px;max-width:calc(100vw - 32px)}.status-notch-content{font-size:13px}}@media (prefers-reduced-motion: reduce){.status-notch{transition:opacity .2s ease}.status-notch.visible{transform:translate(-50%) translateY(0)}.status-notch-spinner{animation:none;border-top-color:#ffffff4d}[data-theme=light] .status-notch-spinner{border-top-color:#0003}}.bracket-app{min-height:100vh;background:#1a1a1a;display:flex;flex-direction:column}.error-banner{background:#e74c3c;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;margin:0}.error-banner button{background:transparent;border:none;color:#fff;padding:0;font-size:24px;width:30px;height:30px;cursor:pointer}.app-container{display:flex;flex:1;overflow:hidden}.editor-section{flex:0 0 auto;min-width:300px;max-width:80%;display:flex;flex-direction:column;background:#252526;overflow:hidden}.code-editor-container{flex:0 0 auto;min-height:200px;max-height:800px;display:flex;flex-direction:column;overflow:hidden;position:relative}.editor-tabs{display:flex;background:#2d2d2d;border-top:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e;overflow-x:auto;flex:0 0 auto}.tab{background:transparent;border:none;color:#ccc;padding:10px 16px;cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s;border-bottom:2px solid transparent}.tab:hover{background:#3c3c3c;color:#fff}.tab.active{color:#fff;border-bottom-color:#9c380d;background:#1e1e1e}.info-panel{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:20px;background:#1e1e1e;min-height:150px}.info-content{color:#ccc;font-size:14px;line-height:1.6}.info-content h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px;letter-spacing:.5px}.info-content p{margin:0 0 12px}.info-content ul{margin:8px 0;padding-left:24px}.info-content li{margin-bottom:8px}.info-content code{background:#2d2d2d;color:#ff8c4d;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.info-content strong{color:#fff;font-weight:600}.info-link{color:#4a9eff;text-decoration:none}.info-link:hover{text-decoration:underline}.bracket-section{flex:1 1 auto;min-width:300px;overflow:auto;background:#1a1a1a;padding:20px}[data-theme=light] .bracket-app{background:#faf8f5}[data-theme=light] .error-banner{background:#d32f2f}[data-theme=light] .editor-section{background:#fff;border-right:1px solid #e0e0e0}[data-theme=light] .editor-tabs{background:#f5f5f5;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}[data-theme=light] .tab{color:#666}[data-theme=light] .tab:hover{background:#e8e8e8;color:#333}[data-theme=light] .tab.active{color:#333;background:#fff}[data-theme=light] .info-panel{background:#fff}[data-theme=light] .info-content{color:#444}[data-theme=light] .info-content h3{color:#222}[data-theme=light] .info-content code{background:#f5f5f5;color:#9c380d}[data-theme=light] .info-content strong{color:#222}[data-theme=light] .bracket-section{background:#faf8f5}.floating-theme-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#2d2d2d;border:2px solid #9c380d;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #9c380d4d;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000}.floating-theme-toggle:hover{background:#9c380d;border-color:#b84310;transform:scale(1.1);box-shadow:0 6px 16px #9c380d80}.floating-theme-toggle:active{transform:scale(.95)}[data-theme=light] .floating-theme-toggle{background:#fff;box-shadow:0 4px 12px #9c380d4d;border:2px solid #9c380d}[data-theme=light] .floating-theme-toggle:hover{background:#9c380d;border-color:#b84310;box-shadow:0 6px 16px #9c380d80}@media (max-width: 1200px){.app-container{flex-direction:column}.editor-section{width:100%;max-height:60vh;border-right:none;border-bottom:1px solid #3e3e3e}.bracket-section{flex:1}[data-theme=light] .editor-section{border-bottom:1px solid #e0e0e0}.floating-theme-toggle{bottom:16px;right:16px;width:48px;height:48px;font-size:20px}}