:root{--theme-bg-primary:#0d1117;--theme-bg-secondary:#161b22;--theme-bg-tertiary:#21262d;--theme-bg-panel:#1a1a2ef2;--theme-bg-panel-light:#1a1a2ee6;--theme-bg-input:#1a1a2e99;--theme-bg-hover:#4fc3f71a;--theme-bg-active:#4fc3f733;--theme-text-primary:#e6edf3;--theme-text-secondary:#8b949e;--theme-text-muted:#9e9e9e;--theme-text-disabled:#6e7681;--theme-text-white:#fff;--theme-accent-primary:#4fc3f7;--theme-accent-secondary:#58a6ff;--theme-accent-hover:#81d4fa;--theme-accent-glow:#4fc3f766;--theme-accent-subtle:#4fc3f726;--theme-border-default:#30363d;--theme-border-accent:#4fc3f74d;--theme-border-accent-hover:#4fc3f780;--theme-border-subtle:#4fc3f71a;--theme-success:#3fb950;--theme-success-bg:#3fb95026;--theme-success-border:#3fb95066;--theme-warning:#d29922;--theme-warning-bg:#d2992226;--theme-warning-border:#d2992266;--theme-error:#f85149;--theme-error-bg:#f8514926;--theme-error-border:#f8514966;--theme-cancel:#ff6b6b;--theme-cancel-bg:#ff6b6b26;--theme-cancel-border:#ff6b6b80;--theme-shadow-panel:0 4px 24px #00000080;--theme-shadow-card:0 4px 20px #00000080;--theme-shadow-button:0 2px 8px #0000004d;--theme-shadow-glow:0 0 12px #4fc3f766;--theme-shadow-focus:0 0 0 3px #4fc3f74d;--theme-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--theme-font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--theme-font-size-xs:10px;--theme-font-size-sm:12px;--theme-font-size-base:13px;--theme-font-size-md:14px;--theme-font-size-lg:16px;--theme-font-size-xl:18px;--theme-font-size-2xl:20px;--theme-font-weight-normal:400;--theme-font-weight-medium:500;--theme-font-weight-semibold:600;--theme-font-weight-bold:700;--theme-line-height-tight:1.25;--theme-line-height-normal:1.5;--theme-line-height-relaxed:1.75;--theme-letter-spacing-tight:-.025em;--theme-letter-spacing-normal:0;--theme-letter-spacing-wide:.5px;--theme-spacing-xs:4px;--theme-spacing-sm:8px;--theme-spacing-md:12px;--theme-spacing-lg:16px;--theme-spacing-xl:20px;--theme-spacing-2xl:24px;--theme-radius-sm:4px;--theme-radius-md:6px;--theme-radius-lg:8px;--theme-radius-xl:12px;--theme-radius-full:9999px;--theme-transition-fast:.15s ease;--theme-transition-normal:.2s ease;--theme-transition-slow:.3s ease;--theme-z-base:1;--theme-z-dropdown:50;--theme-z-sticky:75;--theme-z-panel:100;--theme-z-modal:200;--theme-z-tooltip:1000;--control-panel-width:300px;--control-panel-bg:var(--theme-bg-panel);--control-panel-border:var(--theme-border-accent);--control-panel-shadow:var(--theme-shadow-panel);--control-panel-radius:var(--theme-radius-xl);--tooltip-bg:var(--theme-bg-panel);--tooltip-border:var(--theme-border-accent);--tooltip-shadow:var(--theme-shadow-card);--tooltip-radius:var(--theme-radius-lg);--tooltip-padding:var(--theme-spacing-md) var(--theme-spacing-lg);--button-bg:var(--theme-bg-tertiary);--button-bg-hover:var(--theme-bg-hover);--button-bg-active:var(--theme-bg-active);--button-border:var(--theme-border-accent);--button-text:var(--theme-text-primary);--button-radius:var(--theme-radius-md);--input-bg:var(--theme-bg-input);--input-border:var(--theme-border-accent);--input-text:var(--theme-text-primary);--input-placeholder:var(--theme-text-muted);--input-radius:var(--theme-radius-md);--section-header-color:var(--theme-text-muted);--section-header-size:var(--theme-font-size-sm);--section-header-weight:var(--theme-font-weight-semibold);--section-header-spacing:var(--theme-letter-spacing-wide)}.text-primary{color:var(--theme-text-primary)}.text-secondary{color:var(--theme-text-secondary)}.text-muted{color:var(--theme-text-muted)}.text-accent{color:var(--theme-accent-primary)}.text-success{color:var(--theme-success)}.text-warning{color:var(--theme-warning)}.text-error{color:var(--theme-error)}.bg-primary{background-color:var(--theme-bg-primary)}.bg-secondary{background-color:var(--theme-bg-secondary)}.bg-tertiary{background-color:var(--theme-bg-tertiary)}.bg-panel{background-color:var(--theme-bg-panel)}.bg-accent{background-color:var(--theme-bg-active)}.border-default{border-color:var(--theme-border-default)}.border-accent{border-color:var(--theme-border-accent)}.border-subtle{border-color:var(--theme-border-subtle)}.interactive{color:var(--theme-accent-primary);cursor:pointer;transition:color var(--theme-transition-fast)}.interactive:hover{color:var(--theme-accent-hover)}.interactive:focus-visible{outline:2px solid var(--theme-accent-primary);outline-offset:2px}.theme-panel{background-color:var(--control-panel-bg);border:1px solid var(--control-panel-border);border-radius:var(--control-panel-radius);box-shadow:var(--control-panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--theme-font-family);color:var(--theme-text-primary)}.theme-tooltip{pointer-events:none;z-index:var(--theme-z-tooltip);background-color:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--tooltip-radius);padding:var(--tooltip-padding);box-shadow:var(--tooltip-shadow);font-family:var(--theme-font-family);font-size:var(--theme-font-size-base);color:var(--theme-text-primary);min-width:200px;max-width:300px;position:fixed}.theme-button{justify-content:center;align-items:center;gap:var(--theme-spacing-sm);padding:var(--theme-spacing-sm) var(--theme-spacing-lg);background-color:var(--button-bg);border:1px solid var(--button-border);border-radius:var(--button-radius);color:var(--button-text);font-family:var(--theme-font-family);font-size:var(--theme-font-size-md);font-weight:var(--theme-font-weight-medium);cursor:pointer;transition:all var(--theme-transition-normal);display:inline-flex}.theme-button:hover{background-color:var(--button-bg-hover);border-color:var(--theme-border-accent-hover)}.theme-button:focus-visible{box-shadow:var(--theme-shadow-focus);outline:none}.theme-button:disabled{opacity:.5;cursor:not-allowed}.theme-button-primary{background-color:var(--theme-accent-subtle);border-color:var(--theme-border-accent);color:var(--theme-accent-primary)}.theme-button-primary:hover{background-color:var(--theme-bg-active);border-color:var(--theme-accent-primary);box-shadow:var(--theme-shadow-glow)}.theme-button-danger{background-color:var(--theme-cancel-bg);border-color:var(--theme-cancel-border);color:var(--theme-cancel)}.theme-button-danger:hover{border-color:var(--theme-cancel);background-color:#ff6b6b40;box-shadow:0 0 8px #ff6b6b4d}.theme-input{padding:var(--theme-spacing-sm) var(--theme-spacing-md);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-family:var(--theme-font-family);font-size:var(--theme-font-size-base);transition:border-color var(--theme-transition-fast);outline:none}.theme-input:focus{border-color:var(--theme-accent-primary);box-shadow:var(--theme-shadow-focus)}.theme-input::placeholder{color:var(--input-placeholder)}.theme-select{padding:var(--theme-spacing-sm) var(--theme-spacing-md);background-color:var(--theme-bg-secondary);border:1px solid var(--theme-border-accent);border-radius:var(--input-radius);color:var(--theme-text-primary);font-family:var(--theme-font-family);font-size:var(--theme-font-size-base);cursor:pointer;outline:none}.theme-select:focus{border-color:var(--theme-accent-primary)}.theme-section-header{font-size:var(--section-header-size);font-weight:var(--section-header-weight);color:var(--section-header-color);text-transform:uppercase;letter-spacing:var(--section-header-spacing);margin-bottom:var(--theme-spacing-xs)}.theme-card{background-color:var(--theme-bg-input);border:1px solid var(--theme-border-accent);border-radius:var(--theme-radius-lg);padding:var(--theme-spacing-sm)}@keyframes theme-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes theme-spin{to{transform:rotate(360deg)}}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}.theme-pulse{animation:1.5s ease-in-out infinite theme-pulse}.theme-spin{animation:1s linear infinite theme-spin}.theme-fade-in{animation:.2s ease-out theme-fade-in}.theme-scrollbar::-webkit-scrollbar{width:8px;height:8px}.theme-scrollbar::-webkit-scrollbar-track{background:var(--theme-bg-secondary)}.theme-scrollbar::-webkit-scrollbar-thumb{background:var(--theme-border-default);border-radius:var(--theme-radius-sm)}.theme-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-text-secondary)}:focus-visible{outline:2px solid var(--theme-accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media print{:root{--theme-bg-primary:#fff;--theme-bg-secondary:#f5f5f5;--theme-text-primary:#000;--theme-text-secondary:#333;--theme-accent-primary:#06c}}:root{--color-bg-primary:var(--theme-bg-primary);--color-bg-secondary:var(--theme-bg-secondary);--color-bg-tertiary:var(--theme-bg-tertiary);--color-text-primary:var(--theme-text-primary);--color-text-secondary:var(--theme-text-secondary);--color-accent-primary:var(--theme-accent-primary);--color-accent-secondary:var(--theme-accent-secondary);--color-border:var(--theme-border-default);--color-success:var(--theme-success);--color-warning:var(--theme-warning);--color-error:var(--theme-error);font-family:var(--theme-font-family);line-height:var(--theme-line-height-normal);font-weight:var(--theme-font-weight-normal);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--theme-bg-primary);color:var(--theme-text-primary)}#root{width:100%;height:100%}button,select,input{background-color:var(--theme-bg-tertiary);color:var(--theme-text-primary);border:1px solid var(--theme-border-default);border-radius:var(--theme-radius-sm);padding:var(--theme-spacing-sm) var(--theme-spacing-lg);cursor:pointer;transition:background-color var(--theme-transition-normal), border-color var(--theme-transition-normal)}button:hover,select:hover{background-color:var(--theme-bg-secondary);border-color:var(--theme-accent-primary)}button:focus,select:focus,input:focus{outline:2px solid var(--theme-accent-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--theme-border-default);border-radius:var(--theme-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--theme-text-secondary)}input[type=range]{appearance:none;background:var(--theme-accent-subtle);cursor:pointer;border:none;border-radius:3px;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--theme-radius-full);background:var(--theme-accent-primary);cursor:pointer;border:2px solid var(--theme-bg-primary);width:16px;height:16px;box-shadow:0 2px 6px var(--theme-accent-glow);transition:transform var(--theme-transition-fast), box-shadow var(--theme-transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 10px #4fc3f799}input[type=range]::-moz-range-thumb{border-radius:var(--theme-radius-full);background:var(--theme-accent-primary);cursor:pointer;border:2px solid var(--theme-bg-primary);width:16px;height:16px;box-shadow:0 2px 6px var(--theme-accent-glow);transition:transform var(--theme-transition-fast), box-shadow var(--theme-transition-fast)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 10px #4fc3f799}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:var(--theme-shadow-focus), 0 2px 6px var(--theme-accent-glow)}