.scene-studybar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:6px 18px;background:#f9faf5;flex:none;min-width:0}.scene-studybar[hidden]{display:none}[data-view="3d"] .stage-legend{left:auto;right:18px}.scene-study-heading{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);white-space:nowrap}.scene-studybar>div{display:flex;gap:4px;min-width:0}.scene-studybar button{border:1px solid transparent;background:transparent;border-radius:6px;font-size:11px;padding:6px 9px;white-space:nowrap}.scene-studybar button svg{width:15px;height:15px}.scene-studybar button.active{color:#f7faf4;background:#365c50;border-color:#365c50}.scene-studybar button:focus-visible,.scene-season-cards button:focus-visible{outline:2px solid #a47638;outline-offset:2px}.scene-field-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 14px}.scene-field-buttons button{font-size:11px;min-height:42px;padding:7px}.scene-field-buttons button.active{background:#e9eedb;border-color:#879e73}.scene-field-buttons~.help-text{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}.scene-study-legend{width:256px;padding:13px 15px;border:1px solid #dce2d3;border-radius:12px;background:#fcfdf8ee;box-shadow:0 5px 25px #264c3b0c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#365349;pointer-events:auto;text-shadow:none}.scene-study-legend>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.scene-study-legend b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.scene-study-legend p{font-size:10px;margin:6px 0 12px;color:#718478}.scene-study-legend small{display:block;font-size:9px;line-height:1.5;color:#6b7d72;margin-top:9px}.scene-study-legend button{font-size:10px;margin-top:10px;width:100%;padding:6px}.scene-study-ramp{height:6px;border-radius:4px}.scene-study-ramp.solar{background:linear-gradient(90deg,#456781,#8fb8ad,#f2cf75)}.scene-study-ramp.wind{background:linear-gradient(90deg,#3b778e,#6ba9ae,#accec0,#e4d8a1,#dcaa70,#bb704f)}.scene-ramp-labels{display:flex;justify-content:space-between;gap:5px;font-size:9px;margin-top:5px}.scene-season-caption{display:flex;gap:10px;align-items:center;background:#fcfdf6ee;border:1px solid #d7dfcf;border-radius:12px;padding:12px 17px;box-shadow:0 5px 25px #264c3b0c;color:#365349}.scene-season-caption strong{display:block;font-family:Georgia,serif;font-size:21px;font-weight:400}.scene-season-caption small{font-size:10px}.season-lead{font-size:13px;line-height:1.7;color:var(--muted);margin:3px 0 17px}.scene-season-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.season-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:15px 13px;gap:9px;border-radius:12px;min-height:146px;background:linear-gradient(135deg,#fafbf5,#edf1e5)}.season-card.summer{background:linear-gradient(135deg,#f3f7eb,#e1eadb)}.season-card.autumn{background:linear-gradient(135deg,#fcf5e8,#f0e1c8)}.season-card.winter{background:linear-gradient(135deg,#f8faf9,#e6edeb)}.season-card.active{border-color:#58775e;box-shadow:inset 0 0 0 1px #58775e}.season-card strong{font-size:15px;font-family:Georgia,serif;font-weight:400}.season-card small{font-size:10px;line-height:1.5;color:#68776a}.season-symbol{display:inline-flex;align-items:center;justify-content:center;background:#cddbb17a;border-radius:50%;width:37px;height:37px;flex-shrink:0;color:#52774b}.summer .season-symbol{background:#99b58c55;color:#416b43}.autumn .season-symbol{background:#deb76855;color:#a56b35}.winter .season-symbol{background:#b5c7c955;color:#5e777e}.scene-season-actions{display:flex;gap:7px;margin:16px 0}.scene-season-actions button{font-size:11px;flex:1}.scene-season-note{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;font-size:11px;line-height:1.65;color:var(--muted)}.scene-season-note strong{color:var(--ink);font-weight:500}.scene-season-note p{margin:8px 0}.study-time-context{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);min-width:60px;text-align:right}.scene-season-ticks button{font-size:10px;white-space:nowrap}.scene-season-ticks button:first-child,.scene-season-ticks button:last-child{transform:translate(-50%)}.scene-season-range input[type=range]{appearance:none;-webkit-appearance:none;height:6px;background:linear-gradient(90deg,#bfd392 0 25%,#6e9c6a 25% 50%,#d9a56d 50% 75%,#c9d6d3 75% 100%);border-radius:6px;cursor:pointer;margin-bottom:10px}.scene-season-range input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:3px solid #fffff8;border-radius:50%;background:#567956;box-shadow:0 0 0 1px #8da981}.scene-season-range input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid #fffff8;border-radius:50%;background:#567956;box-shadow:0 0 0 1px #8da981}@media(max-width:1200px){.scene-study-heading{display:none}.scene-studybar{padding:5px 12px}.scene-studybar>div{flex:1;justify-content:space-between}}@media(max-width:600px){.scene-studybar{padding:4px 8px}.scene-studybar button{font-size:10px;padding:6px;gap:4px}.scene-studybar button svg{width:13px;height:13px}.scene-study-legend{width:204px;padding:10px 12px}.scene-study-legend>div:first-child{font-size:10px}.scene-study-legend b{font-size:13px}.study-time-context{display:none}.scene-season-ticks button{font-size:9px}.scene-season-caption{padding:9px 12px}.scene-season-caption strong{font-size:17px}}@media(max-width:600px){[data-view="3d"] .stage-legend{bottom:48px;right:12px}}@media(max-width:600px){.scene-studybar>div{width:100%}.scene-studybar button{flex:1;min-width:0;flex-direction:column;gap:3px}.scene-studybar button span{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.timeline:has(#scene-season-phase),.timeline:has(#scene-sun-time){grid-template-columns:1fr;gap:5px;padding:8px 12px 10px}.timeline:has([data-study-caption]) .time-title>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.timeline:has([data-study-caption]) .time-control{min-width:0;width:100%}}
