.energy-museum{background:radial-gradient(ellipse at 48% 45%,var(--glow),var(--background) 70%);height:100svh;min-height:660px;overflow:hidden}.energy-museum .masthead{z-index:20;background:0 0;height:100px}.energy-museum .masthead nav a{align-items:center;gap:10px;font-size:13px;display:flex}.energy-canvas{touch-action:none;cursor:default;position:fixed;inset:0}.energy-layout{z-index:5;pointer-events:none;height:calc(100svh - 100px);margin:0 3%;position:relative}.energy-index,.energy-inspector,.energy-top-tools{pointer-events:auto;position:absolute;top:26px}.energy-index{width:210px;left:0}.energy-index h1{margin:0 0 22px;font-size:clamp(38px,3.6vw,60px);line-height:.98}.energy-index .eyebrow{margin:0 0 18px;font-size:11px}.energy-part-list{flex-direction:column;gap:0;display:flex}.energy-part-list button{text-align:left;color:var(--muted-foreground);cursor:default;background:0 0;border:0;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.energy-part-list button>span{min-width:20px;font:11px monospace}.energy-part-list button>svg{opacity:0;margin-left:auto}.energy-part-list button[aria-pressed=true]{color:var(--foreground);font-style:italic}.energy-part-list button[aria-pressed=true]>svg{opacity:1}.energy-separation,.energy-finish{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:16px;padding-top:14px;font-size:13px}.energy-separation label,.energy-finish>span{justify-content:space-between;margin-bottom:15px;display:flex}.energy-separation [data-slot=slider]{width:100%}.energy-finish small{font-size:12px}.energy-swatches{display:flex;gap:17px!important}.energy-swatches [data-slot=radio-group-item]{border:1px solid var(--border);cursor:default;border-radius:50%;width:25px;height:25px}.energy-swatches [data-slot=radio-group-item][data-state=checked]{outline:1px solid var(--foreground);outline-offset:5px}.energy-swatches [data-slot=radio-group-indicator]{display:none}.energy-inspector{border-top:1px solid var(--border);width:270px;max-height:none;padding-top:15px;right:0;overflow:visible}.energy-inspector .eyebrow{letter-spacing:.06em;color:var(--primary);margin:0 0 16px;font-size:11px}.energy-inspector h2{letter-spacing:-.025em;margin:0 0 20px;font:400 clamp(30px,3vw,46px)/1.05 Instrument Serif,Georgia,serif}.energy-inspector [data-slot=tabs-list]{border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:12px;width:100%;height:34px;padding:0;display:flex}.energy-inspector [data-slot=tabs-trigger]{border-radius:0;padding:4px 0;font-size:12px;box-shadow:none!important;background:0 0!important}.energy-inspector [data-slot=tabs-trigger][data-state=active]{border-bottom:2px solid var(--primary)}.energy-inspector [data-slot=tabs-trigger]:after{display:none}.energy-intro{color:var(--muted-foreground);margin:20px 0;font-size:16px;line-height:1.55}.energy-points{gap:14px;margin:0;padding:0;list-style:none;display:grid}.energy-points li{color:var(--muted-foreground);gap:10px;font-size:14px;line-height:1.5;display:flex}.energy-points svg{flex-shrink:0;margin-top:4px}.energy-fact{border-block:1px solid var(--border);color:var(--primary);margin:18px 0;padding:14px 0;font:12px/1.6 monospace}.energy-note{color:var(--muted-foreground);margin:18px 0;font-size:13px;line-height:1.6}.energy-winding{margin:18px 0}.energy-winding>div:first-child{justify-content:space-between;font-size:12px;display:flex}.energy-winding strong{font-variant-numeric:tabular-nums;font-weight:400}.energy-winding progress{appearance:none;background:var(--border);border:0;width:100%;height:3px;margin:10px 0 15px}.energy-winding progress::-webkit-progress-bar{background:var(--border)}.energy-winding progress::-webkit-progress-value{background:var(--primary)}.energy-winding progress::-moz-progress-bar{background:var(--primary)}.energy-winding>p{color:var(--muted-foreground);font-size:11px;line-height:1.5}.energy-wind-buttons{gap:7px;display:flex}.energy-wind-buttons button,.energy-top-tools button{background:var(--panel);border:1px solid var(--border);cursor:default;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:12px;display:flex}.energy-wind-buttons button:first-child{flex:1}.energy-museum button:disabled{opacity:.4}.energy-guide{border:0;border-top:1px solid var(--border);cursor:default;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:13px 0;font-size:13px;display:flex}.energy-guide-steps{justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.energy-guide-steps button{cursor:default;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:12px;display:flex}.energy-source{border-bottom:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:13px;line-height:1.5;display:flex}.energy-source svg{flex-shrink:0}.energy-top-tools{justify-content:center;gap:8px;display:flex;top:18px;left:240px;right:300px}.energy-top-tools button{min-width:130px;min-height:42px}.energy-bottom{z-index:15;text-align:center;pointer-events:none;position:fixed;bottom:55px;left:270px;right:330px}.energy-gesture-hint{color:var(--muted-foreground);margin:0 0 10px;font-size:11px}.energy-playback{background:var(--panel);border:1px solid var(--border);pointer-events:auto;align-items:center;gap:5px;padding:7px;display:inline-flex}.energy-playback button{cursor:default;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:5px 10px;font-size:13px;display:flex}.energy-speeds{border-inline:1px solid var(--border);padding-inline:4px;display:flex}.energy-speeds button{min-width:40px;padding:5px}.energy-speeds button[aria-pressed=true]{background:var(--accent);box-shadow:inset 0 -2px var(--primary)}.train-preview{pointer-events:auto;color:var(--muted-foreground);cursor:default;background:0 0;border:0;align-items:center;gap:8px;margin:8px auto 0;padding:3px;font-size:11px;display:flex}.train-preview[aria-pressed=true]{color:var(--foreground)}.energy-preview-note{color:var(--muted-foreground);margin:4px 0 0;font-size:10px;line-height:1.4}.energy-footer{z-index:10;color:var(--muted-foreground);pointer-events:none;justify-content:space-between;font:10px monospace;display:flex;position:fixed;bottom:18px;left:3%;right:3%}.energy-footer a{pointer-events:auto}.energy-part-label{white-space:nowrap;background:var(--panel);border:1px solid var(--border);color:var(--foreground);padding:8px 12px;font-size:12px}@media (min-width:900px) and (max-height:800px){.energy-index h1{margin-bottom:16px;font-size:40px}.energy-index .eyebrow{margin-bottom:9px}.energy-part-list button{padding:7px 0}.energy-inspector h2{margin-bottom:14px;font-size:34px}.energy-intro{margin:14px 0;font-size:14px;line-height:1.5}.energy-points li{font-size:13px}.energy-points{gap:10px}.energy-fact{margin:12px 0;padding:10px 0}.energy-separation,.energy-finish{margin-top:12px;padding-top:11px}.energy-note,.energy-winding{margin:12px 0}}@media (max-width:899px){.energy-museum{height:auto;min-height:100svh;overflow:visible}.energy-museum .masthead{gap:16px;height:80px}.energy-museum .museum-label{display:none}.energy-museum .wordmark{width:120px}.energy-museum .masthead nav a{font-size:11px}.energy-canvas{z-index:1;width:100%;height:46svh;min-height:300px;position:relative;inset:auto}.energy-layout{flex-direction:column;height:auto;margin:0 6%;display:flex}.energy-index,.energy-inspector{pointer-events:auto;width:auto;position:static}.energy-index h1{margin-top:22px;font-size:42px}.energy-index .eyebrow{margin-bottom:12px}.energy-part-list{grid-template-columns:1fr 1fr;gap:3px 20px;display:grid}.energy-separation,.energy-finish{max-width:none}.energy-top-tools{order:-1;margin:12px 0;position:relative;top:auto;left:auto;right:auto}.energy-inspector{margin:24px 0}.energy-bottom{margin:16px 10px 30px;position:relative;bottom:auto;left:auto;right:auto}.energy-footer{gap:20px;margin:20px 6%;font-size:9px;position:relative;inset:auto}.energy-gesture-hint{font-size:12px}.energy-playback{gap:0;padding:4px}.energy-playback button{padding:4px 7px}.energy-playback button>span:not(.speed-fraction){display:none}.energy-speeds button{min-width:37px}.energy-points li{font-size:14px}}.energy-preview-note{margin-top:4px;position:absolute;top:100%;left:0;right:0}@media (max-width:899px){.energy-preview-note{position:static}}.energy-crown-label{white-space:nowrap;background:var(--panel);color:var(--foreground);border:1px solid var(--border);cursor:default;padding:7px 10px;font-size:12px}.energy-wind-path{border-block:1px solid var(--border);gap:10px;margin:14px 0;padding:12px 0;list-style:none;display:grid}.energy-wind-path li{color:var(--muted-foreground);align-items:baseline;gap:12px;font-size:13px;line-height:1.5;display:flex}.energy-wind-path li span{font-variant-numeric:tabular-nums;color:var(--primary);flex:0 0 22px;font:11px/1.5 monospace}.energy-return-wind{color:var(--primary);cursor:default;background:0 0;border:0;align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.crown-instruction{color:var(--foreground);flex-direction:column;align-items:center;gap:6px;display:flex}.crown-hand{opacity:.8;transform-origin:55% 70%;width:44px;height:38px}.crown-instruction[data-winding=true]:not([data-reduced=true]) .crown-hand{animation:1.25s ease-in-out infinite crown-roll}.crown-instruction small{white-space:nowrap;color:var(--muted-foreground);font-size:10px}@keyframes crown-roll{0%,to{transform:rotate(-12deg)translateY(1px)}55%{transform:rotate(12deg)translateY(-2px)}}.energy-motion-help{border-top:1px solid var(--border);margin-bottom:12px;padding-top:10px}.energy-motion-help p{color:var(--muted-foreground);margin:0 0 10px;font-size:12px;line-height:1.5}.energy-motion-help button{background:var(--panel);border:1px solid var(--border);cursor:default;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:12px;display:flex}.energy-motion-help small{color:var(--muted-foreground);margin-top:6px;font-size:11px;display:block}.energy-rates>div,.energy-rates p{justify-content:space-between;gap:12px;display:flex}.energy-rates>div{color:var(--muted-foreground);font-size:10px}.energy-rates p{border-bottom:1px solid var(--border);padding-bottom:14px;font-size:12px}.energy-rates strong{font-weight:400}.energy-rates small{color:var(--muted-foreground);font-size:13px;line-height:1.6;display:block}@media (prefers-reduced-motion:reduce){.crown-hand{animation:none!important}}@media (max-width:899px){.crown-instruction{width:90px}.crown-instruction small{white-space:normal;text-align:center;line-height:1.3}.crown-hand{width:36px;height:30px}}.crown-hand{width:38px;height:38px;stroke:var(--foreground);fill:var(--panel);opacity:.9}.energy-crown-label{border-color:var(--primary);justify-content:center;align-items:center;gap:7px;min-height:36px;display:flex}.crown-instruction[data-ready=true]:not([data-reduced=true]) .energy-crown-label{animation:2.4s ease-in-out infinite wind-invitation}@keyframes wind-invitation{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 16%,transparent)}}@media (prefers-reduced-motion:reduce){.energy-crown-label{animation:none!important}}@media (max-width:899px){.crown-instruction{transform:translate(14px)}}.crown-hand.crown-fingertips{object-fit:contain;opacity:.9;transform-origin:60%;width:64px;height:64px;margin-bottom:-5px}.crown-instruction[data-winding=true]:not([data-reduced=true]) .crown-fingertips{animation:1.25s ease-in-out infinite fingertip-roll}@keyframes fingertip-roll{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (max-width:899px){.crown-hand.crown-fingertips{width:50px;height:50px}}.crown-instruction{gap:5px;transform:translateY(50%)}.crown-engraving{object-fit:contain;pointer-events:none;opacity:.9;width:120px;height:80px;display:block}@media (max-width:899px){.crown-instruction{transform:translate(14px,50%)}.crown-engraving{width:96px;height:64px}.crown-instruction small{display:none}}.energy-crown-label{isolation:isolate;min-width:160px;position:relative;overflow:hidden}.energy-museum .energy-crown-label:disabled{opacity:1}.crown-charge-fill{background:var(--accent);transform-origin:0;z-index:-1;transition:transform .12s linear;position:absolute;inset:0}.crown-button-content{align-items:center;gap:8px;display:flex}.crown-charge-number{font-variant-numeric:tabular-nums;margin-left:6px;font-size:11px}.crown-instruction{transform:none}.energy-speed-notice{max-width:460px;color:var(--muted-foreground);margin:9px auto 0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.crown-charge-fill{transition:none}}@media (max-width:899px){.energy-speeds button{min-width:31px}.energy-playback button{padding-inline:5px}.crown-instruction{transform:none}}.energy-lesson-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.energy-lesson-heading button{background:var(--panel);border:1px solid var(--border);padding:8px;display:flex}.energy-detail-canvas{background:radial-gradient(ellipse,var(--glow),transparent);height:200px;margin-top:12px}.energy-detail-rate,.energy-lesson>small{color:var(--muted-foreground);font-size:10px;line-height:1.5}.energy-detail-rate{border-bottom:1px solid var(--border);padding-bottom:10px}.energy-field-notes{z-index:12;position:fixed;top:130px;left:52%;right:6%}.energy-notes-heading{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.energy-notes-heading button{color:var(--foreground);background:0 0;border:0;padding:8px}.energy-field-notes h2{margin:14px 0 20px;font:400 clamp(32px,3.8vw,60px)/1.03 Instrument Serif,Georgia,serif}.energy-notes-story{gap:12px;padding:0;list-style:none;display:grid}.energy-notes-story li{border-top:1px solid var(--border);padding-top:10px}.energy-notes-story strong{font-size:13px;font-weight:400}.energy-notes-story p{color:var(--muted-foreground);margin:6px 0;font-size:14px;line-height:1.5}.energy-museum[data-energy-notes=true] .energy-index,.energy-museum[data-energy-notes=true] .energy-inspector,.energy-museum[data-energy-notes=true] .energy-top-tools{visibility:hidden;pointer-events:none}.energy-museum[data-energy-notes=true] .energy-bottom{left:3%;right:54%}.energy-museum[data-energy-notes=true] .energy-playback{scale:.85}.energy-museum[data-energy-notes=true] .energy-speed-notice{font-size:10px}@media (min-width:900px) and (max-height:800px){.energy-detail-canvas{height:150px}.energy-field-notes{top:115px}.energy-field-notes h2{margin:10px 0;font-size:36px}.energy-field-notes .energy-intro{margin:12px 0}.energy-notes-story{gap:8px}.energy-index h1{margin-bottom:10px;font-size:34px}.energy-part-list button{padding:5px 0}.energy-layout-choice{margin-top:8px;padding-top:8px}}@media (max-width:899px){.energy-field-notes{margin:24px 6%;position:relative;inset:auto}.energy-museum[data-energy-notes=true] .energy-layout{display:none}.energy-museum[data-energy-notes=true] .energy-bottom{left:auto;right:auto}.energy-museum[data-energy-notes=true] .energy-playback{scale:1}.energy-detail-canvas{height:230px}}.energy-detail-angles{gap:15px;margin-top:10px;display:flex}.energy-detail-angles button{color:var(--muted-foreground);background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;font-size:11px}.energy-detail-angles button[aria-pressed=true]{color:var(--foreground);border-color:var(--primary)}@media (min-width:900px) and (max-height:800px){.energy-lesson-heading{margin-top:10px}.energy-detail-canvas{height:140px;margin-top:5px}.energy-lesson .energy-note{font-size:12px;line-height:1.45}.energy-lesson>small{font-size:9px}}.energy-top-tools{flex-wrap:wrap}.energy-top-tools .energy-layout-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--primary)}
