:root{--primary-bg:#5a6b6e;--secondary-bg: #d9d9d9;--accent-orange: #b34600;--text-dark: #2c3333;--text-light: #ffffff;--sidebar-bg: #c4cfce;}.flame-icon{width:50px;height: 50px;background: var(--accent-orange);clip-path: polygon(50% 0%,80% 20%,100% 60%,70% 90%,50% 100%,30% 90%,0% 60%,20% 20%);animation: flicker 2s ease-in-out infinite;flex-shrink: 0;}@keyframes flicker{0%,100%{transform:scale(1);opacity: 1;}50%{transform:scale(1.05) translateY(-2px);opacity: 0.9;}}.logo{display:flex;align-items: center;gap: 0.25rem;font-size: 1.8rem;color: var(--text-light);font-weight: 300;line-height: 1;}.logo-burn{color:var(--accent-orange);font-weight: 600;}.logo-pro{font-weight:400;}.logo-3d{font-size:1rem;vertical-align: super;}#sidebarWrapper.collapsed{width:0!important;min-width: 0!important;overflow: hidden;}.sidebar{width:280px;min-width: 280px;background: transparent;padding: 1.5rem 1.5rem 0;overflow-y: auto;overflow-x: hidden;position: sticky;top: 0;height: calc(100vh - 56px);}.section-header{font-size:0.8rem;color: #555;margin: 1.5rem 0 0.5rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.03em;}.section-item{padding:0.6rem 0.5rem 0.6rem 2rem;cursor: pointer;transition: all 0.2s;border-left: 3px solid transparent;position: relative;color: var(--text-dark);font-size: 0.9rem;border-radius: 0 4px 4px 0;}.section-item:hover{background:rgba(0,0,0,0.05);border-left-color: var(--accent-orange);}.section-item.active{background:rgba(211,139,93,0.1);border-left-color: var(--accent-orange);font-weight: 600;}.section-item::before{content:'';position: absolute;left: 0.6rem;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: var(--text-dark);opacity: 0.3;}.section-item.completed::before{background:var(--accent-orange);opacity: 1;}.checkpoint{margin:0.75rem 0 0.75rem 1.5rem;padding: 0.4rem 0.75rem;background: rgba(211,139,93,0.15);border-radius: 4px;font-size: 0.85rem;display: flex;align-items: center;gap: 0.5rem;}.content-section{display:none;animation: fadeIn 0.4s ease;}.content-section.active{display:block;}@keyframes fadeIn{from{opacity:0;transform: translateY(16px);}to{opacity:1;transform: translateY(0);}}.video-container{background:var(--secondary-bg);border-radius: 8px;padding: 2rem;margin: 1.5rem 0;text-align: center;min-height: 360px;display: flex;flex-direction: column;justify-content: center;align-items: center;}.play-button{width:90px;height: 90px;background: rgba(0,0,0,0.6);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s;margin-bottom: 1.5rem;}.play-button:hover{background:rgba(0,0,0,0.85);transform: scale(1.1);}.play-button::after{content:'';width: 0;height: 0;border-left: 28px solid white;border-top: 18px solid transparent;border-bottom: 18px solid transparent;margin-left: 8px;}.video-hint{font-size:1.1rem;color: #666;font-style: italic;}.transcript-toggle{background:white;border: 2px solid var(--primary-bg);padding: 0.75rem 1.5rem;border-radius: 8px;cursor: pointer;width: 100%;text-align: left;font-size: 0.95rem;margin-top: 1.5rem;transition: all 0.3s;}.transcript-toggle:hover{background:var(--primary-bg);color: white;}.transcript-content{max-height:0;overflow: hidden;transition: max-height 0.5s ease;background: white;padding: 0 1.5rem;border-radius: 0 0 8px 8px;}.transcript-content.expanded{max-height:500px;padding: 1.5rem;overflow-y: auto;}.fuel-card{cursor:pointer;transition: all 0.3s;border: 2px solid transparent!important;}.fuel-card:hover{transform:translateY(-5px);border-color: var(--accent-orange)!important;box-shadow: 0 5px 15px rgba(211,139,93,0.3)!important;}.fuel-icon{font-size:2.5rem;margin-bottom: 0.5rem;display: block;}.fuel-tile-spinner{position:absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #f8f9fa;border-radius: 0.375rem;z-index: 1;}