.day-separator{background:linear-gradient(135deg,#0a3060 0%,#1a6fae 100%);color:#fff;padding:8px 14px;margin-top:14px;text-align:center;font-weight:800;border-radius:10px 10px 0 0;font-size:0.95em;letter-spacing:0.02em;box-shadow:0 2px 8px rgba(0,0,0,0.10);cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;gap:8px;}.day-separator::after{content:'📷';font-size:0.8em;opacity:0.55;margin-left:6px;}.day-separator.session-chart-sep::after{content:none;}.day-separator:active{opacity:0.85;}.day-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:5px 10px;background:#edf2f8;color:#2c3e50;font-size:0.82em;font-weight:700;min-height:28px;letter-spacing:0.01em;opacity:0.85;transition:opacity 0.2s,background 0.15s;border-left:1px solid #dce3eb;border-right:1px solid #dce3eb;cursor:pointer;user-select:none;}.day-banner:hover{background:#e2eaf4;}.day-banner.has-data{opacity:1;}.day-block{display:flex;border:1px solid rgba(200,215,230,0.6);border-radius:0 0 12px 12px;margin-top:0;overflow:hidden;background:rgba(255,255,255,0.85);box-shadow:0 2px 8px rgba(0,40,80,0.06);width:100%;}.y-axis{display:none;width:0;flex:0 0 0;}.y-axis .unit{font-size:10px;font-weight:800;color:#7a8a9a;text-align:center;padding:5px 0 2px;flex-shrink:0;text-transform:uppercase;letter-spacing:0.05em;}.y-axis .ticks{position:relative;flex:1;width:100%;display:block;font-size:11px;color:#6a8aaa;font-weight:700;}.day-scroll{flex:1 1 auto;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:thin;scrollbar-color:rgba(52,152,219,0.25) transparent;}.day-scroll::-webkit-scrollbar{height:3px;}.day-scroll::-webkit-scrollbar-track{background:transparent;}.day-scroll::-webkit-scrollbar-thumb{background:rgba(52,152,219,0.25);border-radius:2px;}.day-scroll-inner{padding:0 8px;}.chart-wrapper{position:relative;height:160px;margin-bottom:0;border-radius:0;overflow:hidden;transition:height 0.3s ease;}.wind-bg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;}.chart-wrapper canvas.chart{position:relative;z-index:1;display:block;}.weather-row{display:flex;background:#f4f6f9;border-radius:8px;padding:5px 0;margin-top:5px;}.time-row{display:flex;padding:5px 0 2px;}.direction-item,.time-item{text-align:center;flex-shrink:0;padding:3px 2px;}.weather-item{text-align:center;flex-shrink:0;padding:3px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;}.weather-icon{font-size:1.3em;line-height:1;}.temp-label{font-size:0.75em;font-weight:700;color:#6a8aaa;line-height:1;}.arrow{font-size:1.12em;line-height:1;color:#e06622;}.degree{font-size:0.64em;color:#7f8c9a;line-height:1.1;}.cardinal{font-size:0.7em;font-weight:800;color:#5a7a9a;margin-top:2px;line-height:1;}.time-label{font-size:0.72em;font-weight:700;color:#6a8aaa;}.wave-axis{display:none;}.wave-ticks{position:relative;width:100%;height:100%;display:block;}.banner-time{color:rgba(0,0,0,0.6);font-weight:700;}.banner-wind{color:#1a252f;font-weight:800;}.banner-gust{color:#1a252f;font-weight:800;}.banner-wave{color:#1a252f;font-weight:800;}.banner-scores{color:#2c3e50;}.day-separator.good-day{background:linear-gradient(135deg,#e67e22,#f39c12);box-shadow:0 3px 12px rgba(243,156,18,0.35);}.day-separator.good-day::after{content:' ⭐ Good Day!';font-size:0.88em;}.time-item.night-hour .time-label{color:#a0b0c0;}.time-item.night-hour{background:rgba(0,0,0,0.03);border-radius:4px;}.wind-chart-icon{width:32px;height:32px;border-radius:50%;display:block;margin:0 auto;object-fit:cover;}.wind-banner-icon{width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:2px;object-fit:cover;}@media screen and (orientation:landscape) and (max-width:1024px){.day-block{border-radius:0 0 8px 8px;}.container{border-radius:8px;}}body.landscape-mobile .header,body.landscape-mobile .topbar,body.landscape-mobile .managebar{display:none !important;}body.landscape-mobile .day-banner{padding:4px 12px;min-height:0;font-size:1.1em;gap:16px;font-weight:700;letter-spacing:0.02em;}body.landscape-mobile{padding:4px;}body.landscape-mobile .day-separator{padding:2px 8px;margin-top:4px;font-size:0.72em;border-radius:6px 6px 0 0;}body.landscape-mobile .weather-row{padding:0;margin-top:1px;border-radius:4px;}body.landscape-mobile .weather-item{padding:0 1px;gap:0;flex-direction:row;justify-content:center;}body.landscape-mobile .weather-icon{font-size:0.70em;line-height:1;}body.landscape-mobile .temp-label{font-size:0.52em;margin-left:2px;}body.landscape-mobile .time-row{padding:1px 0 1px;}body.landscape-mobile .time-label{font-size:0.6em;}body.landscape-mobile .arrow{font-size:0.85em;}body.landscape-mobile .cardinal{font-size:0.55em;}body.landscape-mobile .chart-wrapper{margin-bottom:1px;}body.landscape-mobile .y-axis .unit{display:none;}body.landscape-mobile .y-axis{display:none;width:0;flex:0 0 0;}body.landscape-mobile .wave-axis{width:18px;flex:0 0 18px;}body.landscape-mobile .day-scroll{overflow-x:hidden;}body.landscape-mobile .day-scroll-inner{padding:0 2px;}body.landscape-mobile .chart-container{padding:4px;}