*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}.container{height:100%;display:flex;flex-direction:column;padding:12px;gap:12px}.top-bar{display:flex;align-items:center;gap:12px;padding:4px 12px;background:#161b22;border:1px solid #30363d;border-radius:8px}.title{font-size:14px;font-weight:600}.separator{width:1px;height:20px;background:#30363d}#menu-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #30363d;border-radius:6px;background:#21262d;color:#e6edf3;cursor:pointer;margin-left:auto}#menu-btn:hover{background:#30363d}.mobile-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;padding:12px;background:#161b22;border:1px solid #30363d;border-radius:8px;z-index:100;min-width:200px;flex-direction:column;gap:12px}.mobile-menu.open{display:flex}.mobile-menu .menu-label{font-size:11px;color:#8b949e;text-transform:uppercase;margin-bottom:4px}.desktop-controls{display:contents}@media(max-width:640px){.container{padding:8px;gap:8px}.top-bar{position:relative}.desktop-controls{display:none}#menu-btn{display:flex}.chart-box{min-height:300px}}.mobile-only{display:none}@media(max-width:640px){.mobile-only{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #30363d;border-radius:6px;background:#21262d;color:#e6edf3;cursor:pointer;transition:all .15s}.mobile-only:hover{background:#30363d;border-color:#8b949e}.mobile-only:disabled{background:#161b22;color:#484f58;cursor:not-allowed;border-color:#21262d}}.tabs,.segmented{display:flex;border:1px solid #30363d;border-radius:6px;overflow:hidden}.tabs{display:none}.tabs:not(:empty){display:flex}.tab,.seg{padding:5px 12px;border:none;background:#0d1117;color:#8b949e;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.tab:not(:last-child),.seg:not(:last-child){border-right:1px solid #30363d}.tab:hover,.seg:hover{color:#e6edf3}.tab.active,.seg.active{background:#1990ff;color:#fff}#fetch-btn,#center-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #30363d;border-radius:6px;background:#21262d;color:#e6edf3;cursor:pointer;transition:all .15s}#fetch-btn:hover,#center-btn:hover{background:#30363d;border-color:#8b949e}#fetch-btn:disabled{background:#161b22;color:#484f58;cursor:not-allowed;border-color:#21262d}#fetch-btn.is-fetching svg,#fetch-btn-mobile.is-fetching svg{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}#content{flex:1;display:flex;flex-direction:column;position:relative}.tab-content{display:none}.tab-content.active{flex:1;display:flex;flex-direction:column}.chart-container{flex:1;display:flex;flex-direction:column;background:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden}.chart-box{flex:1;position:relative;min-height:400px}.chart-legend{position:absolute;top:12px;left:12px;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;padding-right:36px;background:rgba(22,27,34,.95);border:1px solid #30363d;border-radius:6px;font-size:11px;backdrop-filter:blur(8px);transition:transform .3s ease}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend .legend-labels{display:flex;gap:12px}.chart-legend .legend-values{display:flex;gap:8px}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-dot.calls{background:#1990ff}.legend-dot.puts{background:#ff0f3f}.positive{color:#1990ff}.negative{color:#ff0f3f}.muted{color:#6a6d78}.chart-legend.collapsed{transform:translateX(calc(-100% + 20px))}.legend-toggle{display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:32px;align-items:center;justify-content:center;cursor:pointer;color:#8b949e;transition:transform .3s ease}.chart-legend.collapsed .legend-toggle{transform:translateY(-50%)rotate(180deg)}.loading,.error{flex:1;display:flex;align-items:center;justify-content:center;color:#8b949e;font-size:14px}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(22,27,34,.7);z-index:100}.error{color:#f85149}.spinner{width:48px;height:48px;animation:rotate 1.4s linear infinite}.spinner circle{stroke:#1990ff;stroke-linecap:round;animation:dash 1.4s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.x-axis-marker{position:absolute;bottom:4px;transform:translateX(-50%);background:#fff;color:#131722;font-size:12px;line-height:20px;padding:3px 8px 0;z-index:1;pointer-events:none}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.toggle input{display:none}.toggle-slider{position:relative;width:36px;height:20px;background:#30363d;border-radius:10px;transition:background .2s}.toggle-slider::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#8b949e;border-radius:50%;transition:transform .2s,background .2s}.toggle input:checked+.toggle-slider{background:#1990ff}.toggle input:checked+.toggle-slider::after{transform:translateX(16px);background:#fff}.toggle-label{font-size:12px;color:#8b949e}