.timeline-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,rgba(255,215,0,.1),rgba(255,215,0,.2));border-radius:3px;outline:none;cursor:pointer;transition:all .2s ease}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:radial-gradient(circle,#FFD700,#B8860B);border:2px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(255,215,0,.5);-webkit-transition:all .2s ease;transition:all .2s ease}.timeline-slider::-moz-range-thumb{width:20px;height:20px;background:radial-gradient(circle,#FFD700,#B8860B);border:2px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(255,215,0,.5);-moz-transition:all .2s ease;transition:all .2s ease}.timeline-slider:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 20px rgba(255,215,0,.8)}.timeline-slider:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 0 20px rgba(255,215,0,.8)}.timeline-slider:active::-webkit-slider-thumb{animation:thumbBounce .3s ease-out}.timeline-slider:active::-moz-range-thumb{animation:thumbBounce .3s ease-out}@keyframes thumbBounce{0%{transform:scale(1.2)}40%{transform:scale(.9)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1.1)}}.timeline-slider::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(90deg,transparent 0,rgba(255,215,0,.1) 10%,rgba(255,215,0,.2) 50%,rgba(255,215,0,.1) 90%,transparent);border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.timeline-slider::-moz-range-track{width:100%;height:6px;background:linear-gradient(90deg,transparent 0,rgba(255,215,0,.1) 10%,rgba(255,215,0,.2) 50%,rgba(255,215,0,.1) 90%,transparent);border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.timeline-slider::-webkit-progress-value{background:linear-gradient(90deg,#FFD700,#FFA500);border-radius:3px}.timeline-slider::-moz-range-progress{background:linear-gradient(90deg,#FFD700,#FFA500);border-radius:3px;height:6px}@keyframes pulse{0%{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.1)}to{opacity:1;transform:translateY(-50%) scale(1)}}.badge-shimmer{position:relative;overflow:hidden}.badge-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),rgba(255,215,0,.3),rgba(255,215,0,.15),transparent);transition:left 1.2s ease;pointer-events:none;z-index:1}.badge-shimmer:hover:before{left:100%}.year-badge-shimmer{position:relative;overflow:hidden;transition:all .2s ease}.year-badge-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),rgba(255,215,0,.2),rgba(255,215,0,.1),transparent);transition:left 1s ease;pointer-events:none}.year-badge-shimmer:hover:before{left:100%}.year-badge-shimmer:hover{transform:scale(1.03);border-color:rgba(255,215,0,.3)!important}.month-badge-shimmer{position:relative;overflow:hidden;transition:all .2s ease}.month-badge-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),rgba(255,255,255,.1),rgba(255,255,255,.05),transparent);transition:left 1s ease;pointer-events:none}.month-badge-shimmer:hover:before{left:100%}.month-badge-shimmer:hover{background:rgba(20,20,20,.8)!important;transform:translateY(-1px)}.pinnacle-badge-shimmer{position:relative;overflow:hidden;transition:all .2s ease}.pinnacle-badge-shimmer:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),rgba(255,215,0,.15),rgba(255,215,0,.08),transparent);transition:left 1.5s ease;pointer-events:none}.pinnacle-badge-shimmer:hover:before{left:150%}.pinnacle-badge-shimmer:hover{border-color:rgba(255,215,0,.4)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)}.day-badge-shimmer{position:relative;overflow:hidden;transition:all .2s ease}.day-badge-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03),transparent);transition:left .8s ease;pointer-events:none}.day-badge-shimmer:hover:before{left:100%}.day-badge-shimmer:hover{background:rgba(15,15,15,.9)!important;transform:translateY(-1px);border-color:rgba(255,215,0,.4)!important;box-shadow:0 2px 8px rgba(255,215,0,.1)}@media (max-width:768px){.day-badge-shimmer{min-height:50px;padding:6px 3px}.day-badge-shimmer div:first-child{font-size:8px!important}.day-badge-shimmer div:last-child{font-size:14px!important}}.cycle-details-dropdown{margin-top:15px;background:linear-gradient(135deg,rgba(10,10,10,.95),rgba(20,20,20,.95));border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:20px;animation:slideDown .3s ease-out;box-shadow:0 8px 24px rgba(0,0,0,.4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cycle-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,215,0,.1)}.cycle-details-title{font-size:16px;font-weight:700;letter-spacing:.5px;gap:8px}.cycle-details-close,.cycle-details-title{color:#FFD700;display:flex;align-items:center}.cycle-details-close{background:transparent;border:1px solid rgba(255,215,0,.3);width:28px;height:28px;border-radius:4px;cursor:pointer;justify-content:center;font-size:18px;transition:all .2s ease}.cycle-details-close:hover{background:rgba(255,215,0,.1);border-color:#FFD700;transform:scale(1.1)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.detail-badge{background:rgba(10,10,10,.8);border:1px solid rgba(255,215,0,.15);border-radius:6px;padding:16px;transition:all .3s ease;cursor:default}.detail-badge:hover{background:rgba(0,0,0,.9);border-color:rgba(255,215,0,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.1)}.badge-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.1)}.badge-icon{font-size:18px}.badge-title{font-size:11px;font-weight:600;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px}.badge-content{font-size:13px;line-height:1.6;color:rgba(255,255,255,.8)}.badge-list{list-style:none;padding:0;margin:0}.badge-list li{padding:6px 0 6px 16px;position:relative;color:rgba(255,255,255,.8)}.badge-list li:before{content:"→";position:absolute;left:0;color:#FFD700;opacity:.6}.badge-focus{border-color:rgba(78,205,196,.3)}.badge-focus:hover{border-color:rgba(78,205,196,.5);box-shadow:0 4px 12px rgba(78,205,196,.1)}.badge-actions{border-color:rgba(150,206,180,.3)}.badge-actions:hover{border-color:rgba(150,206,180,.5);box-shadow:0 4px 12px rgba(150,206,180,.1)}.badge-avoid{border-color:rgba(255,107,107,.3)}.badge-avoid:hover{border-color:rgba(255,107,107,.5);box-shadow:0 4px 12px rgba(255,107,107,.1)}.badge-avoid .badge-list li{color:rgba(255,150,150,.9)}.badge-period{border-color:rgba(162,155,254,.3)}.badge-period:hover{border-color:rgba(162,155,254,.5);box-shadow:0 4px 12px rgba(162,155,254,.1)}.badge-personal{border-color:rgba(255,215,0,.3)}.badge-personal:hover{border-color:rgba(255,215,0,.5);box-shadow:0 4px 12px rgba(255,215,0,.1)}.badge-universal{border-color:rgba(155,89,182,.3)}.badge-universal:hover{border-color:rgba(155,89,182,.5);box-shadow:0 4px 12px rgba(155,89,182,.1)}.energy-value{font-size:32px;font-weight:700;margin:12px 0;text-align:center}.energy-description{font-size:12px;color:rgba(255,255,255,.6);text-align:center;margin-top:8px}@media (max-width:768px){.badge-grid{grid-template-columns:1fr}}