@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--card-shadow-hover:0 4px 12px #0000001a, 0 2px 4px #0000000f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-blue:#3b82f6;--accent-purple:#7c3aed;--accent-cyan:#06b6d4;--accent-amber:#d97706;--accent-emerald:#059669;--accent-red:#dc2626;--accent-indigo:#4f46e5;--border-color:#e2e8f0;--border-color-strong:#cbd5e1;--code-bg:#f8fafc;--code-border:#e2e8f0;--code-text:#1e293b;--bg:var(--bg-primary);--bg-card-legacy:var(--bg-card);--bg-hover:var(--bg-secondary);--text:var(--text-primary);--text-dim:var(--text-secondary);--border:var(--border-color);--glass:#ffffffd9;--layer1:var(--accent-blue);--layer2:var(--accent-purple);--layer3:var(--accent-cyan);--layer4:var(--accent-emerald);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;font-family:var(--font-sans);margin:0;line-height:1.65}code,.mono{font-family:var(--font-mono)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}::selection{color:var(--text-primary);background:#3b82f633}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#ffffffd9;transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:0 1px 8px #0000000f}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;display:flex}.nav-logo-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--accent-blue);background:#3b82f60f;text-decoration:none}.nav-links a.active{color:var(--accent-blue);background:#3b82f614}.burger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.5rem;transition:background .2s;display:none}.burger:hover{background:var(--bg-tertiary)}.mobile-menu{background:var(--bg-primary);z-index:99;border-top:1px solid var(--border-color);padding:24px;display:none;position:fixed;inset:64px 0 0}.mobile-menu.open{flex-direction:column;gap:4px;display:flex}.mobile-menu a{color:var(--text-secondary);border-radius:8px;padding:12px 16px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s}.mobile-menu a:hover{background:var(--bg-secondary);color:var(--accent-blue)}.mobile-menu a.active{color:var(--accent-blue);background:#3b82f60f}@media (width<=860px){.nav-links{display:none}.burger{justify-content:center;align-items:center;display:flex}}.section{max-width:1280px;margin:0 auto;padding:80px 24px}.section-tag{font-family:var(--font-mono);color:var(--accent-blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:600}.section-title{color:var(--text-primary);letter-spacing:-.025em;margin-bottom:12px;font-size:2rem;font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:640px;margin:12px auto 0;font-size:1.0625rem;line-height:1.6}.section-desc{color:var(--text-secondary);max-width:640px;margin-bottom:40px;font-size:.9375rem;line-height:1.6}.hero{text-align:center;padding-top:120px}.hero-tag{font-family:var(--font-mono);color:var(--accent-blue);border:1px solid var(--border-color);letter-spacing:.06em;background:var(--bg-primary);border-radius:9999px;margin-bottom:24px;padding:4px 16px;font-size:.75rem;font-weight:500;display:inline-block}.hero-title{color:var(--text-primary);letter-spacing:-.04em;font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:1.1}.hero-sub{color:var(--text-primary);margin-top:8px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}.hero-desc{color:var(--text-secondary);max-width:600px;margin:16px auto 32px;font-size:.9375rem;line-height:1.6}.hero-event{background:var(--bg-primary);border:1px solid var(--border-color);max-width:640px;color:var(--text-secondary);text-align:left;box-shadow:var(--card-shadow);border-radius:12px;margin:0 auto 48px;padding:16px 24px;font-size:.875rem;line-height:1.7}.hero-event strong{color:var(--accent-blue);font-weight:600}.stats-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;min-width:140px;box-shadow:var(--card-shadow);border-radius:12px;padding:20px 28px;transition:all .2s}.stat-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-color-strong);transform:translateY(-2px)}.stat-num{font-family:var(--font-mono);color:var(--accent-blue);font-size:1.8rem;font-weight:600;display:block}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.8125rem}.tech-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tech-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.tech-card:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover)}.tech-icon{font-family:var(--font-mono);background:var(--bg-tertiary);width:40px;height:40px;color:var(--accent-blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.tech-cat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500}.tech-name{color:var(--text-primary);font-size:.9rem;font-weight:600}@media (width<=860px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.tech-grid{grid-template-columns:1fr}}.arch-layers{flex-direction:column;gap:12px;display:flex}.arch-layer{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-left:4px solid;border-radius:12px;transition:all .2s;overflow:hidden}.arch-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:16px 20px;transition:background .2s;display:flex}.arch-header:hover{background:var(--bg-secondary)}.layer-num{font-family:var(--font-mono);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:flex}.layer-name{color:var(--text-primary);flex:1;font-weight:600}.layer-arrow{color:var(--text-muted);font-size:.9rem;transition:transform .3s}.arch-body{flex-direction:column;gap:8px;padding:0 20px 16px;display:flex}.file-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:baseline;gap:12px;padding:8px 12px;font-size:.875rem;display:flex}.file-name{font-family:var(--font-mono);color:var(--accent-blue);min-width:200px;font-size:.8125rem;font-weight:500}.file-size{font-family:var(--font-mono);color:var(--text-muted);min-width:60px;font-size:.75rem}.file-desc{color:var(--text-secondary);font-size:.8125rem}@media (width<=600px){.file-card{flex-direction:column;gap:4px}.file-name{min-width:auto}}.flow-container{flex-direction:column;align-items:center;gap:0;display:flex}.flow-node{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;min-width:200px;color:var(--text-primary);box-shadow:var(--card-shadow);border-radius:10px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.flow-node:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover)}.flow-node.accent{border-color:var(--accent-purple)}.flow-node small{color:var(--text-secondary);margin-top:2px;font-size:.75rem;font-weight:400;display:block}.flow-arrow{background:var(--border-color-strong);width:2px;height:32px;position:relative}.flow-arrow:after{content:"";border-right:2px solid var(--accent-blue);border-bottom:2px solid var(--accent-blue);width:8px;height:8px;position:absolute;bottom:-4px;left:-3px;transform:rotate(45deg)}.flow-branch{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.flow-branch-item{flex-direction:column;align-items:center;gap:0;display:flex}.flow-merge-line{background:var(--border-color-strong);width:2px;height:24px}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}.flow-arrow .pulse{background:var(--accent-blue);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot;position:absolute;left:-2px}.tab-bar{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:32px;padding-bottom:0;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.sys-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.sys-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;padding:18px 20px;transition:all .2s}.sys-card:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover)}.sys-card h4{color:var(--text-primary);margin-bottom:8px;font-size:.9375rem;font-weight:600}.sys-card p,.sys-card li{color:var(--text-secondary);font-size:.8125rem}.sys-card ul{padding:0;list-style:none}.sys-card li{padding:3px 0}.sys-card li:before{content:"▸";color:var(--accent-blue);margin-right:4px}.perm-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:8px;width:100%;margin-top:20px;font-size:.8125rem;overflow:hidden}.perm-table th,.perm-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.perm-table th{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.perm-table td{color:var(--text-primary)}.perm-table tr:last-child td{border-bottom:none}.perm-table tr:hover td{background:var(--bg-secondary)}.perm-table code{font-family:var(--font-mono);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:4px;padding:2px 6px;font-size:.78rem}.mode-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.mode-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:10px;padding:18px 20px;transition:all .2s}.mode-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-color-strong)}.mode-card h4{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:600}.mode-card .mode-tag{font-family:var(--font-mono);color:var(--accent-purple);background:#f5f3ff;border:1px solid #ddd6fe;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:.72rem;display:inline-block}.mode-card p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.flag-list{flex-direction:column;gap:8px;display:flex}.flag-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.flag-item:hover{background:var(--bg-secondary)}.flag-dot{background:var(--accent-emerald);border-radius:50%;flex-shrink:0;width:8px;height:8px}.flag-name{font-family:var(--font-mono);min-width:180px;color:var(--text-primary);font-size:.8125rem;font-weight:500}.flag-desc{color:var(--text-secondary);font-size:.8125rem}.dir-tree{font-family:var(--font-mono);font-size:.8125rem}.tree-item{padding-left:20px}.tree-row{cursor:default;border-radius:4px;align-items:baseline;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.tree-row:hover{background:var(--bg-secondary)}.tree-row.clickable{cursor:pointer}.tree-toggle{color:var(--text-muted);text-align:center;flex-shrink:0;width:12px}.tree-name{color:var(--accent-blue)}.tree-name.dir{color:var(--accent-purple);font-weight:600}.tree-size{color:var(--text-muted);font-size:.72rem}.tree-desc{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-sans)}.patterns-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.patterns-scroll::-webkit-scrollbar{height:4px}.patterns-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.patterns-scroll::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:2px}.pattern-card{scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:12px;flex:0 0 320px;padding:24px;transition:all .2s}.pattern-card:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover)}.pattern-num{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:8px;font-size:.6875rem;font-weight:500}.pattern-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:600}.pattern-card p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:11px}.tl-step{opacity:0;padding:0 0 32px 24px;transition:opacity .5s,transform .5s;position:relative;transform:translateY(16px)}.tl-step.visible{opacity:1;transform:translateY(0)}.tl-dot{background:var(--accent-blue);border:2px solid var(--bg-primary);width:12px;height:12px;box-shadow:0 0 0 2px var(--border-color);border-radius:50%;position:absolute;top:4px;left:-25px}.tl-step.parallel .tl-dot{background:var(--accent-purple)}.tl-idx{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:2px;font-size:.6875rem;font-weight:500}.tl-title{color:var(--text-primary);margin-bottom:4px;font-size:.9375rem;font-weight:600}.tl-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:12px;padding:24px;transition:all .2s}.card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-color-strong)}.tag{font-size:.75rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid;border-radius:9999px;align-items:center;padding:2px 10px;display:inline-flex}.tag-blue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.tag-purple{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.tag-amber{color:#d97706;background:#fffbeb;border-color:#fde68a}.tag-emerald{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.tag-red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.tag-cyan{color:#0891b2;background:#ecfeff;border-color:#a5f3fc}.tag-primary{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.tag-secondary{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.code-block{font-family:var(--font-mono);color:#e2e8f0;white-space:pre;-webkit-overflow-scrolling:touch;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px 24px;font-size:.8125rem;line-height:1.7;overflow-x:auto}.code-block::-webkit-scrollbar{height:4px}.code-block::-webkit-scrollbar-track{background:#1e293b;border-radius:2px}.code-block::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.code-keyword{color:#c084fc;font-weight:500}.code-string{color:#86efac}.code-comment{color:#64748b;font-style:italic}.code-function{color:#7dd3fc}.code-type{color:#fbbf24}.file-path{background:var(--bg-tertiary);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;display:inline-flex}.data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:8px;width:100%;overflow:hidden}.data-table th{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-secondary)}.tab-group{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:24px;display:flex}.tab-button{color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;transition:all .2s}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.footer{border-top:1px solid var(--border-color);text-align:center;max-width:1280px;color:var(--text-muted);margin:0 auto;padding:40px 24px;font-size:.8125rem}.footer a{color:var(--accent-blue);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}.footer p{margin:4px 0}.code-block code{font-family:var(--font-mono);font-size:inherit;background:0 0;padding:0}.inline-code{font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-indigo);border-radius:4px;padding:2px 6px;font-size:.8125rem}.detail-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;margin-top:14px;padding:16px 18px;display:flex}.detail-description{color:var(--text-secondary);align-items:baseline;gap:10px;font-size:.8125rem;line-height:1.72;display:flex}.tag-indigo{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.tag-rose{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.tag-slate{color:#475569;background:#f8fafc;border-color:#e2e8f0}.tag-teal{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.tag-orange{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.flow-connector{flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.flow-connector .flow-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--accent-blue);width:0;height:0}.tab-content-detail{background:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;padding:24px}.timeline-node-large{width:56px;height:56px;font-family:var(--font-mono);background:var(--bg-card);border:2px solid var(--accent-blue);color:var(--accent-blue);box-shadow:var(--card-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:relative}.timeline-connector{background:linear-gradient(180deg, var(--accent-blue), var(--accent-purple));flex-shrink:0;width:2px}.card-expandable{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--card-shadow);border-radius:12px;transition:all .2s;overflow:hidden}.card-expandable:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover)}.card-expanded{border-color:var(--accent-blue);box-shadow:0 4px 16px #3b82f61a}.highlight-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#3b82f60a,#7c3aed0a);border-radius:16px;padding:32px;position:relative;overflow:hidden}.highlight-card:before{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));height:3px;position:absolute;top:0;left:0;right:0}.grid-2col{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=700px){.grid-2col{grid-template-columns:1fr}}.bootseq-timeline{flex-direction:column;align-items:center;gap:0;padding-top:8px;display:flex;position:relative}.bootseq-step-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.bootseq-step-wrapper.bootseq-odd .bootseq-node{margin-left:0;margin-right:auto}.bootseq-step-wrapper.bootseq-even .bootseq-node{margin-left:auto;margin-right:0}.bootseq-step-wrapper.bootseq-center .bootseq-summary{margin:0 auto}.bootseq-connector{flex-direction:column;align-items:center;padding:4px 0;display:flex}.bootseq-connector-line{background:linear-gradient(#3b82f659,#7c3aed59);width:2px;height:36px}.bootseq-connector-arrow{border-top:7px solid #7c3aed66;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0}.bootseq-node{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:720px;box-shadow:var(--card-shadow);border-radius:14px;align-items:flex-start;gap:20px;padding:24px;transition:all .2s;display:flex}.bootseq-node:hover{border-color:var(--accent-blue);box-shadow:var(--card-shadow-hover)}.bootseq-circle{border:2px solid var(--accent-blue);background:#3b82f614;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:56px;min-width:56px;height:56px;display:flex;position:relative}.bootseq-circle-icon{font-size:1.1rem;line-height:1}.bootseq-circle-num{font-family:var(--font-mono);color:var(--accent-blue);font-size:.6rem;font-weight:700;line-height:1}.bootseq-content{flex:1;min-width:0}.bootseq-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2px;display:flex}.bootseq-title{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.bootseq-bullet{width:20px;min-width:20px;height:20px;color:var(--accent-blue);font-family:var(--font-mono);background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex}.bootseq-codepath{font-family:var(--font-mono);color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.75rem;line-height:1.5}.bootseq-summary{width:100%;max-width:780px}.bootseq-summary-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.bootseq-summary-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:inline-flex}.bootseq-summary-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}.bootseq-summary-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem;line-height:1.72}.bootseq-summary-desc strong{color:var(--accent-blue);font-weight:600}.bootseq-timing-chart{margin-bottom:24px}.bootseq-timing-heading{color:var(--text-primary);margin-bottom:14px;font-size:.875rem;font-weight:600}.bootseq-timing-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.bootseq-timing-label{color:var(--text-secondary);text-align:right;flex-shrink:0;min-width:160px;font-size:.78rem}.bootseq-timing-track{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:5px;flex:1;height:10px;overflow:hidden}.bootseq-timing-fill{border-radius:5px;min-width:2px;height:100%}.bootseq-timing-ms{font-family:var(--font-mono);color:var(--text-muted);text-align:right;min-width:48px;font-size:.72rem}.bootseq-total-bar{margin-top:4px}.bootseq-total-segments{background:var(--bg-tertiary);border-radius:4px;gap:1px;height:8px;display:flex;overflow:hidden}.bootseq-total-seg{border-radius:2px;min-width:2px;height:100%}.bootseq-total-legend{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.bootseq-legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.6875rem;display:flex}.bootseq-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.heatmap-low{color:#1e40af;background:#dbeafe}.heatmap-med{color:#1e3a8a;background:#93c5fd}.heatmap-high{color:#fff;background:#3b82f6}.heatmap-max{color:#fff;background:#1d4ed8}.status-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.status-warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.status-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.status-info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:2px 10px;font-size:.75rem;font-weight:500}.progress-bar{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:3px;height:100%;transition:width .5s}.tooltip{position:relative}.tooltip-content{color:#f1f5f9;white-space:nowrap;pointer-events:none;opacity:0;background:#1e293b;border-radius:6px;padding:6px 12px;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tooltip-content:after{content:"";border:4px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-content{opacity:1}.divider{background:var(--border-color);height:1px;margin:24px 0}.divider-strong{background:var(--border-color-strong);height:1px;margin:32px 0}.icon-badge{background:var(--bg-tertiary);width:32px;height:32px;color:var(--accent-blue);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.icon-badge-lg{border-radius:10px;width:44px;height:44px;font-size:1.125rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=860px){.bootseq-step-wrapper.bootseq-odd .bootseq-node,.bootseq-step-wrapper.bootseq-even .bootseq-node{margin-left:auto;margin-right:auto}.bootseq-node{max-width:100%}.bootseq-timing-label{min-width:100px;font-size:.72rem}}@media (width<=600px){.bootseq-node{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 16px}.bootseq-header{justify-content:center}.detail-description,.bootseq-codepath{text-align:left}.bootseq-timing-row{flex-wrap:wrap}.bootseq-timing-label{text-align:left;width:100%;min-width:auto}.bootseq-summary{padding:20px 16px}.bootseq-summary-header{text-align:center;justify-content:center}.bootseq-total-legend{justify-content:center}}