body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#0a1128,#001f54);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.header{border-bottom:1px solid #ffffff1a;padding:1.5rem 0}.header-content{justify-content:space-between}.header-content,.title-area{align-items:center;display:flex}.title{font-size:1.5rem;font-weight:700;margin-left:.75rem}.about-link{align-items:center;background-color:#034078;border-radius:.5rem;color:#fff;display:flex;padding:.5rem 1rem;text-decoration:none}.icon-highlight{color:#1282a2;margin-right:.75rem}.main-content{padding:2rem 0}.grid-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.card{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;color:#333;padding:1rem}.component-card{border:2px solid;display:flex;flex-direction:column;height:100%}.component-header{margin-bottom:.75rem}.component-icon{border-radius:50%;height:2.5rem;margin-right:.75rem;width:2.5rem}.component-data{background-color:#f9f9f9;border-radius:.375rem;padding:.75rem}.data-item{background-color:#fff;border:1px solid #eee;border-radius:.375rem;margin-bottom:.5rem;padding:.5rem}.no-data{color:#999;height:100%}.button,.no-data{align-items:center;display:flex;justify-content:center}.button{border-radius:.375rem;padding:.5rem 1rem}.button-primary{background-color:#034078}.button-secondary{background-color:#fff;border:1px solid #ddd;color:#333}.button-danger{background-color:#e53e3e;color:#fff}.footer{border-top:1px solid #ffffff1a;color:#ffffffb3;font-size:.875rem;padding:1.5rem 0;text-align:center}@media (min-width:768px){.memory-components{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-layout{grid-template-columns:2fr 1fr}}.memory-education{margin-bottom:30px}.education-tabs{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:10px}.education-tabs .tab-button{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.education-tabs .tab-button:hover{background-color:#e2e8f0}.education-tabs .tab-button.active{background-color:#3b82f6;border-color:#2563eb;color:#fff}.content-text{line-height:1.6;margin-bottom:25px}.content-text h3{color:#1e40af;margin-bottom:12px;margin-top:20px}.content-text ol,.content-text ul{margin-bottom:16px;padding-left:24px}.content-text li{margin-bottom:8px}.quiz-section{border-top:1px solid #e5e7eb;padding-top:20px}.quiz-section h4{color:#1e40af;margin-bottom:20px;margin-top:0}.quiz-question{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:24px;padding:16px}.question-text{color:#0f172a;font-weight:600;margin-bottom:16px;margin-top:0}.radio-options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.radio-option{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:flex;padding:10px 12px;transition:all .2s}.radio-option:hover{background-color:#f1f5f9}.radio-option input[type=radio]{cursor:pointer;margin-right:12px}.radio-option .option-text{color:#334155;flex:1 1;font-size:.875rem}.radio-option .result-icon{font-weight:700;margin-left:10px}.radio-option .result-icon:has(✓){color:#22c55e}.radio-option .result-icon:has(✗){color:#ef4444}.question-actions{display:flex;justify-content:flex-end;margin-top:12px}.explanation-toggle{background-color:#dbeafe;border-radius:4px;color:#2563eb;font-size:.75rem;padding:6px 12px;transition:all .2s}.explanation-toggle:hover{background-color:#bfdbfe}.explanation-box{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:4px;margin-top:12px;padding:12px}.explanation-box p{color:#334155;font-size:.875rem;line-height:1.5;margin:0}.related-components{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:20px;margin-top:20px;padding:15px}.related-title{color:#0284c7;font-size:.95rem;font-weight:600;margin-bottom:10px}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-link{background-color:#e0f2fe;border:1px solid #7dd3fc;border-radius:4px;color:#0369a1;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.related-link:hover{background-color:#bae6fd;color:#0c4a6e}.answer-feedback{border-radius:6px;margin-top:12px;padding:12px}.answer-feedback.correct{background-color:#ecfdf5;border:1px solid #a7f3d0}.answer-feedback.incorrect{background-color:#fef2f2;border:1px solid #fecaca}.feedback-header{align-items:center;display:flex;gap:10px}.feedback-icon{align-items:center;border-radius:50%;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.correct .feedback-icon{background-color:#10b981;color:#fff}.incorrect .feedback-icon{background-color:#ef4444;color:#fff}.feedback-text{font-weight:600}.correct .feedback-text{color:#047857}.incorrect .feedback-text{color:#b91c1c}.explanation-toggle{background:none;border:none;color:#0284c7;cursor:pointer;font-size:.85rem;margin-left:auto;text-decoration:underline}.answer-explanation{background-color:#fff;border-radius:4px;color:#334155;font-size:.9rem;line-height:1.5;margin-top:10px;padding:10px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.card-title{border-bottom:1px solid #e5e7eb;color:#1e40af;font-size:1.25rem;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:10px}.memory-hierarchy-container{background-color:#f8fafc;border-radius:12px;color:#334155;margin:0 auto;max-width:1600px;padding:24px;position:relative}.memory-header{border-bottom:2px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.memory-title{color:#0f172a;font-size:2rem;font-weight:700;margin:0}.memory-subtitle{color:#64748b;font-size:1.1rem;margin-bottom:0;margin-top:8px}.memory-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.memory-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.memory-section:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.interconnections-section,.visualization-section{grid-column:span 2}.section-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px;position:relative}.section-header:after{background-color:#3b82f6;border-radius:2px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:60px}.section-title{color:#1e40af;font-size:1.25rem;font-weight:600;margin:0}.section-description{color:#64748b;font-size:.9rem;margin:4px 0 0}.welcome-guide{background-color:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:30px;padding:24px}.welcome-guide h3{color:#1e40af;font-size:1.5rem;font-weight:600;margin-top:0}.welcome-guide p{color:#334155;line-height:1.6}.guide-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style-type:none;margin:20px 0;padding:0}.guide-features li{background-color:#f0f9ff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#334155;padding:16px}.guide-features li strong{color:#0284c7;display:block;font-size:1.1rem;margin-bottom:4px}.guide-actions{display:flex;justify-content:flex-end;margin-top:20px}.quick-help-footer{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px}.help-tips{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.help-item{align-items:center;background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:10px;padding:10px 16px}.help-icon{font-size:1.25rem}.help-text{color:#334155;font-size:.9rem}.button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.button-primary{background-color:#3b82f6;color:#fff}.button-primary:hover{background-color:#2563eb}.button-secondary{background-color:#e2e8f0;color:#475569}.button-secondary:hover{background-color:#cbd5e1}@media (max-width:1200px){.memory-grid{grid-template-columns:1fr}.interconnections-section,.visualization-section{grid-column:span 1}}@media (max-width:768px){.memory-hierarchy-container{padding:16px}.memory-grid{gap:16px}.help-tips{align-items:center;flex-direction:column}}.memory-hierarchy-integrated{background-color:#f8fafc;border-radius:8px;margin:0 auto;max-width:1600px;padding:20px;position:relative}.memory-hierarchy-integrated .header-section{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.memory-hierarchy-integrated .section-title{font-size:1.5rem;margin-bottom:0}.memory-hierarchy-integrated .header-actions{display:flex;gap:10px}.memory-hierarchy-integrated .guide-button{align-items:center;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;color:#0284c7;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.memory-hierarchy-integrated .guide-button:hover{background-color:#bae6fd}.memory-hierarchy-integrated .guide-icon{align-items:center;background-color:#0284c7;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.memory-hierarchy-integrated .section-divider{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:10px;position:relative}.memory-hierarchy-integrated .section-divider:after{background-color:#3b82f6;border-radius:2px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:50px}.memory-hierarchy-integrated .welcome-guide{background-color:#fff;border:1px solid #bae6fd;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:20px}.memory-hierarchy-integrated .guide-content h3{color:#0284c7;font-size:1.25rem;margin-bottom:12px;margin-top:0}.memory-hierarchy-integrated .guide-content p{color:#334155;line-height:1.5;margin-bottom:16px}.memory-hierarchy-integrated .guide-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style-type:none;margin:0 0 20px;padding:0}.memory-hierarchy-integrated .guide-features li{background-color:#f0f9ff;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#334155;padding:12px}.memory-hierarchy-integrated .guide-features li strong{color:#0284c7;display:block;margin-bottom:4px}.memory-hierarchy-integrated .guide-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.memory-hierarchy-integrated .tour-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.memory-hierarchy-integrated .tour-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:90vw;width:400px;z-index:1001}.memory-hierarchy-integrated .tour-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.memory-hierarchy-integrated .tour-header h4{color:#0284c7;font-size:1.125rem;margin:0}.memory-hierarchy-integrated .tour-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem}.memory-hierarchy-integrated .tour-content{padding:16px}.memory-hierarchy-integrated .tour-content p{color:#334155;line-height:1.5;margin:0}.memory-hierarchy-integrated .tour-navigation{align-items:center;background-color:#f8fafc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.memory-hierarchy-integrated .tour-button{background-color:#0284c7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.memory-hierarchy-integrated .tour-button:hover{background-color:#0369a1}.memory-hierarchy-integrated .tour-button:disabled{background-color:#cbd5e1;cursor:not-allowed}.memory-hierarchy-integrated .tour-progress{color:#64748b;font-size:.875rem}.memory-hierarchy-integrated .section-header{border-bottom:2px solid #e2e8f0;margin-bottom:20px;padding-bottom:12px;position:relative}.memory-hierarchy-integrated .section-header:after{background-color:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.memory-hierarchy-integrated .section-title{color:#0f172a;font-size:1.25rem;font-weight:600;margin-bottom:8px;margin-top:0}.memory-hierarchy-integrated .section-description{color:#1e293b;font-size:.875rem;line-height:1.4;margin-bottom:0}.memory-hierarchy-integrated .quick-help-footer{align-items:center;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:30px;padding-top:15px}.memory-hierarchy-integrated .help-tips{display:flex;flex-wrap:wrap;gap:15px}.memory-hierarchy-integrated .help-item{align-items:center;background-color:#f1f5f9;border-left:3px solid #3b82f6;border-radius:4px;display:flex;gap:8px;margin-right:0;padding:8px 12px}.memory-hierarchy-integrated .help-icon{font-size:1.25rem}.memory-hierarchy-integrated .help-text{color:#1e293b;font-size:.875rem}.memory-hierarchy-integrated .help-button{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;color:#0284c7;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 12px;transition:all .2s;white-space:nowrap}.memory-hierarchy-integrated .help-button:hover{background-color:#bae6fd}.memory-hierarchy-integrated .memory-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:3fr 2fr}.memory-hierarchy-integrated .memory-column{display:flex;flex-direction:column;gap:25px}.memory-hierarchy-integrated .memory-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;height:fit-content;padding:20px}.memory-hierarchy-integrated .visualization-container{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:15px;padding:15px}.memory-hierarchy-integrated .education-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.memory-hierarchy-integrated .toggle-button{background-color:#e2e8f0;border:none;border-radius:4px;color:#334155;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:background-color .2s}.memory-hierarchy-integrated .toggle-button:hover{background-color:#cbd5e1}.memory-hierarchy-integrated .education-content{margin-top:15px}.memory-metrics{background-color:#fff;border-radius:12px;padding:20px}.memory-metrics .metric-card{background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px}.memory-metrics .metric-header{display:flex;justify-content:center;margin-bottom:16px}.memory-metrics .metric-label{color:#1e40af;font-size:1.1rem;font-weight:600}.memory-metrics .access-times{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.memory-metrics .access-time-item{align-items:center;background-color:#f1f5f9;border-left:3px solid #3b82f6;border-radius:8px;display:flex;flex-direction:column;padding:16px;transition:transform .2s}.memory-metrics .access-time-item:hover{transform:translateY(-2px)}.memory-metrics .component-name{color:#0f172a;font-size:1rem;font-weight:600;margin-bottom:8px}.memory-metrics .access-value{color:#1e40af;font-family:monospace;font-size:1.1rem;font-weight:700}.memory-metrics .current-access{background-color:#e0f2fe;border-radius:8px;color:#0f172a;font-size:1rem;margin-top:20px;padding:12px;text-align:center}.memory-metrics .current-access-value{color:#0284c7;font-family:monospace;font-weight:700;margin-left:5px}.apply-rates-button,.chart-bar,.metrics-grid,.metrics-summary,.performance-controls,.rate-control,.rate-labels,.rate-slider,.summary-item,.summary-label,.summary-value{display:none}.enhanced-hardware-components{background-color:#fff;border-radius:12px;padding:20px}.hardware-components-container{display:flex;flex-direction:column;gap:20px}.hardware-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hardware-item{background-color:#f8fafc;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:100%;padding:16px;transition:all .3s ease}.hardware-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.component-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.component-header h4{color:#0f172a;font-size:1.1rem;font-weight:600;margin:0}.component-icon{align-items:center;border-radius:8px;display:flex;font-size:.9rem;height:40px;justify-content:center;width:40px}.cpu-item{border-top:3px solid #8b5cf6}.cache-item{border-top:3px solid #0ea5e9}.ram-item{border-top:3px solid #10b981}.disk-item{border-top:3px solid #f59e0b}.cpu-icon{background-color:#ede9fe;color:#7c3aed}.cache-icon{background-color:#e0f2fe;color:#0284c7}.ram-icon{background-color:#d1fae5;color:#059669}.disk-icon{background-color:#fef3c7;color:#d97706}.component-data{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;max-height:180px;overflow-y:auto}.data-content{padding:8px}.data-row{border-bottom:1px solid #f1f5f9;display:flex;font-size:.9rem;justify-content:space-between;padding:6px 10px}.data-row:last-child{border-bottom:none}.data-label{color:#64748b;font-weight:500}.data-value{color:#0f172a;font-family:monospace;font-weight:600}.no-data{color:#94a3b8;font-size:.9rem;font-style:italic;padding:20px;text-align:center}.hardware-empty-state{align-items:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;display:flex;flex-direction:column;margin:20px 0;padding:20px}.hardware-empty-state p{color:#64748b;font-size:.95rem;margin-bottom:12px}.empty-state-arrow{animation:bounce 1.5s infinite;color:#94a3b8;font-size:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hardware-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.info-item{background-color:#f8fafc;gap:10px;padding:10px}.info-icon,.info-item{align-items:center;border-radius:6px;display:flex}.info-icon{color:#0f172a;font-size:.8rem;font-weight:700;height:36px;justify-content:center;width:36px}.info-item:first-child .info-icon{background-color:#ede9fe;color:#7c3aed}.info-item:nth-child(2) .info-icon{background-color:#e0f2fe;color:#0284c7}.info-item:nth-child(3) .info-icon{background-color:#d1fae5;color:#059669}.info-item:nth-child(4) .info-icon{background-color:#fef3c7;color:#d97706}.info-text{color:#334155;font-size:.85rem}.enhanced-control-panel{margin-top:10px}.control-content{display:flex;flex-wrap:wrap;gap:20px}.control-field{flex:1 1;min-width:200px}.control-label{display:block;font-weight:500;margin-bottom:8px}.control-label,.control-select{color:#1e293b;font-size:.875rem}.control-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='m8 11.5-6-6h12l-6 6z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:4px;padding:8px 12px}.control-actions{gap:10px;margin-top:20px}.control-button{font-size:.875rem}.control-button.secondary{color:#334155}.tour-highlight{position:relative;z-index:10}.tour-highlight:after{animation:pulse-highlight 2s infinite;border:2px solid #3b82f6;border-radius:8px;bottom:-5px;content:"";left:-5px;pointer-events:none;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes pulse-highlight{0%{box-shadow:0 0 0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.memory-interconnections .operation-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:12px 15px;position:relative;transition:all .2s}.memory-interconnections .operation-item:hover{background-color:#f1f5f9}.memory-interconnections .operation-name{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:6px}.memory-interconnections .operation-description{color:#1e293b;font-size:.75rem;line-height:1.4;margin-bottom:8px}.memory-interconnections .operation-path{background-color:#f1f5f9;border-radius:4px;color:#0f172a;font-family:monospace;font-size:.75rem;font-weight:500;padding:4px 8px}.memory-interconnections .operation-item:before{background-color:#94a3b8;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.memory-interconnections .operation-item:hover:before{background-color:#3b82f6}.memory-interconnections .active-operation{background-color:#f0f9ff}.memory-interconnections .active-operation:before{background-color:#0284c7}.memory-interconnections .operation-metrics{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.memory-interconnections .metric-label{color:#0f172a;font-size:.75rem;font-weight:500}.memory-interconnections .metric-value{color:#0f172a;font-weight:600}.memory-interconnections .operation-instruction{background-color:#f8fafc;border-radius:4px;color:#0f172a;font-family:monospace;font-size:.875rem;margin-top:10px;padding:10px}.memory-interconnections .active-path{color:#0f172a;font-weight:600;overflow:hidden;position:relative}.memory-interconnections .active-path:after{animation:path-highlight 2s infinite;background:linear-gradient(90deg,#3b82f61a,#3b82f633 50%,#3b82f61a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.memory-interconnections .diagram-title{color:#0f172a;font-size:1rem;font-weight:600;margin-bottom:12px}.memory-interconnections .component-label{color:#0f172a;font-size:.875rem;font-weight:500;margin-bottom:6px}.memory-interconnections .arrow-label{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#0f172a;font-size:.75rem;font-weight:500;padding:2px 6px;position:absolute;white-space:nowrap;z-index:1}.memory-interconnections .simulation-tip{background-color:#f0f9ff;border-left:4px solid #0284c7;border-radius:4px;color:#0f172a;font-size:.875rem;font-weight:500;margin-top:20px;padding:15px}.memory-hierarchy-relationships-title{color:#0f172a;font-size:1.25rem;font-weight:600;margin-bottom:15px}.memory-hierarchy-relationships-description{color:#0f172a;font-size:.875rem;margin-bottom:20px}.memory-access-patterns-title,.memory-operations-title{color:#0f172a;font-size:1rem;font-weight:600;margin:20px 0 15px}.memory-interconnections-container{background-color:#fff;border-radius:12px;color:#334155;padding:20px}.interconnections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.interconnection-diagram{background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.diagram-title{color:#1e40af;font-size:1.1rem;font-weight:600;margin-bottom:16px;text-align:center}.diagram-box{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:30px;padding:20px}.diagram-row{justify-content:space-between}.diagram-component,.diagram-row{align-items:center;display:flex;position:relative}.diagram-component{background-color:#f1f5f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex-direction:column;height:80px;justify-content:center;transition:all .3s ease;width:80px}.diagram-component.cpu{background-color:#ede9fe;border:1px solid #d8b4fe}.diagram-component.cache{background-color:#e0f2fe;border:1px solid #bae6fd}.diagram-component.ram{background-color:#dcfce7;border:1px solid #86efac}.diagram-component.disk{background-color:#fef3c7;border:1px solid #fcd34d}.component-label{color:#0f172a;font-size:.8rem;font-weight:600;margin-bottom:4px}.component-icon{color:#0f172a;font-size:1rem;font-weight:700}.diagram-arrow{align-items:center;display:flex;flex:1 1;height:40px;justify-content:center;position:relative}.arrow-label{background-color:#f8fafc;border-radius:4px;color:#0f172a;font-size:.8rem;font-weight:500;padding:2px 6px;position:absolute;top:-20px;white-space:nowrap}.arrow-line{background-color:#cbd5e1;height:2px;position:relative;width:100%}.arrow-head{color:#64748b;font-size:1.2rem;position:absolute}.arrow-head.right{right:-5px}.arrow-head.left{left:-5px}.memory-operations{background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.operation-title{color:#1e40af;font-size:1.1rem;font-weight:600;margin-bottom:16px;text-align:center}.operation-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.operation-item{background-color:#fff;border-left:3px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.operation-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.operation-name{color:#0f172a;font-size:1rem;font-weight:600;margin-bottom:8px}.operation-description{color:#334155;font-size:.9rem;margin-bottom:12px}.operation-path{background-color:#f1f5f9;border-radius:4px;color:#64748b;font-family:monospace;font-size:.8rem;margin-bottom:12px;padding:6px}.operation-metrics{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.metric-label{color:#64748b;font-weight:500}.metric-value{color:#0f172a;font-weight:600}.active-operation{background-color:#f0f9ff;border-left-color:#3b82f6}.active-path{background-color:#dbeafe;color:#1e40af;font-weight:600}.operation-instruction{color:#64748b;font-size:.9rem;font-style:italic;margin-top:16px;text-align:center}.simulation-status{background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;text-align:center}.active-simulation{align-items:center;display:flex;flex-direction:column;gap:8px}.status-label{color:#64748b;font-size:.9rem}.status-value{color:#0f172a;font-size:1.1rem;font-weight:600}.status-indicator{background-color:#22c55e;border-radius:50%;height:12px;margin-top:4px;width:12px}.simulation-tip{color:#334155;font-size:.9rem;margin-top:8px}.simulation-hint{color:#64748b;font-size:.9rem;font-style:italic}.active-component{background-color:#eff6ff!important;box-shadow:0 0 0 2px #3b82f6!important}.active-component .component-icon{color:#1e40af!important}.active-component .component-label{color:#1e40af!important;font-weight:700}.active-arrow .arrow-line{background-color:#3b82f6!important;height:3px!important}.active-arrow .arrow-head{color:#3b82f6!important}.active-arrow .arrow-label{background-color:#e0f2fe!important;border:1px solid #bae6fd!important;color:#0f172a!important;font-weight:600!important}.operation-item.active-operation{background-color:#eff6ff!important;border-left:3px solid #3b82f6!important}.operation-path.active-path{background-color:#dbeafe!important;color:#1e40af!important;font-weight:600!important;overflow:hidden;position:relative}.operation-path.active-path:after{animation:path-highlight 2s infinite;background:linear-gradient(90deg,#3b82f61a,#3b82f64d 50%,#3b82f61a);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes path-highlight{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.operation-grid{grid-template-columns:1fr}}.control-panel-container{background-color:#fff;border-radius:12px;padding:20px}.control-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.control-field{display:flex;flex-direction:column;gap:8px}.control-label{color:#0f172a;font-size:.9rem;font-weight:600}.control-select{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:all .2s;width:100%}.control-select:hover{border-color:#94a3b8}.control-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.control-select:disabled{cursor:not-allowed;opacity:.6}.control-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.control-button{border-radius:6px;font-size:.9rem;gap:6px;padding:10px 16px;transition:all .2s}.control-button.primary{background-color:#3b82f6;color:#fff}.control-button.primary:hover{background-color:#2563eb}.control-button.danger{background-color:#ef4444;color:#fff}.control-button.danger:hover{background-color:#dc2626}.control-button.secondary{background-color:#e2e8f0;color:#475569}.control-button.secondary:hover{background-color:#cbd5e1}.control-button:disabled{opacity:.6}@media (max-width:768px){.control-actions{flex-direction:column;width:100%}.control-button{justify-content:center;width:100%}}.pipeline-visualization{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:20px 0;padding:20px}.pipeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pipeline-header h3{color:#2a3f5f;margin:0}.cycle-counter{background-color:#4a6fa5;border-radius:4px;color:#fff;font-size:18px;font-weight:700;padding:6px 12px}.pipeline-stages{display:flex;margin-bottom:10px}.pipeline-stage-header{background-color:#4a6fa5;border-radius:4px;color:#fff;flex:1 1;margin:0 2px;padding:8px;text-align:center}.stage-name{font-size:18px;font-weight:700}.stage-description{font-size:12px;margin-top:4px}.pipeline-grid{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;overflow-x:auto;padding:20px 10px 10px;position:relative}.pipeline-timeline{border-bottom:2px solid #4a6fa5;display:flex;left:180px;margin-bottom:16px;padding-bottom:8px;position:relative;width:calc(100% - 180px)}.timeline-cell{color:#666;font-size:12px;font-weight:700;text-align:center;width:40px}.instructions-container{display:flex;flex-direction:column;gap:15px;margin-top:10px}.instruction-row{align-items:center;display:flex;margin-bottom:10px;min-height:40px;position:relative}.instruction-label{background-color:#f0f4f8;border-left:4px solid #4a6fa5;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#000;font-family:monospace;font-weight:700;margin-right:20px;padding:8px;position:relative;text-align:left;width:180px;z-index:5}.instruction-timeline{flex-grow:1;height:35px;margin-left:0;position:relative}.pipeline-block{align-items:center;background-color:#6ea8fe;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;position:absolute;text-shadow:none;z-index:1}.pipeline-block.stalled{animation:pulse 1.5s infinite;background-color:#f87171;border:2px dashed #e11d48}.pipeline-block[data-hazard=DATA]{border-left:4px solid #dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff}.pipeline-block[data-hazard=CONTROL]{border-left:4px solid #ea580c;box-shadow:0 2px 8px #ea580c4d;color:#fff}.pipeline-block[data-hazard=STRUCTURAL]{border-left:4px solid #ca8a04;box-shadow:0 2px 8px #ca8a044d}.pipeline-block[data-hazard=FORWARDED]{animation:dataForward 1.5s infinite;border-left:4px solid #0284c7;box-shadow:0 2px 8px #0284c74d}.pipeline-block[data-hazard=PREDICTED]{animation:branchPredict 1.5s infinite;border-left:4px solid #7c3aed;box-shadow:0 2px 8px #7c3aed4d}.pipeline-block[data-hazard=WAW]{border-left:4px solid #ec4899;box-shadow:0 2px 8px #ec48994d;color:#fff}.pipeline-block[data-hazard=WAR]{border-left:4px solid #8b5cf6;box-shadow:0 2px 8px #8b5cf64d;color:#fff}@keyframes dataForward{0%{border-left-width:4px}50%{border-left-width:8px}to{border-left-width:4px}}@keyframes branchPredict{0%{border-left-width:4px;border-right-width:0}50%{border-left-width:0;border-right-width:4px}to{border-left-width:4px;border-right-width:0}}.stall-indicator{align-items:center;background-color:#e11d48;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px}.pipeline-stats{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.pipeline-stats h4{color:#2a3f5f;margin-bottom:12px;margin-top:0}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:18px}.active-stages{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.active-stages h4{color:#2a3f5f;margin-bottom:12px;margin-top:0}.stages-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.stage-box{border:1px solid #ddd;border-radius:4px;padding:12px;text-align:center}.stage-box.active{background-color:#ecfdf5;border-color:#10b981}.stage-box.empty{background-color:#f8fafc}.stage-title{color:#334155;font-weight:700;margin-bottom:8px}.instruction-info{color:#2a3f5f;font-family:monospace;font-size:14px}.empty-stage{color:#94a3b8;font-style:italic}.pipeline-settings{display:flex;gap:16px;justify-content:center;margin-top:16px}.setting-item{border-radius:24px;gap:8px;padding:8px 16px}.setting-item.enabled{background-color:#ecfdf5;border:1px solid #10b981;color:#065f46}.setting-item.disabled{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.setting-icon{font-size:20px}.setting-text{font-weight:500}.pipeline-control-panel{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:20px 0;padding:20px}.panel-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.panel-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-section h3{color:#2a3f5f;font-size:18px;margin-bottom:16px;margin-top:0}.panel-section h4{color:#475569;font-size:15px;margin-bottom:12px;margin-top:0}.control-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.control-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.control-button:disabled{cursor:not-allowed;opacity:.5}.control-button:hover:not(:disabled){box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button.start{background-color:#10b981;color:#fff}.control-button.pause{background-color:#f59e0b;color:#fff}.control-button.step{background-color:#3b82f6;color:#fff}.control-button.reset{background-color:#ef4444;color:#fff}.button-icon{font-size:16px}.speed-control{align-items:center;display:flex;gap:12px;margin-top:12px}.speed-control label{color:#475569;font-weight:500;min-width:120px}.speed-control input{flex-grow:1;max-width:200px}.speed-value{color:#2a3f5f;font-weight:600;min-width:40px;text-align:center}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.settings-group{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.setting-item{align-items:center;border-bottom:1px dashed #f1f5f9;display:flex;gap:10px;margin-bottom:12px;padding-bottom:12px}.setting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.setting-item input[type=number]{border:1px solid #d1d5db;border-radius:4px;padding:4px;text-align:center;width:60px}.setting-item label{color:#334155;cursor:pointer;font-weight:500}.setting-description{color:#64748b;font-size:12px;margin-left:26px;margin-top:4px}.instructions-control{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.current-instructions{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.instructions-list{margin-top:12px;max-height:300px;overflow-y:auto}.no-instructions{border:1px dashed #e2e8f0;border-radius:4px;color:#94a3b8;font-style:italic;padding:20px;text-align:center}.instructions-table{border-collapse:collapse;width:100%}.table-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600}.table-header,.table-row{display:grid;grid-template-columns:40px 1fr 60px;padding:8px}.table-row{border-bottom:1px solid #f1f5f9;color:#000;font-weight:500}.table-row:hover{background-color:#f8fafc}.table-cell{align-items:center;display:flex}.instruction-text{color:#000;font-family:monospace;font-weight:700}.remove-button{align-items:center;background-color:#f87171;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-button:hover:not(:disabled){background-color:#ef4444}.remove-button:disabled{cursor:not-allowed;opacity:.5}.add-instruction{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.form-group{margin-bottom:12px}.form-group label{color:#334155;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;padding:8px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:500;margin-top:16px;padding:10px;transition:all .2s ease;width:100%}.add-button:hover:not(:disabled){background-color:#2563eb}.add-button:disabled{cursor:not-allowed;opacity:.5}.instruction-templates{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-top:20px;padding:16px}.templates-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:12px}.template-button{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#334155;cursor:pointer;font-weight:500;padding:10px;transition:all .2s ease}.template-button:hover:not(:disabled){background-color:#f1f5f9;box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.template-button:active:not(:disabled){transform:translateY(0)}.template-button:disabled{cursor:not-allowed;opacity:.5}.pipeline-info-panel{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:20px 0;padding:20px}.info-section{border-bottom:1px solid #e2e8f0;margin-bottom:25px;padding-bottom:20px}.info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-section h3{color:#2a3f5f;margin-bottom:15px;margin-top:0}.info-section p{color:#475569;line-height:1.6;margin-bottom:15px}.pipeline-stage-info{display:flex;flex-direction:column;gap:15px}.stage-info-box{background-color:#fff;border-left:4px solid #4a6fa5;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px}.stage-info-box h4{color:#334155;margin-bottom:10px;margin-top:0}.components-list{margin-top:10px}.components-list ul{margin-top:5px;padding-left:20px}.components-list li{margin-bottom:5px}.hazards-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hazard-info-box{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px}.hazard-info-box.data{border-left:4px solid #f87171}.hazard-info-box.control{border-left:4px solid #fb923c}.hazard-info-box.structural{border-left:4px solid #fbbf24}.hazard-info-box.forwarded{border-left:4px solid #38bdf8}.hazard-info-box.predicted{border-left:4px solid #a78bfa}.hazard-info-box.stalled{border-left:4px solid #ef4444}.hazard-info-box h4{color:#334155;margin-bottom:10px;margin-top:0}.optimizations-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.optimization-info-box{background-color:#fff;border-left:4px solid #94a3b8;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px;transition:all .3s ease}.optimization-info-box.active{background-color:#ecfdf5;border-left-color:#10b981}.optimization-info-box h4{color:#334155;margin-bottom:10px;margin-top:0}.impact{color:#475569;font-size:14px;margin-top:10px}.metrics-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-info-box{background-color:#fff;border-radius:8px;border-top:4px solid #4a6fa5;box-shadow:0 1px 3px #0000001a;padding:15px}.metric-info-box h4{color:#334155;margin-bottom:10px;margin-top:0}.metric-info-box p{margin-bottom:0}.metric-info-box strong{color:#2a3f5f}.hazard-legend{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:10px 0 20px;padding:15px}.hazard-legend h4{color:#2a3f5f;font-size:16px;margin-bottom:12px;margin-top:0;text-align:center}.legend-items{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border:1px solid #0000001a;border-radius:4px;height:20px;width:20px}.legend-label{color:#334155;font-size:14px;font-weight:500}.pipeline-container{margin-bottom:24px}.pipeline-bubble{animation:bubble-float 2s ease-in-out infinite;color:#ef4444;font-size:24px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);z-index:10}@keyframes bubble-float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.legend-bubble{align-items:center;color:#ef4444;display:inline-flex;font-size:18px;height:20px;justify-content:center;margin-right:8px;width:20px}.hazard-tooltip{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:50%;max-width:350px;min-width:250px;padding:12px;pointer-events:none;position:absolute;top:-120px;transform:translateX(-50%);z-index:100}.hazard-tooltip h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.hazard-tooltip p{color:#555;font-size:13px;line-height:1.4;margin:0 0 8px}.hazard-resolution{border-top:1px solid #eee;color:#2563eb;font-size:12px;font-weight:500;margin-top:8px;padding-top:8px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:16px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-label{color:#64748b;font-size:14px;font-weight:600}.stat-value{color:#2a3f5f;font-size:22px;font-weight:700}.stat-description{color:#94a3b8;font-size:12px;margin-top:8px;text-align:center}.stat-sparkline{align-items:flex-end;border-top:1px solid #f1f5f9;display:flex;height:40px;margin-top:8px;padding-top:4px}.sparkline-bar{background-color:#6ea8fe;border-radius:2px 2px 0 0;flex:1 1;margin:0 1px;min-height:2px;transition:height .3s ease}.hazard-breakdown{border-radius:4px;display:flex;height:8px;margin:12px 0;overflow:hidden}.hazard-type{height:100%;transition:width .5s ease}.hazard-type.data{background-color:#f87171}.hazard-type.control{background-color:#fb923c}.hazard-type.structural{background-color:#fbbf24}.hazard-legend{color:#64748b;display:flex;font-size:11px;justify-content:space-between}.hazard-legend-item{align-items:center;display:flex}.hazard-legend-color{border-radius:2px;height:8px;margin-right:4px;width:8px}.hazard-legend-color.data{background-color:#f87171}.hazard-legend-color.control{background-color:#fb923c}.hazard-legend-color.structural{background-color:#fbbf24}.utilization-heatmap{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:24px;padding:16px}.utilization-heatmap h5{color:#334155;font-size:15px;font-weight:600;margin:0 0 16px}.heatmap-grid{display:flex}.heatmap-labels{display:flex;flex-direction:column;margin-right:8px}.heatmap-stage-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;height:20px;padding:0 8px}.heatmap-content{flex:1 1;overflow-x:auto}.heatmap-row{display:flex;height:20px;margin-bottom:4px}.heatmap-cell{background-color:#f1f5f9;border-radius:2px;height:12px;margin:4px 2px;transition:background-color .3s ease;width:12px}.heatmap-cell.active{background-color:#3b82f6}.heatmap-cell.idle{background-color:#f1f5f9}.pipeline-status{align-items:center;display:flex}.simulation-ended-badge{animation:pulse 2s infinite;background-color:#34d399;border-radius:16px;color:#fff;font-size:12px;font-weight:600;margin-left:16px;padding:4px 12px}@keyframes pulse{0%{box-shadow:0 0 0 0 #34d399b3}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 0 0 #34d39900}}.tooltip-container{display:inline-block;position:relative}.tooltip{word-wrap:break-word;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#333;font-size:14px;max-width:300px;padding:8px 12px}.tooltip-arrow{border-style:solid;height:0;position:absolute;width:0}.tooltip-arrow-top{border-color:#fff #0000 #0000;border-width:8px 8px 0;bottom:-8px;left:50%;transform:translateX(-50%)}.tooltip-arrow-bottom{border-color:#0000 #0000 #fff;border-width:0 8px 8px;left:50%;top:-8px;transform:translateX(-50%)}.tooltip-arrow-left{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px;top:50%;transform:translateY(-50%)}.tooltip-arrow-right{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px;top:50%;transform:translateY(-50%)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tab-navigation{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:20px;padding:0 15px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab-button:hover{color:#334155}.tab-button.active{border-bottom-color:#2563eb;color:#2563eb}
/*# sourceMappingURL=main.6ecf3163.css.map*/