body{background-color:#0a0a0a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;min-height:100vh}.sidebar{background-color:#0a0a0a;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:width .3s ease;width:260px;z-index:999}.sidebar.collapsed{width:70px}.sidebar-toggle{align-items:center;background-color:#0f0f0f;border:1px solid #333;border-radius:50%;box-shadow:0 2px 8px #00000080;color:#999;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;position:absolute;right:-15px;top:24px;transition:all .2s;width:30px;z-index:1001}.sidebar-toggle:hover{background-color:#1a1a1a;border-color:#666;color:#fff}.sidebar-header{border-bottom:1px solid #1a1a1a;padding:2rem 1.5rem}.sidebar-brand{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;text-decoration:none;transition:opacity .2s}.sidebar-brand:hover{opacity:.8}.brand-logo{flex-shrink:0;font-size:1.5rem}.brand-logo-img{flex-shrink:0;height:32px;width:auto}.sidebar.collapsed .brand-text{display:none}.sidebar-nav{flex:1 1;padding:1rem 0}.nav-section{margin-bottom:1rem}.nav-section-title{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1.5rem .5rem;text-transform:uppercase}.sidebar.collapsed .nav-section-title{display:none}.nav-divider{background-color:#1a1a1a;height:1px;margin:1rem 1.5rem}.sidebar.collapsed .nav-divider{margin:1rem}.nav-item{align-items:center;border-left:3px solid #0000;color:#999;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{border-left-color:#333}.nav-item.active,.nav-item:hover{background-color:#0f0f0f;color:#fff}.nav-item.active{border-left-color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;width:20px}.nav-icon svg{display:block}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem 1rem}.sidebar.collapsed .nav-text{display:none}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;transition:margin-left .3s ease;width:calc(100% - 260px)}.main-content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px)}.page-header{background-color:#0a0a0a;border-bottom:1px solid #1a1a1a;padding:3rem 3rem 2.5rem}.header-content{width:100%}.page-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.page-subtitle{color:#999;font-size:1.125rem;font-weight:400;margin:0}.container{flex:1 1;padding:0;width:100%}.container,.overview-section{display:flex;flex-direction:column}.overview-section{align-items:center;background-color:#000;flex-shrink:0;margin-bottom:0;min-height:240px;padding:3rem 0}.overview-section>.hero-stats{margin-bottom:3rem}.overview-section>.hero-stats,.overview-section>.timeline-section{box-sizing:border-box;max-width:1400px;padding:0 3rem;width:100%}.categories-section{background-color:#0a0a0a;flex-shrink:0;margin-bottom:0;min-height:180px;padding:3rem 0}.categories-section>*{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:3rem;padding-right:3rem}.experiments-section{background-color:#000;margin-bottom:0;min-height:400px;padding:3rem 0}.experiments-section>*{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:3rem;padding-right:3rem}.section-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem;width:100%}.hero-stat-card{background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:8px;padding:2.5rem 2rem;text-align:center;transition:all .2s}.hero-stat-card:hover{border-color:#333;transform:translateY(-2px)}.hero-stat-value{color:#fff;font-size:3.5rem;font-weight:700;line-height:1;margin:0 0 .75rem}.hero-stat-label{color:#999;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin:0 0 .5rem;text-transform:uppercase}.hero-stat-date{color:#666;font-size:.75rem;margin:0}.timeline-section{box-sizing:border-box;padding:2rem;width:100%}.timeline-section,.timeline-stat-card{background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:8px}.timeline-stat-card{flex:1 1;min-width:0;padding:1.5rem 2rem}.timeline-title{color:#fff;font-size:1.125rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.chart-container{width:100%}.category-boxes{display:flex;flex-wrap:wrap;gap:1rem}.category-box{align-items:center;background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:180px;padding:1.5rem 2rem;text-align:center;transition:all .2s}.category-box:hover{border-color:#333;transform:translateY(-2px)}.category-box.active{background-color:#1a1a1a;border-color:#fff}.category-box-name{color:#fff;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.category-box-count{color:#999;display:block;font-size:1.5rem;font-weight:700}.category-box.active .category-box-count{color:#fff}.experiments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.experiment-card{background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:8px;color:inherit;cursor:pointer;display:block;padding:1.5rem;text-decoration:none;transition:all .2s}.experiment-card:hover{border-color:#333;transform:translateY(-2px)}.experiment-header-card{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.experiment-title{color:#fff;flex:1 1;font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0}.experiment-date{color:#666;font-size:.75rem;font-weight:500;white-space:nowrap}.experiment-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1rem;overflow:hidden}.experiment-meta{border-top:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem}.meta-link{align-items:center;background-color:#1a1a1a;border-radius:4px;color:#ccc;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;text-decoration:none;transition:all .2s}.meta-link:hover{background-color:#2a2a2a;color:#fff}.meta-badge{align-items:center;border-radius:4px;color:#666;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.footer,.meta-badge{background-color:#0a0a0a}.footer{border-top:1px solid #1a1a1a;margin-top:auto;padding:2.5rem 0;width:100%}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;max-width:100%;padding:0 3rem}.footer-content p{color:#999;font-size:.875rem;margin:0}.footer-links{align-items:center;display:flex;font-size:.875rem;gap:1rem}.footer-links a{color:#999;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-links span{color:#666}.experiment-header{background-color:#0a0a0a;border-bottom:1px solid #1a1a1a;margin-bottom:0;padding:3rem 3rem 2.5rem}.experiment-category-label{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.experiment-title-main{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem}.experiment-description-main{color:#999;font-size:1.125rem;line-height:1.6;margin:0 0 1.5rem}.experiment-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.exp-link{align-items:center;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.exp-link:hover{background-color:#2a2a2a;border-color:#3a3a3a}.panels-section{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:2rem 0}.panels-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1100px;padding:0 3rem;width:100%}.panel-card{background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:12px;box-shadow:0 2px 8px #0000004d;height:-webkit-fit-content;height:fit-content;padding:1.25rem;transition:all .3s ease}.panel-card:hover{border-color:#444;box-shadow:0 8px 24px #00000080;transform:translateY(-4px)}.panel-title{border-bottom:1px solid #1a1a1a;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin:0 0 .875rem;padding-bottom:.75rem;text-transform:uppercase}.panel-error{background-color:#1a0000;border:1px solid #600;border-radius:4px;color:#f66;padding:2rem;text-align:center}.back-button{align-items:center;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.back-button:hover{background-color:#2a2a2a;border-color:#3a3a3a}.loading{color:#666;font-size:1.125rem;padding:4rem 2rem;text-align:center}.error{background-color:#2a0a0a;border:1px solid #4a1a1a;border-radius:8px;color:#ff6b6b;margin:2rem 0;padding:1rem 1.5rem}@media (max-width:1200px){.hero-stats,.hero-stats-timeline{gap:1rem;grid-template-columns:1fr}.category-boxes{flex-direction:column}.category-box{width:100%}.experiments-grid,.panels-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:70px}.sidebar .brand-text,.sidebar .nav-section-title,.sidebar .nav-text{display:none}.main-content{margin-left:70px;width:calc(100% - 70px)}.container,.footer,.page-header{padding:2rem 1.5rem}.footer-content{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.55360ff3.css.map*/