@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";#data-controls .dataset-actions #add-dataset:active,#data-controls .dataset-actions #remove-dataset:active{transform:translateY(0)}#data-controls .dataset-actions #add-dataset:focus-visible,#data-controls .dataset-actions #remove-dataset:focus-visible{outline:2px solid rgba(120,130,220,.35);outline-offset:3px}#data-controls .dataset-actions #remove-dataset{text-shadow:0 1px 0 rgba(255,255,255,.6)}:root{--bg-primary: linear-gradient(135deg, rgba(233, 229, 255, .85) 0%, rgba(253, 245, 230, .88) 45%, rgba(240, 242, 255, .96) 100%);--bg-secondary: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(245, 247, 255, .9) 100%);--bg-divider: rgba(223, 227, 244, .7);--text-primary: #17181d;--text-secondary: rgba(23, 24, 29, .78);--text-tertiary: rgba(23, 24, 29, .55);--border-color: rgba(185, 196, 230, .45);--border-light: rgba(208, 216, 245, .4);--shadow-color: rgba(23, 24, 34, .1);--chart-bg: rgba(255, 255, 255, .92);--accent-primary: #d4dcff;--accent-hover: #c5ceff;--accent-border: rgba(180, 192, 240, .55);--accent-text: #17181d;--accent-gradient-soft: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(235, 239, 255, .92) 100%);--accent-gradient-strong: linear-gradient(135deg, #e7ebff 0%, #f2f0ff 100%);--accent-gradient-warm: linear-gradient(135deg, rgba(255, 240, 232, .95) 0%, rgba(255, 220, 200, .9) 100%);--control-border-strong: rgba(165, 178, 228, .55);--control-shadow-sm: 0 6px 16px rgba(23, 24, 34, .08);--control-shadow-xs: 0 3px 10px rgba(23, 24, 34, .06);--dropdown-surface: linear-gradient(150deg, rgba(255, 255, 255, .96) 0%, rgba(242, 244, 255, .9) 100%);--dropdown-border: rgba(198, 206, 242, .82);--dropdown-panel-bg: linear-gradient(150deg, rgba(255, 255, 255, .98) 0%, rgba(246, 247, 255, .94) 100%);--control-height: 46px;--state-success: #49c594;--state-error: #f76b6b;--state-warning: #ffbf59}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #0c0d16 0%, #111224 50%, #16172a 100%);--bg-secondary: linear-gradient(135deg, rgba(22, 23, 38, .9) 0%, rgba(16, 17, 30, .9) 60%, rgba(12, 13, 22, .95) 100%);--bg-divider: rgba(50, 52, 75, .35);--text-primary: #f7f7f8;--text-secondary: #c4c7e4;--text-tertiary: rgba(196, 199, 228, .7);--border-color: rgba(65, 70, 110, .5);--border-light: rgba(55, 60, 95, .4);--shadow-color: rgba(0, 0, 0, .6);--chart-bg: rgba(20, 21, 34, .95);--accent-primary: #8b92f8;--accent-hover: #7983f5;--accent-border: rgba(139, 146, 248, .35);--accent-text: #ffffff;--control-border-strong: rgba(82, 90, 130, .65);--control-shadow-xs: 0 18px 34px rgba(4, 6, 16, .45)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;transition:all .4s ease;min-width:1200px;overflow-x:auto;position:relative;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:5px;transition:background-color .3s ease}body::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}[data-theme=dark] body{scrollbar-color:rgba(139,146,248,.3) transparent;background:linear-gradient(135deg,#05060c,#0b0c16 40%,#111222)}[data-theme=dark] body::-webkit-scrollbar-thumb{background-color:#8b92f840}[data-theme=dark] body::-webkit-scrollbar-thumb:hover{background-color:#8b92f880;box-shadow:0 0 10px #8b92f84d}[data-theme=dark] body::-webkit-scrollbar-track{background:#0f0f1a80}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);pointer-events:none;opacity:0;z-index:9999;transition:opacity .3s ease}body.theme-switching:after{animation:themeTransition .6s ease-in-out}body:before{content:"";position:fixed;top:0;right:0;width:40%;height:100%;background-image:radial-gradient(circle at 2px 2px,rgba(0,0,0,.03) 1px,transparent 0);background-size:32px 32px;pointer-events:none;opacity:.4;z-index:0}.container{display:grid;grid-template-columns:2fr 24px 6fr 24px 2fr;width:95%;max-width:1680px;min-width:1140px;height:90vh;min-height:700px;background:var(--bg-secondary);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:22px;box-shadow:0 24px 60px #17182226;overflow:hidden;transition:all .4s ease;border:1px solid rgba(220,225,240,.55);position:relative;z-index:1}[data-theme=dark] .container{background:transparent;border:1px solid rgba(50,55,90,.45);box-shadow:0 40px 80px #02040c99}.sidebar,.rightbar{background:linear-gradient(190deg,#fffffff5,#f6f8ffeb 40%,#f3f5ffe6);padding:30px;overflow-y:auto;transition:background-color .3s ease,box-shadow .3s ease;scrollbar-width:thin;scrollbar-color:rgba(190,198,230,.4) transparent;border-radius:20px;box-shadow:inset 0 1px #ffffffd9,0 18px 36px #17182214;display:flex;flex-direction:column;gap:18px}[data-theme=dark] .sidebar,[data-theme=dark] .rightbar{background:linear-gradient(135deg,#121322fa,#0c0d18fa 60%,#0a0b14fa);border:1px solid rgba(70,76,118,.55);border-radius:20px;box-shadow:0 28px 50px #04061080}.sidebar::-webkit-scrollbar,.rightbar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.rightbar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.rightbar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px;transition:background-color .3s ease}.sidebar::-webkit-scrollbar-thumb:hover,.rightbar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}[data-theme=dark] .sidebar::-webkit-scrollbar-thumb,[data-theme=dark] .rightbar::-webkit-scrollbar-thumb{background-color:#8b92f840;border-radius:4px}[data-theme=dark] .sidebar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .rightbar::-webkit-scrollbar-thumb:hover{background-color:#8b92f880;box-shadow:0 0 8px #8b92f84d}[data-theme=dark] .sidebar::-webkit-scrollbar-track,[data-theme=dark] .rightbar::-webkit-scrollbar-track{background:#1414204d}.sidebar h2,.rightbar h2{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);margin:0;font-size:26px;font-weight:600;letter-spacing:.03em}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:6px;border-bottom:1px solid rgba(180,190,230,.4)}#data-controls .sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;padding-bottom:8px;border-bottom:none;margin-bottom:18px}#data-controls .sidebar-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#c8d2fa38,#c8d2fa0d)}#data-controls .sidebar-header h2{margin-bottom:0;white-space:nowrap;flex-shrink:0}#data-controls .dataset-actions{display:flex;flex-direction:row;align-items:center;gap:12px}#data-controls .dataset-actions .inline-btn{width:auto;padding:8px 20px;border-radius:22px;border:1px solid rgba(165,178,228,.55);background:linear-gradient(135deg,#ffffffeb,#ecf2ffe6);color:var(--text-primary);box-shadow:inset 0 1px #fffc,0 12px 28px #4d66b32e;letter-spacing:0;font-size:14px;font-weight:600;white-space:nowrap;margin-left:0;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}#data-controls .dataset-actions .inline-btn:after{content:none}#data-controls .dataset-actions .inline-btn:active{transform:translateY(0)}#data-controls .dataset-actions #add-dataset:active{background:linear-gradient(135deg,#727bfff5,#9a54f7f0);border-color:#6c76eba6;color:#fffffff5;box-shadow:0 12px 28px #6566dc47,0 0 0 4px #9c93ff2e}#data-controls .dataset-actions #remove-dataset:active{background:linear-gradient(135deg,#ffbcc4f5,#ff95a8f0);border-color:#e6788cb3;color:#55141c;box-shadow:0 12px 26px #dc547c38,0 0 0 4px #ffccd638;text-shadow:0 1px 0 rgba(255,255,255,.6)}[data-theme=dark] .dataset-actions #add-dataset,[data-theme=dark] .dataset-actions #remove-dataset{background:linear-gradient(135deg,#1e2034f0,#131422f0);border-color:#565f8ab3;color:#e2e4faeb;box-shadow:0 18px 36px #04061473}[data-theme=dark] .sidebar-header{border-bottom:1px solid rgba(70,76,118,.4)}.sidebar-header h2{font-size:22px;letter-spacing:.02em}.rightbar .sidebar-header{padding-bottom:12px}.sidebar h2:after,.rightbar h2:after{content:""}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes chartFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes successPulse{0%,to{box-shadow:0 0 #4ecdc400}50%{box-shadow:0 0 0 8px #4ecdc44d}}.info-hint{background:linear-gradient(135deg,#6496ff14,#64b4ff0d);border-left:3px solid rgba(100,150,255,.5);padding:10px 12px;margin:8px 0;border-radius:6px;font-size:12px;color:var(--text-secondary);line-height:1.5}[data-theme=dark] .info-hint{background:linear-gradient(135deg,#6496ff1f,#64b4ff14);border-left-color:#78aaff99;color:#ffffffb3}@keyframes themeTransition{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes colorWave{0%{transform:scale(0);opacity:.8}50%{opacity:.4}to{transform:scale(3);opacity:0}}@keyframes downloadSuccess{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes slideHint{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.control-group{margin-bottom:14px}.control-group.compact-gap{margin-bottom:10px}.dataset-item .control-group{margin-bottom:12px}.dataset-item .dataset-header{position:relative;padding-top:8px}.dataset-item .dataset-header label{text-align:left;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.01em;text-transform:none}.dataset-item .dataset-save{position:absolute;top:4px;right:10px;min-width:72px;padding:4px 14px;font-size:12px;line-height:1.2}.dataset-item .dataset-save:before,.dataset-item .dataset-save:after{display:none}.dataset-item .dataset-name-row{margin-bottom:8px;padding:0}.dataset-item .dataset-name-row input[type=text]{width:100%}.dataset-item .dataset-switch-row{justify-content:flex-start;align-items:center;flex-wrap:nowrap;padding:0;gap:4px;margin-top:12px}.dataset-item .dataset-switch-row .right-axis-control,.dataset-item .dataset-switch-row .visibility-control{flex:none}.dataset-item .dataset-switch-row .right-axis-control{justify-content:flex-start;margin-left:0}.dataset-item .dataset-switch-row .visibility-control{margin-left:0}.control-group label{display:block;font-weight:600;font-size:12.5px;margin-bottom:6px;color:var(--text-secondary);transition:color .3s ease;letter-spacing:.04em;text-transform:uppercase}[data-theme=dark] .control-group label{color:#cfd2e8}.control-group select,.control-group input[type=text],.control-group input[type=color],.control-group textarea,.control-group input[type=range]{width:100%;min-height:calc(var(--control-height) - 8px);padding:10px 16px;border:1.5px solid var(--control-border-strong);border-radius:14px;box-sizing:border-box;font-size:13.5px;font-family:Inter,sans-serif;background:linear-gradient(180deg,#fffffffa,#f5f7ffe6);color:var(--text-primary);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:var(--control-shadow-xs),inset 0 1px #ffffffd9;letter-spacing:.01em}.control-group select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg fill="%2317181d" opacity="0.7" height="16" width="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 18px center;background-size:16px;padding:10px 44px 10px 16px;font-weight:500;line-height:1.45;border:1.5px solid var(--control-border-strong);border-radius:14px;background:var(--dropdown-surface);border-color:var(--dropdown-border);box-shadow:var(--control-shadow-xs),inset 0 1px #fffc;font-size:14px;min-height:calc(var(--control-height) - 8px);color:var(--text-primary)}.control-group select:focus,select:focus{outline:none;border-color:#7a8cdcd9;box-shadow:0 0 0 4px #9aacff33,0 16px 36px #17182229;transform:translateY(-1px) scale(1.006)}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}select::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}select::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}[data-theme=dark] select{background-color:#19192699;background-image:url('data:image/svg+xml;utf8,<svg fill="%23b8bcc8" height="20" width="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');border-color:#41415580;color:var(--text-primary)}.control-group select:hover,select:hover{transform:translateY(-2px);box-shadow:0 14px 32px #1718221f;border-color:#92a2ebbf}.control-group select:focus,select:focus{outline:none;border-color:#7a8cdcd9;background:linear-gradient(150deg,#fffffffa,#ebeffff0);box-shadow:0 0 0 4px #9aacff33,0 16px 36px #17182229;transform:translateY(-1px) scale(1.006)}select option{background:var(--dropdown-panel-bg);color:var(--text-primary);font-size:14px;font-weight:500}select option:hover,select option:checked{background-color:#8c9adc29}[data-theme=dark] select:focus{background-color:#1e1e2dcc;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b92f833,0 4px 12px #0000004d}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) var(--value, 50%),var(--border-color) var(--value, 50%),var(--border-color) 100%);outline:none;padding:0;margin:10px 0;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all .2s ease}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #0000004d}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #0000004d}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.3);box-shadow:0 0 0 6px #f4ede24d}input[type=range]::-moz-range-thumb:active{transform:scale(1.3);box-shadow:0 0 0 6px #f4ede24d}.range-row span{transition:all .3s ease}input[type=range]:active+span{transform:scale(1.2);color:var(--accent-primary);font-weight:600}[data-theme=dark] .control-group input[type=text],[data-theme=dark] .control-group textarea{background-color:#19192699;border-color:#41415580;color:var(--text-primary)}.control-group input[type=text]:focus,.control-group textarea:focus{outline:none;border-color:#7a8cdcd9;background:linear-gradient(180deg,#fff,#f0f4fff5);box-shadow:0 0 0 4px #9aacff2e,0 14px 32px #1718221f;transform:translateY(-1px) scale(1.005)}.input-success{animation:successPulse .6s ease-out!important;border-color:#4ecdc4!important}.input-error{animation:errorShake .4s ease-out!important;border-color:#ff6b6b!important}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}[data-theme=dark] .control-group input[type=text]:focus,[data-theme=dark] .control-group textarea:focus{background-color:#1e1e2dcc;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b92f833,0 4px 12px #0000004d}.control-group input[type=color]{padding:5px;height:40px}[data-theme=dark] .control-group input[type=color]{background-color:#19192699;border-color:#41415580}.toggle-switch{display:flex;border:1.2px solid rgba(190,198,235,.6);border-radius:999px;overflow:hidden;position:relative;height:40px;background:linear-gradient(180deg,#ffffffe6,#ebf0ffd1);box-shadow:0 4px 12px #17182214}[data-theme=dark] .toggle-switch{background:#1919268c;border:1px solid rgba(65,65,85,.45);box-shadow:none}.toggle-switch button{flex:1;padding:8px 14px;border:none;background:transparent;color:#17181d8c;cursor:pointer;font-size:13.5px;font-weight:500;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.toggle-switch button.active{color:#17181d;font-weight:600}[data-theme=dark] .toggle-switch button{color:var(--text-secondary)}[data-theme=dark] .toggle-switch button.active{color:#fff}.toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:calc(50% - 6px);height:calc(100% - 6px);background:linear-gradient(135deg,#e2e6ff,#eff2fff2);border-radius:999px;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 8px 18px #1718221f}[data-theme=dark] .toggle-switch:before{background:linear-gradient(135deg,#8b92f8,#7983f5);box-shadow:0 2px 8px #8b92f859}.toggle-switch button:first-child.active~:before,.toggle-switch button:first-child.active{transform:translate(0)}.toggle-switch button:last-child.active{transform:translate(0)}.toggle-switch:has(button:last-child.active):before{transform:translate(100%)}#data-controls h4,#axis-title-wrap h4,#svg-axis-style h4{margin-top:28px;margin-bottom:14px;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.7}#axis-swap-btn{width:100%}.control-group textarea{resize:vertical}.range-row{display:flex;align-items:center;gap:10px}.inline-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#00000005;border-radius:8px;margin-bottom:10px;transition:all .3s ease}.inline-row .inline-row-header+select.point-style-select{margin-left:12px}[data-theme=dark] .inline-row{border-color:#41415533}[data-theme=dark] #mixed-types-container{background:linear-gradient(150deg,#141524e6,#0e0f1aeb);border:1px solid rgba(70,76,118,.48);box-shadow:0 14px 28px #04061066}[data-theme=dark] #mixed-types-group label{color:#b8bcc8}.right-axis-control{display:flex;align-items:center;gap:8px;margin-left:0;flex-shrink:0}.right-axis-control .switch{margin:0}.right-axis-control .switch-label{font-size:13.5px;color:var(--text-tertiary);white-space:nowrap;transition:color .3s ease}.visibility-control{display:flex;align-items:center;gap:8px}.inline-btn{padding:8px 14px;border:none;border-radius:8px;background-color:var(--accent-primary);color:var(--accent-text);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;letter-spacing:.01em;box-shadow:inset 0 1px #fff9,0 4px 10px #00000014}.inline-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 6px 14px #0000001f}.inline-btn:active{transform:translateY(0);box-shadow:inset 0 1px #fff9,0 2px 6px #00000014}.inline-btn.subtle{padding:8px 20px;border-radius:22px;background:linear-gradient(135deg,#ffffffeb,#ecf2ffe6);color:var(--text-primary);box-shadow:inset 0 1px #fffc,0 12px 28px #4d66b32e;border:1px solid rgba(162,180,231,.55);font-size:13px;letter-spacing:0;text-transform:none;margin-left:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.inline-btn.subtle:hover{background:linear-gradient(135deg,#f7fafffa,#e5ecfff5);transform:translateY(-1px) scale(1.01);box-shadow:inset 0 1px #ffffffd9,0 16px 32px #4d66b338}.inline-btn.subtle:active{transform:translateY(0);box-shadow:inset 0 1px #ffffffbf,0 6px 14px #4d66b333}[data-theme=dark] #reset-dashboard.inline-btn.subtle{background:linear-gradient(140deg,#1e2034f5,#131422f0);border-color:#4c547ea6;color:#e2e4fae6;box-shadow:inset 0 1px #48528259,0 16px 34px #04061073}[data-theme=dark] #reset-dashboard.inline-btn.subtle:hover{background:linear-gradient(140deg,#282a42fa,#191a28f5);box-shadow:inset 0 1px #606aa461,0 20px 40px #04061280}[data-theme=dark] #reset-dashboard.inline-btn.subtle:active{background:linear-gradient(135deg,#727bfff5,#9a54f7f0);border-color:#6c76eba6;color:#fffffff5;box-shadow:0 12px 28px #6566dc47,0 0 0 4px #9c93ff2e}.inline-btn.subtle.loading{opacity:.65;cursor:wait}.inline-btn.subtle.loading:after{content:"";width:12px;height:12px;border-radius:50%;border:2px solid rgba(60,80,160,.4);border-top-color:#3c50a0e6;animation:spin .8s linear infinite}.inline-btn.subtle.input-success{border-color:#63b87acc!important;box-shadow:0 0 0 2px #63b87a3d,inset 0 1px #fffc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dataset-item{border:1.5px solid var(--border-light);padding:16px;border-radius:12px;margin-bottom:12px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s ease-out;animation-fill-mode:both;position:relative;overflow:hidden}.dataset-item.color-changing:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,var(--new-color, var(--accent-primary)) 0%,transparent 70%);border-radius:50%;animation:colorWave .8s ease-out;pointer-events:none;z-index:0;transform:translate(-50%,-50%)}#mixed-types-container select,.inline-row select{min-width:80px;padding:8px 32px 8px 12px;font-size:12px;border:1.5px solid var(--border-color);border-radius:8px;background-color:#ffffffb3}[data-theme=dark] #mixed-types-container select,[data-theme=dark] .inline-row select{background-color:#19192699;border-color:#41415580;color:var(--text-primary)}[data-theme=dark] #mixed-types-container select:hover,[data-theme=dark] .inline-row select:hover{border-color:var(--accent-primary);background-color:#1e1e2db3}[data-theme=dark] #mixed-types-container select:focus,[data-theme=dark] .inline-row select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b92f833;background-color:#1e1e2dcc}[data-theme=dark] #mixed-types-container input[type=text],[data-theme=dark] #mixed-types-container input[type=number],[data-theme=dark] .inline-row input[type=text],[data-theme=dark] .inline-row input[type=number]{background-color:#19192699;border-color:#41415580;color:var(--text-primary)}[data-theme=dark] #mixed-types-container input[type=text]:focus,[data-theme=dark] #mixed-types-container input[type=number]:focus,[data-theme=dark] .inline-row input[type=text]:focus,[data-theme=dark] .inline-row input[type=number]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b92f833;background-color:#1e1e2dcc}[data-theme=dark] #mixed-types-container .inline-row span,[data-theme=dark] .inline-row span{color:var(--text-secondary)}#mixed-types-container .inline-row>span:first-child,.inline-row-header>span:first-child{font-weight:500;min-width:52px;color:var(--text-primary)}[data-theme=dark] #mixed-types-container .inline-row>span:first-child{color:#e8e8ea}#mixed-types-container .inline-row:not(:last-child){border-bottom:1px solid var(--border-light);padding-bottom:10px;margin-bottom:6px}[data-theme=dark] #mixed-types-container .inline-row:not(:last-child){border-bottom-color:#4141554d}select:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #f4ede226}select{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.01em}select option{padding:12px 18px;background:#fffffff2;color:var(--text-primary);font-size:13.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;border:none;line-height:1.5}select option:hover,select option:checked{background:linear-gradient(135deg,#ced8fff2,#e2e4ffe6);color:var(--accent-text);font-weight:600}@-moz-document url-prefix(){select option{padding:10px 16px}}[data-theme=dark] select option{background-color:#161622f2}[data-theme=dark] select option:checked,[data-theme=dark] select option:hover{background-color:#8b92f8;color:#fff}select option:disabled{color:var(--text-tertiary);opacity:.5;cursor:not-allowed}select{color:var(--text-primary)}select:invalid{color:var(--text-tertiary)}[data-theme=dark] input[type=range]::-webkit-slider-thumb{background:var(--accent-primary);border:2px solid rgba(139,146,248,.4);box-shadow:0 2px 8px #8b92f859}[data-theme=dark] input[type=range]::-moz-range-thumb{background:var(--accent-primary);border:2px solid rgba(139,146,248,.4);box-shadow:0 2px 8px #8b92f859}[data-theme=dark] input[type=range]{background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) var(--value, 50%),rgba(65,65,85,.55) var(--value, 50%),rgba(65,65,85,.55) 100%)}.mixed-type-select{width:70px}.mixed-point-select{width:40px;text-align:center}[data-theme=dark] #add-dataset,[data-theme=dark] #remove-dataset,[data-theme=dark] #export-image{background:linear-gradient(135deg,#1e2034f2,#131422f2);border:1.5px solid rgba(90,99,142,.7);color:#e2e4faeb;box-shadow:0 18px 38px #0406147a}[data-theme=dark] #remove-dataset{background:linear-gradient(135deg,#ffd7dc,#ffbcc4);border:1.5px solid rgba(228,140,152,.8);color:#211012}[data-theme=dark] #update-chart{background:#1e1e2db3;border:1.5px solid rgba(65,65,85,.55);color:#e2e4f6;box-shadow:0 6px 18px #00000059}[data-theme=dark] #update-chart:hover{background:#232332cc;border-color:var(--accent-primary)}[data-theme=dark] #remove-dataset:hover{background:linear-gradient(135deg,#ffc7ce,#ffadb9);transform:translateY(-2px);box-shadow:0 20px 38px #00000042;border-color:#c45a6ebf}.dataset-item.collapsed{max-height:60px;opacity:.7;padding:12px 16px}.dataset-item.collapsed:hover{opacity:.9}.dataset-collapse-toggle{position:absolute;top:10px;right:10px;width:24px;height:24px;background:linear-gradient(135deg,#8b92f8,#6f79f0);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;opacity:0}.dataset-item:hover .dataset-collapse-toggle{opacity:1}.dataset-collapse-toggle:hover{transform:scale(1.2);background:var(--accent-hover)}.dataset-item:nth-child(1){animation-delay:0s}.dataset-item:nth-child(2){animation-delay:.05s}.dataset-item:nth-child(3){animation-delay:.1s}.dataset-item:nth-child(4){animation-delay:.15s}.dataset-item:nth-child(5){animation-delay:.2s}[data-theme=dark] .dataset-item{background:linear-gradient(160deg,#121422eb,#0c0d16eb);border-color:#464c7680;box-shadow:0 16px 32px #04061073}[data-theme=dark] .dataset-item:hover{background:#1e1e2d99;border-color:var(--accent-primary);box-shadow:0 4px 16px #8b92f81f}.dataset-item:hover{border-color:var(--border-color);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px) scale(1.01)}.dataset-item .color-input{display:flex;align-items:center}.dataset-item .color-input label{margin-right:10px}#add-dataset,#remove-dataset,#update-chart,#export-image{width:100%;padding:14px 24px;border:1.5px solid rgba(190,198,240,.55);border-radius:18px;cursor:pointer;font-size:13.5px;font-weight:600;transition:all .25s ease;margin-top:12px;letter-spacing:.04em;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffffff2,#e6ecffe6);color:var(--accent-text);box-shadow:0 10px 26px #1718221f}#add-dataset,#export-image{background:linear-gradient(135deg,#6c76ebf2,#8b92f8eb);border-color:#8b92f8b3}#remove-dataset{background:linear-gradient(135deg,#ffd7dc,#ffbcc4);border-color:#e48c98cc;color:#211012}#update-chart{background:linear-gradient(135deg,#f8f9fff5,#edf0ffeb)}#add-dataset:hover,#remove-dataset:hover,#export-image:hover,#update-chart:hover{transform:translateY(-2px);box-shadow:0 20px 36px #1718222e;border-color:#7a8cdcc7}#add-dataset:active,#remove-dataset:active,#export-image:active,#update-chart:active{transform:translateY(0);box-shadow:0 10px 20px #1718221f}#add-dataset:after,#export-image:after,#remove-dataset:after{display:inline-block;transition:transform .25s ease;opacity:.7}#add-dataset:after,#export-image:after{content:"→";margin-left:8px;font-size:12px}#remove-dataset:after{content:"×";margin-left:8px;font-size:16px}#add-dataset:hover:after,#export-image:hover:after,#remove-dataset:hover:after{transform:translate(4px);opacity:.9}#add-dataset:hover,#export-image:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 26px #0000001f}#remove-dataset:hover{background:linear-gradient(135deg,#ffc7ce,#ffadb9);transform:translateY(-2px);box-shadow:0 12px 26px #0000001f}#export-image.exporting{animation:downloadSuccess .6s ease-out;background:linear-gradient(135deg,#11998e,#38ef7d)!important;color:#fff!important}#export-image.exporting:after{content:"✓"!important;animation:fadeIn .3s ease-out}#add-dataset.success{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}#update-chart.updating{position:relative;pointer-events:none;opacity:.7}#update-chart.updating:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--accent-primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;transform:translate(-50%,-50%)}#add-dataset:active,#remove-dataset:active,#export-image:active{transform:translateY(0);box-shadow:0 6px 12px #0000001a}#update-chart{background:linear-gradient(180deg,#faf7f3e6,#f4ede2e6);border:1.5px solid var(--accent-border);color:var(--accent-text);margin-top:20px}#update-chart:hover{background:var(--accent-hover)}.divider{background-color:var(--bg-divider);transition:background-color .3s ease}[data-theme=dark] .divider{background-color:#41415533}.main-content{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s ease}[data-theme=dark] .main-content{background:linear-gradient(140deg,#0c0d18f2,#101120f2 45%,#161726eb)}.chart-wrap{width:100%;height:calc(100% - 36px);position:relative}.chart-wrap.loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;transform:translate(-50%,-50%);z-index:10}.chart-wrap.loading:after{content:"加载中...";position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%);font-size:12px;color:var(--text-tertiary);z-index:10}#myChart,#d3Chart{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border-radius:12px;box-shadow:0 1px 3px #00000008,0 4px 12px #0000000d;transition:opacity .4s ease,transform .4s ease,box-shadow .3s ease;animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}[data-theme=dark] #myChart,[data-theme=dark] #d3Chart{box-shadow:0 1px 3px #0003,0 4px 16px #0000004d}.chart-transition{animation-name:chartFadeIn}#myChart.fade-out,#d3Chart.fade-out{animation-name:chartFadeOut}#myChart.fade-in,#d3Chart.fade-in{animation-name:chartFadeIn}#myChart.chart-updating,#d3Chart.chart-updating{opacity:.7;transform:scale(.98)}.chart-subnote{margin-top:8px;color:var(--text-tertiary);font-size:13px;transition:color .3s ease}.control-group.hidden{display:none!important;margin:0!important;padding:0!important;max-height:0!important;opacity:0!important;pointer-events:none!important}.control-group:not(.hidden){display:block;opacity:1;pointer-events:auto}#myChart:not(.hidden),#d3Chart:not(.hidden){display:block!important;visibility:visible!important;opacity:1!important}#myChart.hidden,#d3Chart.hidden,canvas.hidden,svg.hidden{display:none!important;visibility:hidden!important;opacity:0!important}.hidden:not(.control-group):not(#myChart):not(#d3Chart):not(canvas):not(svg){display:none!important}.hidden-instant{display:none!important}.switch{position:relative;display:inline-block;width:54px;height:28px;margin:0 10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(180deg,#e6eaffcc,#d7e0ff99);border-radius:999px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1.2px solid rgba(170,182,230,.45);box-shadow:inset 0 1px #fff9}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:2.5px;background:linear-gradient(135deg,#fff,#f2f3fff2);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 6px 14px #1718222e,inset 0 1px #ffffffe6}input:checked+.slider{background:linear-gradient(135deg,#c7d1fff2,#d5deffd9);border-color:#8e9ce6a6;box-shadow:0 8px 22px #17182226}input:checked+.slider:before{transform:translate(26px);box-shadow:0 6px 18px #6478dc33,inset 0 1px #fffffff2}[data-theme=dark] .slider{background:linear-gradient(160deg,#161726eb,#10111ceb);border:1px solid rgba(70,76,118,.55)}[data-theme=dark] input:checked+.slider{background:linear-gradient(135deg,#8b92f8,#6f79f0);box-shadow:0 0 12px #8b92f859}[data-theme=dark] .slider:before{background-color:#f7f7f8;box-shadow:0 2px 6px #00000059}[data-theme=dark] input:checked+.slider:before{box-shadow:0 2px 6px #8b92f873}@media screen and (max-width:1200px){body{min-width:1200px;overflow-x:scroll;align-items:flex-start;padding:20px 0}.container{width:1140px;min-width:1140px;height:700px;min-height:700px;flex-shrink:0}.sidebar,.rightbar{min-width:200px;font-size:14px}.main-content{min-width:400px}}[data-theme=dark] .control-group label,[data-theme=dark] .right-axis-control .switch-label,[data-theme=dark] .visibility-control .switch-label{color:#e2e4f6}[data-theme=dark] .control-group select,[data-theme=dark] select,[data-theme=dark] .control-group input[type=text],[data-theme=dark] .control-group input[type=color],[data-theme=dark] .control-group textarea,[data-theme=dark] .control-group input[type=range]{background-image:linear-gradient(145deg,#0e101cf5,#131524f5);border-color:#525a82a6;color:#f5f6ff;box-shadow:inset 0 1px #ffffff0d,0 10px 22px #04061066}[data-theme=dark] .control-group select,[data-theme=dark] select{background-image:linear-gradient(145deg,#0e101cf5,#131524f5),url('data:image/svg+xml;utf8,<svg fill="%23f5f6ff" height="16" width="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat,no-repeat;background-size:100% 100%,16px;background-position:center,right 18px center}[data-theme=dark] .control-group input[type=text]::placeholder,[data-theme=dark] .control-group textarea::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#e3e6ffc7}[data-theme=dark] select option{color:#f0f1ff}[data-theme=dark] select{color-scheme:dark}.inline-row span{font-size:12px;color:var(--text-secondary)}.inline-row input[type=number]{display:inline-block;width:48px;font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid var(--border-color)}.inline-row .dimension-group{display:inline-flex;align-items:center;gap:8px;margin-left:12px}.inline-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#00000005;border-radius:8px;margin-bottom:10px}[data-theme=dark] .inline-row{background:#ffffff05;border-color:#41415533}.inline-row-header{display:flex;align-items:center;gap:8px}.inline-row-header>span:first-child{font-weight:500;min-width:52px;color:var(--text-primary)}[data-theme=dark] .inline-row-header>span:first-child{color:#e8e8ea}.inline-row select.mixed-type-select{width:90px;font-size:13px;padding:5px 10px;border-radius:6px;border:1px solid var(--border-color)}.inline-row select.point-style-select{width:44px;text-align:center;font-size:14px;padding:5px;border-radius:6px;border:1px solid var(--border-color)}.inline-row .dimension-group{display:inline-flex;align-items:center;gap:8px;margin-left:0;flex-basis:100%;margin-top:8px}.inline-row .dimension-label{font-size:11px;color:var(--text-secondary)}.inline-row .dimension-input{width:42px;font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid var(--border-color)}