#intensity-chart-section {
    position:fixed;right:0;top:clamp(88px,22dvh,176px);
    width:min(360px,calc(100vw - 52px));z-index:50;color:#94a3b8;
    transform:translateX(100%);transition:transform .26s ease;pointer-events:none;
}
#intensity-chart-section.hidden {display:none!important}
#intensity-chart-section.mobile-open {transform:translateX(0)}
.intensity-drawer-header {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding-left:12px}
#intensity-chart-toggle {
    position:absolute;left:-40px;top:0;width:40px;min-height:150px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:10px;padding:12px 0;pointer-events:auto;cursor:pointer;
    background:rgba(4,8,13,.94);color:#94a3b8;
    border:1px solid rgba(34,211,238,.3);border-right:0;border-radius:10px 0 0 10px;
    touch-action:none;user-select:none;box-sizing:border-box;
    font:700 10px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;
}
.intensity-drawer-handle-label {writing-mode:vertical-rl}
#intensity-chart-toggle:hover {background:#0e1b25;color:#e2e8f0}
#intensity-chart-section.is-dragging #intensity-chart-toggle {cursor:grabbing}
#intensity-chart-toggle:focus-visible {outline:2px solid #22d3ee;outline-offset:-3px}
#intensity-chart-title {border-left:3px solid #06b6d4;padding-left:10px;font:700 10px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
#intensity-chart-toggle .drawer-chevron {color:#22d3ee;transition:transform .25s ease;font-size:20px;line-height:1}
#intensity-chart-section.mobile-open .drawer-chevron {transform:rotate(180deg)}
#intensity-chart-body {
    background:rgba(4,8,13,.94);backdrop-filter:blur(14px);
    border:1px solid rgba(34,211,238,.3);border-right:0;border-radius:0 0 0 12px;
    box-shadow:0 12px 40px #0006;overflow:hidden;visibility:hidden;transition:visibility .26s;
}
#intensity-chart-section.mobile-open #intensity-chart-body {visibility:visible;pointer-events:auto}
.intensity-drawer-content {min-height:0;overflow:hidden}
.intensity-drawer-units {display:flex;gap:2px;margin:0 10px 0 0;flex-shrink:0}
.intensity-drawer-units button {cursor:pointer;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:700}
#intensity-chart-container {height:min(170px,30dvh);margin:0 10px 10px;width:calc(100% - 20px);background:#0006;border:1px solid #ffffff0d}
@media(max-width:767px),(hover:none) and (pointer:coarse) {
    #intensity-chart-section {z-index:71}
    #intensity-chart-toggle {left:-44px;width:44px}
}
@media(prefers-reduced-motion:reduce) {
    #intensity-chart-section,#intensity-chart-body,#intensity-chart-toggle .drawer-chevron {transition:none}
}