.aurora-forecast-card{background :#ffffff;border-radius :12px;padding :24px;max-width :100%;margin :0 auto 24px;box-shadow :0 2px 8px rgba(0, 0, 0, 0.1);font-family :-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;box-sizing :border-box;}.aurora-forecast-card *{box-sizing :border-box;}.aurora-forecast-card .af-header{display :flex;justify-content :space-between;align-items :flex-start;margin-bottom :4px;}.aurora-forecast-card .af-title{font-size :24px;font-weight :700;color :#1f2937;margin :0 0 2px 0;padding :0;line-height :1.2;}.aurora-forecast-card .af-location{font-size :14px;color :#6b7280;display :block;}.aurora-forecast-card .af-badges{display :flex;flex-wrap :wrap;gap :10px;margin-bottom :16px;}.aurora-forecast-card .af-badge{display :inline-block;padding :10px 18px;border-radius :8px;font-size :15px;font-weight :600;}.aurora-forecast-card .af-graph-header{margin-top :24px;margin-bottom :16px;}.aurora-forecast-card .af-graph-title{font-size :18px;font-weight :700;color :#1f2937;margin :0 0 4px 0;}.aurora-forecast-card .af-graph-subtitle{font-size :14px;color :#6b7280;margin :0;}.aurora-forecast-card .af-graph-container{position :relative;margin-bottom :12px;padding-left :32px;padding-right :32px;}.aurora-forecast-card .af-graph-svg{width :100%;height :220px;display :block;}.aurora-forecast-card .af-time-axis{display :flex;justify-content :space-between;padding-top :8px;border-top :1px solid #e5e7eb;}.aurora-forecast-card .af-time-label{font-size :11px;color :#6b7280;text-align :center;flex :1;}.aurora-forecast-card .af-y-left{position :absolute;left :0;top :0;height :220px;width :28px;font-size :10px;color :#9ca3af;text-align :right;padding-right :4px;}.aurora-forecast-card .af-y-left span{position :absolute;line-height :1;}.aurora-forecast-card .af-y-left .cloud-0{top :-4px;}.aurora-forecast-card .af-y-left .cloud-100{top :52px;}.aurora-forecast-card .af-y-right{position :absolute;right :0;top :0;height :220px;width :28px;display :flex;flex-direction :column;font-size :10px;color :#9ca3af;padding-left :4px;}.aurora-forecast-card .af-y-right span{line-height :1;}.aurora-forecast-card .af-y-right .kp-9{position :absolute;top :76px;}.aurora-forecast-card .af-y-right .kp-6{position :absolute;top :116px;}.aurora-forecast-card .af-y-right .kp-3{position :absolute;top :156px;}.aurora-forecast-card .af-y-right .kp-0{position :absolute;top :192px;}.aurora-forecast-card .af-legend{display :flex;gap :20px;padding-top :12px;}.aurora-forecast-card .af-legend-item{display :flex;align-items :center;gap :8px;}.aurora-forecast-card .af-legend-icon{width :20px;height :14px;border-radius :2px;}.aurora-forecast-card .af-legend-cloud{background :repeating-linear-gradient(45deg, #9ca3af, #9ca3af 2px, #e5e7eb 2px, #e5e7eb 4px);border :1px solid #d1d5db;}.aurora-forecast-card .af-legend-aurora{background :linear-gradient(180deg, #7c3aed 0%, #6366f1 30%, #06b6d4 50%, #14b8a6 70%, #6b7280 100%);}.aurora-forecast-card .af-legend-text{font-size :13px;color :#6b7280;}.aurora-forecast-card .af-score-now{background :linear-gradient(135deg, #1e293b 0%, #334155 100%);border-radius :12px;padding :20px;margin-bottom :20px;color :#fff;}.aurora-forecast-card .af-score-now-header{font-size :12px;font-weight :700;letter-spacing :1.5px;color :#94a3b8;margin-bottom :12px;}.aurora-forecast-card .af-score-now-main{display :flex;align-items :baseline;gap :16px;margin-bottom :16px;}.aurora-forecast-card .af-score-now-value{font-size :48px;font-weight :800;line-height :1;}.aurora-forecast-card .af-score-now-label{font-size :20px;font-weight :600;color :#e2e8f0;}.aurora-forecast-card .af-score-summary{background :rgba(255, 255, 255, 0.08);border-radius :8px;padding :12px 16px;margin-bottom :16px;font-size :15px;line-height :1.5;color :#e2e8f0;}.aurora-forecast-card .af-score-parameters{display :grid;grid-template-columns :repeat(2, 1fr);gap :12px;margin-bottom :12px;}.aurora-forecast-card .af-param{display :flex;align-items :flex-start;gap :10px;padding :10px 12px;background :rgba(255, 255, 255, 0.1);border-radius :6px;}.aurora-forecast-card .af-param-icon{font-size :18px;flex-shrink :0;margin-top :2px;}.aurora-forecast-card .af-param-details{display :flex;flex-direction :column;gap :2px;min-width :0;}.aurora-forecast-card .af-param-label{font-size :14px;font-weight :600;color :#f1f5f9;}.aurora-forecast-card .af-param-desc{font-size :12px;color :#94a3b8;line-height :1.3;}.aurora-forecast-card .af-legend-solar{display :flex;gap :0;border-radius :2px;overflow :hidden;border :1px solid #d1d5db;}.aurora-forecast-card .af-legend-solar span{width :5px;height :14px;}.aurora-forecast-card .af-hover-line{position :absolute;top :0;width :1px;height :220px;background :#374151;pointer-events :none;opacity :0;transition :opacity 0.1s ease;z-index :10;}.aurora-forecast-card .af-graph-wrapper{position :relative;margin-left :32px;margin-right :32px;}.aurora-forecast-card .af-tooltip{position :absolute;background :#1f2937;color :#fff;padding :8px 12px;border-radius :6px;font-size :12px;pointer-events :none;opacity :0;transition :opacity 0.1s ease;z-index :20;white-space :nowrap;box-shadow :0 2px 8px rgba(0, 0, 0, 0.2);}.aurora-forecast-card .af-tooltip : :after{content :'';position :absolute;bottom :-6px;left :50%;transform :translateX(-50%);border-width :6px 6px 0 6px;border-style :solid;border-color :#1f2937 transparent transparent transparent;}.aurora-forecast-card .af-tooltip-time{font-weight :600;margin-bottom :4px;}.aurora-forecast-card .af-tooltip-row{display :flex;justify-content :space-between;gap :12px;}.aurora-forecast-card .af-tooltip-label{color :#9ca3af;}.aurora-forecast-card .af-tooltip-value{font-weight :600;}.aurora-forecast-card .af-tooltip-score-row{margin-top :4px;padding-top :4px;border-top :1px solid rgba(255, 255, 255, 0.2);}.aurora-forecast-card .af-tooltip-score{color :#22c55e;}@media (max-width :540px){.aurora-forecast-card{padding :16px;border-radius :8px;margin :0 0 16px 0;}.aurora-forecast-card .af-score-now{padding :16px;}.aurora-forecast-card .af-score-now-value{font-size :36px;}.aurora-forecast-card .af-score-parameters{grid-template-columns :1fr;}.aurora-forecast-card .af-badges{flex-direction :column;}.aurora-forecast-card .af-badge{text-align :center;}.aurora-forecast-card .af-legend{flex-direction :column;gap :8px;}}