.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:320px;background:var(--medium-bg);transform:translate(-100%);transition:transform .3s ease;z-index:999;display:flex;flex-direction:column;box-shadow:4px 0 12px #00000080}.drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid var(--border-color);background:var(--light-bg)}.drawer-header h3{margin:0;font-size:1.1rem;color:var(--primary-color)}.drawer-close{background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;line-height:1}.drawer-close:hover{background:var(--medium-bg);color:var(--danger-color)}.drawer-content{flex:1;overflow-y:auto;padding:1rem}@media (min-width: 769px){.drawer,.drawer-overlay{display:none}}:root{--primary-color: #4a90e2;--secondary-color: #2ecc71;--danger-color: #e74c3c;--warning-color: #f39c12;--dark-bg: #1a1a2e;--medium-bg: #16213e;--light-bg: #0f3460;--text-light: #e4e4e4;--text-dark: #333;--border-color: #3a4a5e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-bg);color:var(--text-light)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--medium-bg) 0%,var(--light-bg) 100%);padding:2rem;box-shadow:0 4px 6px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto}.header-text{text-align:center;flex:1}.app-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{font-size:1.1rem;opacity:.9}.telegram-link-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#08c,#229ed9);color:#fff;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 3px 10px #08c6;white-space:nowrap}.telegram-link-header:hover{background:linear-gradient(135deg,#229ed9,#08c);transform:translateY(-2px);box-shadow:0 5px 15px #08c9}.telegram-link-header svg{flex-shrink:0}.telegram-link-header .telegram-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left}.telegram-link-header .telegram-title{font-size:.9rem;font-weight:600;line-height:1}.telegram-link-header .telegram-description{font-size:.7rem;opacity:.9;font-weight:400;line-height:1}.app-nav{background:var(--medium-bg);padding:1rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;border-bottom:2px solid var(--border-color)}.app-nav button{padding:.75rem 1.5rem;font-size:1rem;border:2px solid var(--border-color);background:var(--light-bg);color:var(--text-light);border-radius:8px;cursor:pointer;transition:all .3s ease}.app-nav button:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #4a90e24d}.app-nav button.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:700}.app-nav button:disabled{opacity:.5;cursor:not-allowed}.app-main{flex:1;padding:2rem}.sorting-visualizer,.pathfinding-visualizer,.neural-visualizer,.fractal-visualizer{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 300px);min-height:500px}.controls-panel{background:var(--medium-bg);padding:1.5rem;border-radius:12px;border:2px solid var(--border-color);overflow-y:auto}.controls-panel h2{margin-bottom:1.5rem;color:var(--primary-color)}.settings{margin-bottom:2rem}.setting{margin-bottom:1.5rem}.setting label{display:block;margin-bottom:.5rem;font-weight:500}.setting select,.setting input[type=range]{width:100%}.setting select{padding:.5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--light-bg);color:var(--text-light);font-size:1rem}.setting input[type=range]{margin-top:.5rem}.generate-btn{width:100%;padding:.75rem;font-size:1rem;background:var(--secondary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.generate-btn:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 4px 8px #2ecc714d}.animation-controls{background:var(--light-bg);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.controls-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;min-height:2.5rem}.controls-row button{flex:1;min-width:70px;height:2.5rem;padding:.5rem;border:1px solid var(--border-color);background:var(--medium-bg);color:var(--text-light);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;line-height:1.5rem;display:flex;align-items:center;justify-content:center;white-space:nowrap}.controls-row button:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color)}.controls-row button:disabled{opacity:.4;cursor:not-allowed}.progress-bar{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.progress-track{height:8px;background:var(--medium-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);transition:width .3s ease}.speed-control{margin-top:1rem}.speed-control label{display:block;margin-bottom:.5rem;font-size:.9rem}.speed-control input[type=range]{width:100%}.step-description{margin-top:1rem;padding:.75rem;background:var(--medium-bg);border-radius:6px;border-left:3px solid var(--primary-color);font-size:.9rem;height:3rem;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.legend h3{font-size:1rem;margin-bottom:1rem;color:var(--primary-color)}.legend-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9rem}.color-box{width:24px;height:24px;border-radius:4px;border:2px solid var(--border-color)}.draw-mode-buttons{display:flex;gap:.5rem;margin-top:.5rem}.draw-mode-buttons button{flex:1;padding:.5rem;border:2px solid var(--border-color);background:var(--light-bg);color:var(--text-light);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.draw-mode-buttons button:hover{background:var(--primary-color);border-color:var(--primary-color)}.draw-mode-buttons button.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:700}.action-btn{width:100%;padding:.5rem;margin-bottom:.5rem;border:1px solid var(--border-color);background:var(--light-bg);color:var(--text-light);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.instructions{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.instructions h3{font-size:1rem;margin-bottom:.75rem;color:var(--primary-color)}.instructions p{font-size:.85rem;margin-bottom:.5rem;opacity:.9}.info-box{background:var(--light-bg);padding:.75rem;border-radius:6px;margin-top:.5rem;border-left:3px solid var(--primary-color)}.info-box p{font-size:.85rem;margin-bottom:.25rem;opacity:.9}.test-results{margin-top:1.5rem;padding:1rem;background:var(--light-bg);border-radius:8px;border-left:3px solid var(--secondary-color)}.test-results h3{font-size:1rem;margin-bottom:.75rem;color:var(--secondary-color)}.test-result-item{font-size:.85rem;font-family:monospace;margin-bottom:.5rem;padding:.5rem;background:var(--medium-bg);border-radius:4px}.canvas-container{background:var(--medium-bg);border-radius:12px;border:2px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.visualization-canvas{width:100%;height:100%}.hamburger-btn{position:fixed;top:120px;right:.75rem;z-index:900;background:var(--primary-color);border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1.3rem;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a90e280;transition:all .2s ease}.hamburger-btn:active{transform:scale(.95)}.hamburger-btn:hover{background:#3a7bc8;box-shadow:0 6px 16px #4a90e299}.mobile-viz-wrapper{display:contents}.mobile-viz-info{display:none;background:var(--medium-bg);padding:.5rem .75rem;border-radius:8px;border:2px solid var(--border-color);text-align:center}.mobile-viz-info h3{font-size:1rem;margin:0;color:var(--primary-color)}.mobile-controls{display:none;background:var(--medium-bg);padding:.75rem;border-radius:8px;border:2px solid var(--border-color)}.mobile-controls .animation-controls{margin-bottom:0}@media (max-width: 768px){.hamburger-btn{display:flex}.mobile-viz-wrapper{display:flex;flex-direction:column;gap:.75rem}.mobile-viz-info,.mobile-controls{display:block}.sorting-visualizer .controls-panel,.pathfinding-visualizer .controls-panel,.neural-visualizer .controls-panel{display:none!important}.mobile-legend,.mobile-test-results{background:var(--medium-bg);padding:.75rem;border-radius:8px;border:2px solid var(--border-color);display:block}.mobile-legend h3{font-size:.9rem;margin-bottom:.5rem;color:var(--primary-color)}}@media (min-width: 769px){.mobile-legend,.mobile-test-results{display:none}}.placeholder{text-align:center;padding:4rem 2rem;background:var(--medium-bg);border-radius:12px;border:2px solid var(--border-color)}.placeholder h2{margin-bottom:1rem;color:var(--primary-color)}.placeholder p{margin-bottom:.5rem;opacity:.8}.app-footer{background:var(--medium-bg);padding:1.5rem;text-align:center;border-top:2px solid var(--border-color);opacity:.7}.app-footer p{margin:0}.game-of-life-visualizer{display:grid;grid-template-columns:350px 1fr;gap:1rem;height:100%;padding:1rem}.game-of-life-visualizer .controls-panel{background:var(--medium-bg);padding:1.5rem;border-radius:10px;overflow-y:auto;max-height:calc(100vh - 250px)}.game-of-life-visualizer .stats{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--dark-bg);border-radius:8px}.game-of-life-visualizer .stat{display:flex;flex-direction:column;gap:.25rem}.game-of-life-visualizer .stat-label{font-size:.8rem;opacity:.7}.game-of-life-visualizer .stat-value{font-size:1.5rem;font-weight:600;color:#2ecc71}.game-of-life-visualizer .controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.game-of-life-visualizer .controls button{padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.game-of-life-visualizer .controls button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.game-of-life-visualizer .controls button:disabled{opacity:.5;cursor:not-allowed}.game-of-life-visualizer .controls button.active{background:#e74c3c}.game-of-life-visualizer .patterns{margin-top:1rem}.game-of-life-visualizer .patterns h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-color)}.game-of-life-visualizer .pattern-item{margin-bottom:.75rem}.game-of-life-visualizer .pattern-button{width:100%;padding:.5rem;background:var(--light-bg);color:#fff;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;font-size:.85rem;transition:all .2s ease;text-align:left}.game-of-life-visualizer .pattern-button:hover{background:var(--medium-bg);border-color:var(--primary-color)}.game-of-life-visualizer .pattern-description{display:block;font-size:.75rem;opacity:.6;margin-top:.25rem;margin-left:.5rem}.game-of-life-visualizer .legend{margin-top:1.5rem;padding:1rem;background:var(--dark-bg);border-radius:8px;border-left:3px solid var(--primary-color)}.game-of-life-visualizer .legend h3{font-size:.9rem;margin-bottom:.5rem}.game-of-life-visualizer .legend ul{font-size:.85rem;opacity:.8;margin-left:1.2rem;margin-bottom:.5rem}.game-of-life-visualizer .legend li{margin-bottom:.25rem}.game-of-life-visualizer .hint{font-size:.8rem;opacity:.7;font-style:italic;margin-top:.5rem}.game-of-life-visualizer .canvas-container{display:flex;justify-content:center;align-items:center;background:var(--medium-bg);border-radius:10px;padding:1rem;overflow:auto}.game-of-life-visualizer .visualization-canvas{border:2px solid var(--border-color);border-radius:5px}.game-of-life-visualizer .cell-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.game-of-life-visualizer .cell-type-selector button{padding:.5rem;border:2px solid transparent;border-radius:5px;cursor:pointer;font-size:.85rem;transition:all .2s ease;background:var(--light-bg);color:#fff}.game-of-life-visualizer .cell-type-selector button.red-cell{border-color:#e74c3c}.game-of-life-visualizer .cell-type-selector button.blue-cell{border-color:#3498db}.game-of-life-visualizer .cell-type-selector button.active{background:var(--primary-color);transform:scale(1.05)}.game-of-life-visualizer .cell-type-selector button:hover{transform:scale(1.05)}@media (max-width: 1024px){.sorting-visualizer,.pathfinding-visualizer,.neural-visualizer,.fractal-visualizer,.game-of-life-visualizer{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:auto;gap:1rem}.sorting-visualizer .controls-panel,.pathfinding-visualizer .controls-panel,.neural-visualizer .controls-panel{order:-1}.fractal-visualizer .controls-panel{order:1}.fractal-visualizer .canvas-container{order:0}.canvas-container{min-height:300px;max-height:400px}.neural-visualizer .canvas-container{min-height:400px;max-height:500px}.fractal-visualizer .canvas-container{min-height:350px;max-height:450px}.game-of-life-visualizer .controls-panel{order:1}.game-of-life-visualizer .canvas-container{order:0;min-height:400px}.game-of-life-visualizer .stats{flex-direction:row}.game-of-life-visualizer .controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}}@media (max-width: 768px){.app-header{padding:1rem;position:relative}.header-content{display:block}.header-text{padding-right:100px}.app-header h1{font-size:1.5rem;margin-bottom:.25rem}.app-header p{font-size:.85rem}.telegram-link-header{position:absolute;top:1rem;right:1rem;padding:.5rem;gap:.4rem;flex-direction:column;align-items:center;min-width:auto;border-radius:8px}.telegram-link-header svg{width:24px;height:24px}.telegram-link-header .telegram-text{align-items:center;text-align:center}.telegram-link-header .telegram-title{font-size:.65rem;line-height:1.2}.telegram-link-header .telegram-description{display:none}.app-nav{padding:.3rem .5rem;gap:.3rem}.app-nav button{padding:.4rem;font-size:1.5rem;border-radius:50%;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.app-nav button .label{display:none}.app-nav button .icon{display:block}.app-footer{padding:.75rem;font-size:.7rem}.app-main{padding:.75rem}.controls-panel{padding:1rem}.controls-panel h2{font-size:1.2rem;margin-bottom:1rem}.settings,.setting{margin-bottom:1rem}.animation-controls{padding:.75rem;margin-bottom:1rem}.controls-row{gap:.25rem}.controls-row button{min-width:60px;height:2.2rem;padding:.4rem .25rem;font-size:.8rem;line-height:1.4rem}.legend{margin-top:1rem;padding-top:1rem}.legend-item{font-size:.8rem;margin-bottom:.5rem}.color-box{width:20px;height:20px}.canvas-container{min-height:250px;max-height:300px}.neural-visualizer .canvas-container{min-height:350px;max-height:450px}.instructions{margin-top:1rem;padding-top:1rem}.instructions p{font-size:.8rem}}.content-with-ad{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto}.visualizer-container{min-width:0}.ad-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;height:fit-content}.yandex-ad{width:100%;min-height:250px;display:flex;justify-content:center;align-items:center;background:#ffffff08;border-radius:8px;border:1px solid var(--border-color)}@media (max-width: 1024px){.content-with-ad{grid-template-columns:1fr;gap:1rem}.ad-sidebar{order:-1;position:static;margin:0 auto;max-width:728px;width:100%}.yandex-ad{min-height:90px}}@media (max-width: 768px){.ad-sidebar{max-width:100%;padding:0 .5rem}}.fractal-description{margin-top:.5rem;padding:1rem;background:var(--dark-bg);border-radius:8px;border-left:4px solid var(--primary-color)}.fractal-description p{margin:0;line-height:1.6;color:var(--text-light);font-size:.95rem}.braess-visualizer{display:grid;grid-template-columns:450px 1fr;gap:1.5rem;height:100%}.braess-visualizer .controls-panel{background:var(--medium-bg);padding:1.75rem;border-radius:12px;border:1px solid var(--border-color);overflow-y:auto;max-height:calc(100vh - 250px)}.braess-visualizer .controls-panel h2{margin-bottom:.5rem;color:var(--primary-color);font-size:1.3rem}.braess-visualizer .description{margin-bottom:1rem;padding:.65rem .85rem;background:#3498db1a;border-left:3px solid var(--primary-color);border-radius:4px;font-size:.85rem;line-height:1.35}.braess-visualizer .scenarios,.braess-visualizer .controls,.braess-visualizer .simulation,.braess-visualizer .legend{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.braess-visualizer .scenarios:last-child,.braess-visualizer .legend{border-bottom:none;margin-bottom:0;padding-bottom:0}.braess-visualizer .scenarios button,.braess-visualizer .controls button{width:100%}.braess-visualizer h3{font-size:1rem;margin-bottom:.75rem;color:var(--secondary-color);font-weight:600}.braess-visualizer button{background:linear-gradient(135deg,var(--primary-color) 0%,#357abd 100%);color:#fff;border:none;padding:.6rem .85rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-right:.5rem;margin-bottom:.5rem;display:inline-block}.braess-visualizer button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.braess-visualizer button:active{transform:translateY(0)}.braess-visualizer button.active{background:linear-gradient(135deg,var(--secondary-color) 0%,#27ae60 100%);box-shadow:0 4px 12px #2ecc7166}.braess-visualizer .paradox-button{background:linear-gradient(135deg,#f39c12,#e67e22);font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #f39c1266}50%{box-shadow:0 4px 20px #f39c12cc}}.braess-visualizer .mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.braess-visualizer .mode-buttons button{margin:0}.braess-visualizer .node-type-selector{margin-top:.75rem;padding:.75rem;background:#3498db1a;border-radius:8px;border-left:3px solid var(--primary-color)}.braess-visualizer .node-type-selector label{display:block;margin-bottom:.4rem;font-size:.85rem}.braess-visualizer .node-type-selector select{width:100%;padding:.5rem;margin-top:.35rem;background:var(--dark-bg);color:var(--text-light);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;cursor:pointer}.braess-visualizer .node-type-selector select:focus{outline:none;border-color:var(--primary-color)}.braess-visualizer .hint-small{margin-top:.5rem;margin-bottom:0;font-size:.85rem;color:#95a5a6;font-style:italic}.braess-visualizer .editor-hints{margin-top:.75rem;padding:.65rem .85rem;background:#3498db0d;border-radius:8px;border:1px solid var(--border-color)}.braess-visualizer .editor-hints .hint-small{margin:.3rem 0;font-size:.8rem;line-height:1.3;color:#95a5a6}.braess-visualizer .editor-hints .hint-small:first-child{margin-top:0}.braess-visualizer .editor-hints .hint-small:last-child{margin-bottom:0}.braess-visualizer .editor-hints .hint-small.active{color:var(--warning-color);font-weight:500}.braess-visualizer label{display:block;margin-bottom:.75rem;font-size:.9rem}.braess-visualizer input[type=range]{width:100%;margin-top:.5rem;height:6px;background:var(--border-color);border-radius:3px;outline:none}.braess-visualizer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:all .3s ease}.braess-visualizer input[type=range]::-webkit-slider-thumb:hover{background:var(--secondary-color);transform:scale(1.2)}.braess-visualizer .simulation-mode{margin-bottom:1.15rem;padding-bottom:1.15rem;border-bottom:1px solid var(--border-color)}.braess-visualizer .simulation-mode:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.braess-visualizer .simulation-mode h4{font-size:.95rem;margin-bottom:.75rem;color:var(--secondary-color);display:flex;align-items:center;gap:.5rem;font-weight:600}.braess-visualizer .simulation-mode h4:before{content:"";width:3px;height:1rem;background:var(--secondary-color);border-radius:2px}.braess-visualizer .calculate-button{width:100%;background:linear-gradient(135deg,var(--secondary-color) 0%,#27ae60 100%);font-size:1rem;padding:1rem;margin-top:1rem}.braess-visualizer .calculate-button:disabled{opacity:.5;cursor:not-allowed}.braess-visualizer .animation-controls{display:flex;gap:.5rem;margin-bottom:1rem}.braess-visualizer .start-button{flex:1;background:linear-gradient(135deg,var(--secondary-color) 0%,#27ae60 100%);font-size:1rem;padding:1rem}.braess-visualizer .stop-button{flex:1;background:linear-gradient(135deg,var(--warning-color) 0%,#e67e22 100%);font-size:1rem;padding:1rem}.braess-visualizer .reset-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);font-size:1rem;padding:1rem}.braess-visualizer .animation-stats{margin-top:1rem;padding:1rem;background:#3498db1a;border-radius:8px;border-left:4px solid var(--primary-color)}.braess-visualizer .animation-stats p{margin:.5rem 0;font-size:.95rem}.braess-visualizer .animation-stats p:first-child{margin-top:0}.braess-visualizer .animation-stats p:last-child{margin-bottom:0}.braess-visualizer .results{margin-top:.75rem;padding:.75rem;background:#2ecc711a;border-radius:8px;border-left:3px solid var(--secondary-color)}.braess-visualizer .results h4{margin-bottom:.5rem;color:var(--secondary-color);font-size:.95rem}.braess-visualizer .results p{margin-bottom:.35rem;font-size:.85rem}.braess-visualizer .paradox-warning{margin-top:1rem;padding:.75rem;background:#f39c121a;border-left:4px solid var(--warning-color);border-radius:4px;font-size:.9rem;line-height:1.4;color:#f39c12}.braess-visualizer .info-section{margin-bottom:1rem}.braess-visualizer .info-section:last-child{margin-bottom:0}.braess-visualizer .info-section h4{font-size:.9rem;margin-bottom:.5rem;color:var(--primary-color);font-weight:600}.braess-visualizer .legend-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.8rem;line-height:1.3}.braess-visualizer .legend-color{width:16px;height:16px;border-radius:50%;border:2px solid #2c3e50;flex-shrink:0}.braess-visualizer .formula-box{padding:.6rem;background:#2ecc711a;border-radius:6px;border-left:3px solid var(--secondary-color);margin-bottom:.6rem;text-align:center;font-size:.95rem;color:var(--secondary-color)}.braess-visualizer .info-list{list-style:none;padding:0;margin:0}.braess-visualizer .info-list li{padding:.25rem 0 .25rem 1.25rem;font-size:.8rem;line-height:1.4;position:relative}.braess-visualizer .info-list li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.braess-visualizer .example-text{padding:.6rem;background:#f39c121a;border-radius:6px;border-left:3px solid var(--warning-color);font-size:.8rem;line-height:1.4;margin:0}.braess-visualizer .hint{padding:.6rem;background:#3498db1a;border-radius:6px;font-size:.8rem;line-height:1.3;color:#95a5a6;margin-top:.75rem}.braess-visualizer .canvas-container{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;min-height:500px;position:relative}.braess-visualizer .visualization-canvas{cursor:crosshair;border-radius:8px;width:600px;height:500px;-webkit-user-select:none;user-select:none}.braess-visualizer .visualization-canvas:active{cursor:grabbing}@media (max-width: 1200px){.braess-visualizer{grid-template-columns:400px 1fr}}@media (max-width: 1024px){.braess-visualizer{grid-template-columns:1fr;grid-template-rows:auto 1fr}.braess-visualizer .controls-panel{max-height:none;order:2;padding:1.5rem}.braess-visualizer .canvas-container{order:1;min-height:400px}.braess-visualizer .legend .info-section{margin-bottom:1rem}}@media (max-width: 768px){.braess-visualizer .controls-panel{padding:1rem}.braess-visualizer .mode-buttons{grid-template-columns:1fr 1fr;gap:.5rem}.braess-visualizer .scenarios button,.braess-visualizer .mode-buttons button{width:100%;margin-right:0;padding:.6rem .75rem;font-size:.9rem}.braess-visualizer .simulation-mode{margin-bottom:1.25rem;padding-bottom:1.25rem}.braess-visualizer .canvas-container{min-height:300px;padding:.5rem}.braess-visualizer .visualization-canvas{width:100%;max-width:100%;height:auto;aspect-ratio:6 / 5}.braess-visualizer .legend,.braess-visualizer .info-section h4{font-size:.9rem}.braess-visualizer .info-list li{font-size:.8rem;padding:.3rem 0}}