@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Noto+Sans+SC:wght@300;500;700&display=swap";:root{--bg-dark:#090a0f;--grid-color:#ffffff08;--text-main:#e2e8f0;--text-muted:#94a3b8;--emergent-color:#10b981;--reduct-color:#3b82f6;--exp-color:#f59e0b;--topo-color:#8b5cf6;--overview-color:#fcd34d;--card-bg:#0f172ad9;--card-border:#334155cc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}button{appearance:none;border:none;outline:none;font-family:inherit}body{background-color:var(--bg-dark);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);color:var(--text-main);background-size:40px 40px;font-family:Noto Sans SC,sans-serif;overflow:hidden}#app{flex-direction:row;width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--card-border);z-index:50;background:#0b0f19f2;flex-direction:column;flex-shrink:0;width:320px;padding:4rem 0;display:flex;box-shadow:5px 0 20px #0009}.sidebar-logo{text-align:center;letter-spacing:2px;margin-bottom:4rem;padding:0 2rem;font-size:2.2rem;font-weight:700}.nav-links{flex-direction:column;gap:1.5rem;padding:0 1.5rem;list-style:none;display:flex}.nav-btn{width:100%;height:70px;color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;padding:0 2rem;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.nav-btn:hover{color:var(--text-main);background:#ffffff14}.nav-btn.active{border:1px solid var(--reduct-color);color:var(--reduct-color);background:#3b82f626;box-shadow:0 0 20px #3b82f633}.nav-btn:active{transform:scale(.96)}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.lab-intro{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#090a0f 0%,#090a0fcc 100%);flex-direction:column;justify-content:center;align-items:center;height:12vh;display:flex}.lab-intro h1{letter-spacing:2px;font-size:3rem;font-weight:700}.lab-intro p{color:var(--text-muted);margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem}#horizontal-timeline-container{touch-action:pan-x;scroll-behavior:smooth;scrollbar-width:none;flex:1;overflow:auto hidden}#horizontal-timeline-container::-webkit-scrollbar{display:none}#timeline-track{flex-direction:row;align-items:stretch;min-width:max-content;height:100%;padding:0 10vw;display:flex;position:relative}.dynamic-axis{z-index:0;height:4px;position:absolute;box-shadow:0 0 15px #ffffff1a}.top-axis-line{background:linear-gradient(90deg, transparent, var(--emergent-color) 5%, var(--emergent-color) 100%);top:33%}.bottom-axis-line{background:linear-gradient(90deg, transparent, var(--reduct-color) 5%, var(--reduct-color) 100%);top:66%}.merged-axis-line{background:linear-gradient(90deg, var(--topo-color) 0%, #fff3 100%);top:50%;box-shadow:0 0 20px #8b5cf666}.junction-line{background:linear-gradient(to bottom, var(--emergent-color) 0%, var(--topo-color) 50%, var(--reduct-color) 100%);width:4px;height:33%;box-shadow:0 0 30px var(--topo-color);top:33%}.axis-watermark{letter-spacing:4px;opacity:.3;pointer-events:none;white-space:nowrap;font-size:1.6rem;position:absolute}.watermark-top{color:var(--emergent-color);bottom:15px}.watermark-bottom{color:var(--reduct-color);top:15px}.watermark-merged{color:var(--topo-color);font-weight:700;bottom:15px}.timeline-step{flex-direction:row;flex-shrink:0;height:100%;margin-right:10rem;display:flex;position:relative}.step-year{flex-shrink:0;width:400px;position:relative}.step-card{flex-shrink:0;width:900px;height:100%;position:relative}.axis-year{background:var(--bg-dark);z-index:10;white-space:nowrap;border:2px solid;border-radius:50px;padding:.5rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #000c}.year-emergent{top:33%}.year-reduct{top:66%}.year-exp-mid{top:33%}.year-merged-exp,.year-merged-theo{top:50%}.timeline-node{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;white-space:normal;border-radius:12px;width:100%;max-height:75vh;padding:2.5rem;overflow-y:auto}.timeline-node::-webkit-scrollbar{width:6px}.timeline-node::-webkit-scrollbar-track{background:0 0}.timeline-node::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.timeline-node::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.connector-line{z-index:0;z-index:0;width:4px;height:60px;position:absolute;left:50%;transform:translate(-50%)}.node-emergent{border-bottom:4px solid var(--emergent-color);position:absolute;bottom:calc(67% + 60px)}.line-emergent{background:var(--emergent-color);box-shadow:0 0 10px var(--emergent-color);bottom:67%}.node-reduct{border-top:4px solid var(--reduct-color);position:absolute;top:calc(66% + 60px)}.line-reduct{background:var(--reduct-color);box-shadow:0 0 10px var(--reduct-color);top:66%}.node-exp-mid{border:2px solid var(--exp-color);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 30px #f59e0b26}.line-exp-mid{display:none}.node-merged-exp{border-bottom:4px solid var(--exp-color);position:absolute;bottom:calc(50% + 60px)}.line-merged-exp{background:var(--exp-color);box-shadow:0 0 10px var(--exp-color);bottom:50%}.node-merged-theo{border-top:4px solid var(--topo-color);position:absolute;top:calc(50% + 60px)}.line-merged-theo{background:var(--topo-color);box-shadow:0 0 10px var(--topo-color);top:50%}.node-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.node-title{font-size:2.2rem;font-weight:700}.node-proposer{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:1.3rem}.meta-grid{color:#e2e8f0;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem;font-size:1.4rem;line-height:1.6;display:flex}.meta-grid strong{opacity:.8;margin-right:.5rem;font-weight:400}.meta-flaw strong{color:#ef4444;opacity:1}.view-more-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;width:100%;padding:1.2rem;font-size:1.3rem;font-weight:700;transition:all .2s}.view-more-btn:hover{background:#ffffff1a}.view-more-btn:active{background:#ffffff26;transform:scale(.98)}.overview-step .step-card{width:1800px}.overview-node{border:2px solid var(--overview-color);width:100%;padding:4rem;box-shadow:0 0 50px #f59e0b26}.overview-desc{white-space:pre-wrap;color:#e2e8f0;font-size:1.5rem;line-height:2}.overview-desc strong{color:var(--overview-color);font-weight:700}#scroll-indicator{color:var(--overview-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;pointer-events:none;background:#0f172acc;border:1px solid #fcd34d80;border-radius:50px;align-items:center;gap:15px;padding:15px 35px;font-size:1.4rem;font-weight:700;transition:opacity .5s;animation:2s ease-in-out infinite slide-pulse;display:flex;position:fixed;bottom:40px;right:40px}@keyframes slide-pulse{0%{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(20px);box-shadow:0 0 20px #fcd34d66}to{opacity:.7;transform:translate(0)}}#scroll-indicator.hidden{opacity:0;animation:none}dialog{color:var(--text-main);border:1px solid var(--card-border);background:#0f172afa;border-radius:16px;width:85vw;max-width:1400px;max-height:85vh;margin:auto}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:flex-start;padding:3rem;display:flex}.modal-header h2{margin-bottom:0;font-size:3rem}.modal-body{color:#e2e8f0;max-height:calc(85vh - 150px);padding:4rem;font-size:1.7rem;line-height:2.2;overflow-y:auto}#close-modal{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;min-width:80px;min-height:80px;font-size:3rem}#close-modal:active{background:#334155}#equipment-container{background:radial-gradient(circle,#0f172acc 0%,#090a0f 100%);flex-direction:column;flex:1;min-height:0;padding:3rem 6vw;animation:.5s ease-out fadeIn;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eq-tabs{border-bottom:2px solid #ffffff1a;flex-shrink:0;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.eq-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700;transition:all .3s;position:relative}.eq-tab-btn:hover{color:#fff;background:#ffffff0d}.eq-tab-btn.active{color:#fff;background:#3b82f633;border-color:#3b82f680}.eq-tab-btn.active:after{content:"";background:var(--reduct-color);width:100%;height:4px;box-shadow:0 0 15px var(--reduct-color);position:absolute;bottom:-12px;left:0}.eq-panels-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.eq-panel{grid-template-columns:1.1fr 1fr;gap:6rem;height:100%;animation:.4s ease-out fadeSlide;display:none}.eq-panel.active{display:grid}@keyframes fadeSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.eq-col-text{flex-direction:column;padding-right:2rem;display:flex;overflow-y:auto}.eq-col-text::-webkit-scrollbar{width:6px}.eq-col-text::-webkit-scrollbar-track{background:0 0}.eq-col-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.eq-col-text::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.eq-col-text h2{letter-spacing:2px;margin-bottom:1.5rem;font-size:3.2rem;font-weight:700;line-height:1.3}.eq-tags{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.eq-tag{background:#00000080;border:1px solid;border-radius:50px;padding:.6rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:1.3rem}.eq-col-text p{color:#cbd5e1;margin-bottom:2rem;font-size:1.6rem;line-height:1.9}.eq-col-text strong{color:#fff;font-weight:700}.result-list{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.result-list li{color:#cbd5e1;padding-left:2.5rem;font-size:1.5rem;line-height:1.8;position:relative}.result-list li:before{content:"►";color:var(--overview-color);font-family:JetBrains Mono,monospace;font-size:1.4rem;position:absolute;top:0;left:0}.result-list strong{color:#fff}.eq-col-images{grid-template-rows:1fr 1fr;gap:3rem;height:100%;min-height:0;display:grid}.photo-frame{background:#00000080;border:2px solid;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.eq-photo{object-fit:cover;width:100%;height:100%;transition:transform .5s}.photo-frame:hover .eq-photo{transform:scale(1.05)}.photo-label{color:#fff;letter-spacing:1px;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:6px;padding:.6rem 1.5rem;font-size:1.3rem;font-weight:700;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 0 10px #00000080}.wireframe-frame{background:repeating-linear-gradient(45deg,#0003,#0003 10px,#ffffff05 10px 20px)}.wireframe-frame:before{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff1a,#0000);width:100%;height:50%;animation:4s linear infinite scanline;position:absolute;top:-100%;left:0}@keyframes scanline{0%{top:-50%}to{top:150%}}.wireframe-text{letter-spacing:2px;text-align:center;font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2}