:root{--sidebar-width:300px;--plot-bg:#fff;--sidebar-bg:#f8fafc;--border-color:#e2e8f0;--text-color:#1e293b;--touch-target-size:28px;--mobile-font-size:11px}@media (width<=768px) or (height<=500px){:root{--touch-target-size:36px;--mobile-font-size:14px}}*{box-sizing:border-box}body,html,#root{width:100%;height:100%;font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);color:var(--text-color);margin:0;padding:0;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.plot-area{background-color:var(--plot-bg);flex:1;position:relative;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-left:1px solid var(--border-color);flex-direction:column;height:100%;transition:width .3s ease-in-out,padding .3s ease-in-out;display:flex;overflow-y:auto}.sidebar-content{flex-direction:column;height:100%;display:flex}.sidebar-content.hidden{opacity:0;pointer-events:none;display:none}.sidebar-collapsed-content{flex-direction:column;align-items:center;height:100%;display:none}.sidebar-collapsed-content.visible{opacity:1;display:flex}.sidebar h2{border-bottom:2px solid var(--text-color);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}@media (width<=768px) or (height<=500px){.sidebar h2{margin-bottom:1rem;font-size:1.4rem}}.section-title{text-transform:uppercase;color:var(--text-muted-color);margin-top:.8rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700}@media (width<=768px) or (height<=500px){.section-title{margin-top:1rem;margin-bottom:.6rem;font-size:1rem}}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.details-chevron{margin-right:4px;transition:transform .2s}details[open]>summary .details-chevron{transform:rotate(90deg)}