:root{--glass-bg: rgba(16, 24, 40, .6);--glass-border: 1px solid rgba(255, 255, 255, .1);--text-main: #f8fafc;--brand-blue: #0ea5e9;--brand-pink: #ec4899;--brand-purple: #8b5cf6}body{background:linear-gradient(135deg,#020617,#1e293b);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;overflow:hidden}.main-scroll-area{position:fixed;top:100px;bottom:80px;left:0;width:100%;overflow-y:auto;z-index:10;padding-top:20px;padding-bottom:20px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-header{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0009;z-index:100!important}.glass-dropdown{background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0009}.needs-padding-top{padding-top:120px!important}.glass-footer{background:#0f172ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 30px #0009;z-index:100!important}.roster-item{transition:all .3s ease;overflow:hidden}.roster-details{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.roster-item.expanded .roster-details{max-height:800px;opacity:1;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.timeline-event-row{font-size:.7rem;margin-bottom:6px;display:flex;align-items:center}.timeline-time{width:40px;opacity:.5;font-family:monospace;flex-shrink:0}#main-display>div{transition:height .3s ease}.relative-z{position:relative;z-index:10}.z-20{z-index:20}.fw-light{font-weight:300!important}.ls-1{letter-spacing:1px}canvas{display:block}.persona-img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.1);object-fit:cover;transition:all .3s ease}#comm-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.fade-text{transition:opacity .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-dropdown .dropdown-item{color:#ffffffe6}.glass-dropdown .dropdown-item:hover,.glass-dropdown .dropdown-item:focus{background-color:#ffffff1a;color:#fff;cursor:pointer}.glass-dropdown .dropdown-divider{border-top:1px solid rgba(255,255,255,.15)}.slider-dots-container{position:absolute;top:50%;left:80px;right:80px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:100!important}.dot{width:6px;height:6px;background-color:#999!important;border-radius:50%;box-shadow:0 0 2px #00000080}.z-10{z-index:10;position:relative}#implementationView{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95vw;height:95vh;z-index:2000;overflow-y:auto;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px;padding:40px!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.active-cycle{background:#ffffff1a!important;border-left:4px solid currentColor}.shadow-danger{box-shadow:0 0 10px #dc35454d}.shadow-warning{box-shadow:0 0 10px #ffc1074d}.shadow-info{box-shadow:0 0 10px #0dcaf04d}.shadow-success{box-shadow:0 0 10px #1987544d}.bg-emerald-900{background-color:#064e3b}.fade-in{animation:fadeIn .4s ease-out}html{font-size:17px!important;line-height:1.5}body{font-size:1rem}.small,small,.text-small{font-size:.95rem!important}.x-small{font-size:.85rem!important}.timeline-event-row{font-size:.95rem!important;margin-bottom:6px!important}.timeline-time{font-size:.95rem!important;font-weight:700!important;opacity:1!important;width:60px!important}.opacity-50,.opacity-75,.text-muted,.text-white-50{opacity:1!important;color:#fffffff2!important}#side-cycle-detail,#side-tech-detail,#implementation-list-container{font-size:1rem!important;line-height:1.6!important}#sidePanelTabs .nav-link{font-size:.9rem!important;font-weight:700!important;opacity:1!important;color:#fff!important}#sidePanelTabs .nav-link:not(.active){background:#ffffff1a!important;border-bottom:2px solid transparent!important}.btn{font-size:1rem!important;font-weight:600!important}.badge{font-size:.8rem!important;padding:.4em .7em!important}