.session-volatility{--sv-line:oklch(var(--bc) / .12);--sv-muted:oklch(var(--bc) / .62)}.session-volatility :is(button,select,a):focus-visible{outline:2px solid oklch(var(--p));outline-offset:2px}.session-volatility-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.session-volatility-header h1{letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.2}.session-volatility-header p{color:var(--sv-muted);margin-top:4px;font-size:13px}.session-volatility-note{color:var(--sv-muted);margin-top:10px;font-size:12px}.session-volatility-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.session-volatility-card{border:1px solid var(--sv-line);border-left:3px solid var(--session-color);border-radius:0 10px 10px 0;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.session-volatility-card-name{color:var(--sv-muted);font-size:12px}.session-volatility-card strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.session-volatility-card-detail{color:var(--sv-muted);font-size:12px}.session-volatility-panel{border:1px solid var(--sv-line);border-radius:10px;margin-top:16px;padding:16px}.session-volatility-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;display:flex}.session-volatility-panel-head h2{font-size:16px;font-weight:600}.session-volatility-panel-head p{color:var(--sv-muted);margin-top:2px;font-size:12px}.session-volatility-chart{color:var(--sv-muted);margin-top:12px}.session-volatility-chart-day{height:260px}.session-volatility-chart-years{height:320px}.session-volatility-day-area .recharts-area-curve{stroke:oklch(var(--bc) / .75)}.session-volatility-day-area .recharts-area-area{fill:oklch(var(--bc) / .14)}.session-volatility-day-sessions{gap:3px;margin:6px 8px 0 32px;display:grid}.session-volatility-day-sessions>div{height:16px;position:relative}.session-volatility-day-sessions>div>span{border-radius:4px;align-items:center;padding-inline:6px;display:flex;position:absolute;top:0;bottom:0;container-type:inline-size}.session-volatility-day-sessions>div>span>span:first-child{color:#fff;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.session-volatility-bar-details{z-index:20;border:1px solid var(--sv-line);background:oklch(var(--b1));width:max-content;max-width:260px;color:var(--sv-muted);white-space:normal;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px oklch(0% 0 0/.25)}.session-volatility-bar-details[data-align=end]{left:auto;right:0}.session-volatility-bar-details strong{color:oklch(var(--bc));font-size:13px}.session-volatility-bar-status{color:oklch(var(--bc))}@container (width<=56px){.session-volatility-day-sessions>div>span>span:first-child{display:none}}.session-volatility-segmented{background:oklch(var(--bc) / .05);border-radius:8px;gap:2px;padding:3px;display:flex}.session-volatility-segmented button{color:var(--sv-muted);white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500}.session-volatility-segmented button:hover{color:oklch(var(--bc))}.session-volatility-segmented button[aria-pressed=true]{background:oklch(var(--bc) / .12);color:oklch(var(--bc))}.session-volatility-legend{color:var(--sv-muted);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;display:flex}.session-volatility-legend li{align-items:center;gap:2px;display:flex}.session-volatility-legend button{border-radius:6px;align-items:center;gap:6px;min-height:28px;padding:0 6px;display:flex}.session-volatility-legend button:hover{color:oklch(var(--bc));background:oklch(var(--bc) / .06)}.session-volatility-legend button[aria-pressed]:before{content:"";background:var(--session-color);border-radius:2px;width:12px;height:3px}.session-volatility-legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.session-volatility-legend-only{opacity:0;font-size:11px}.session-volatility-legend li:is(:hover,:focus-within) .session-volatility-legend-only{opacity:1}.session-volatility-legend-all{color:oklch(var(--p));font-weight:500}@media (hover:none){.session-volatility-legend-only{opacity:.7}}.session-volatility-day-bar{cursor:default}.session-volatility-day-bar:focus-visible{outline:2px solid oklch(var(--bc));outline-offset:1px}.session-volatility-day-bar:is(:hover,:focus-visible){filter:brightness(1.12)}.session-volatility-content{transition:opacity .2s}.session-volatility-content[data-loading=true]{opacity:.5}.session-volatility-skeleton{background:oklch(var(--bc) / .06);border-color:#0000;min-height:86px;animation:1.4s ease-in-out infinite session-volatility-pulse}@keyframes session-volatility-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.session-volatility-content,.session-volatility-skeleton{transition:none;animation:none}}@media (width<=640px){.session-volatility-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.session-volatility-panel{padding:12px}.session-volatility-chart-day{height:220px}.session-volatility-chart-years{height:260px}}