:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-panel:#16213e;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--text-dim:#7f8fa6;--accent:#4488cc;--accent-hover:#5599dd;--border:#2a2a4e;--danger:#cc4444;--success:#44aa66;--warning:#ccaa44}body.light-mode{--bg-primary:#f5f5f5;--bg-secondary:#ffffff;--bg-panel:#fafafa;--text-primary:#1a1a2e;--text-secondary:#555566;--text-dim:#555;--accent:#2266aa;--accent-hover:#1155aa;--border:#ccc;--danger:#cc3333;--success:#228844;--warning:#aa8800}body.sakura-mode{--bg-primary:#fdf2f8;--bg-secondary:#fff0f5;--bg-panel:#fce4ec;--text-primary:#5a2d4a;--text-secondary:#996b8a;--text-dim:#996b8a;--accent:#d8477c;--accent-hover:#c0365e;--border:#f5c6d0;--danger:#c62828;--success:#2e7d32;--warning:#f9a825}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);height:48px;flex-shrink:0}.top-bar h1{font-size:16px;font-weight:600}.top-bar-left{display:flex;align-items:center;gap:12px}.top-bar-center{font-size:13px;color:var(--text-secondary)}.top-bar-right{display:flex;gap:8px;align-items:center}.back-btn{background:none;color:var(--accent);padding:4px 10px}.back-btn,button{border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px}button{background:var(--bg-secondary);color:var(--text-primary);padding:4px 12px}button.active,button:hover{background:var(--accent);color:#fff}button.active{border-color:var(--accent)}.toolbar-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:default}.toolbar-label select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:11px;cursor:pointer}.toolbar-label input[type=checkbox]{accent-color:var(--accent)}.layout-panel-root{position:relative}.layout-panel-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;cursor:pointer;max-width:280px}.layout-panel-trigger:hover{background:var(--bg-panel,rgba(255,255,255,.06));color:var(--text-primary)}.layout-panel-trigger:disabled{opacity:.5;cursor:not-allowed}.layout-panel-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-panel-trigger-prog{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.layout-panel-trigger-caret{opacity:.6;font-size:10px}.layout-panel-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:320px;padding:10px 12px;background:var(--bg-panel,#1a1a2e);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:8px}.layout-panel-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.layout-panel-label{font-size:11px;color:var(--text-secondary);flex:1 1}.layout-panel-row input[type=number],.layout-panel-row select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:11px;width:130px}.layout-panel-row input[type=number]{width:80px;text-align:right}.layout-panel-hint{font-size:10.5px;color:var(--text-dim,var(--text-secondary));opacity:.8;margin-top:-4px}.layout-panel-form{display:flex;flex-direction:column;gap:4px;padding:6px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.layout-panel-bool{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--text-primary);cursor:pointer;padding:2px 0}.layout-panel-bool.disabled{opacity:.5;cursor:not-allowed}.layout-panel-bool input[type=checkbox]{margin-top:2px;accent-color:var(--accent)}.layout-panel-bool-label{flex:1 1}.layout-panel-bool-hint{color:var(--text-secondary);opacity:.75;font-size:10.5px}.layout-panel-progress{display:flex;flex-direction:column;gap:4px}.layout-panel-bar{width:100%;height:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;overflow:hidden}.layout-panel-bar-fill{height:100%;background:var(--accent,#00d2ff);transition:width .1s linear}.layout-panel-progress-text{font-size:10.5px;color:var(--text-secondary);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.layout-panel-actions{display:flex;justify-content:flex-end;gap:6px}.layout-panel-compute{background:var(--accent,#00d2ff);color:#000;border:1px solid var(--accent,#00d2ff);font-weight:600;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:11px}.layout-panel-compute:hover{filter:brightness(1.1);color:#000}.layout-panel-abort{background:#cc4444;color:#fff;border:1px solid #cc4444;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.layout-panel-abort:hover{background:#e05555;color:#fff}.btn-theme{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:14px}.btn-theme:hover{background:var(--accent);color:#fff}.main-content{display:flex;flex:1 1;overflow:hidden}.graph-panel{flex:1 1;position:relative;min-width:200px}.right-panel{flex:0 0 400px;flex-direction:column;border-left:1px solid var(--border);overflow:hidden}.right-panel,.viewer-tabs{display:flex;background:var(--bg-secondary)}.viewer-tabs{border-bottom:1px solid var(--border);flex-shrink:0}.viewer-tabs button{padding:5px 12px;font-size:11px;background:transparent;color:var(--text-dim,#7f8fa6);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.viewer-tabs button:hover{color:var(--text-primary,#e0e0e0)}.viewer-tabs button.active{color:var(--accent,#00d2ff);border-bottom-color:var(--accent,#00d2ff)}.viewer-panel{flex:1 1;min-height:0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;position:relative}.info-panel-container{flex:1 1;overflow-y:auto;padding:12px}.filter-panel{position:absolute;top:34px;left:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:12px;width:220px;z-index:10;max-height:calc(100vh - 120px);overflow-y:auto}.filter-panel h3{font-size:13px}.filter-group,.filter-panel h3{margin-bottom:8px}.filter-group label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:2px}.filter-group input[type=number],.filter-group input[type=text],.filter-group select{width:100%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:4px 8px;border-radius:3px;font-size:12px}.filter-actions{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.filter-actions button{flex:1 1;min-width:60px;font-size:11px;padding:4px 6px}.filter-ring-buttons{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.ring-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:2px 8px;border-radius:3px;cursor:pointer;font-size:11px;min-width:28px;text-align:center}.ring-btn:hover{border-color:var(--accent);color:var(--accent)}.ring-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-cyclic-toggle{display:flex;gap:4px;margin-top:4px}.cyclic-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:2px 8px;border-radius:3px;cursor:pointer;font-size:11px}.cyclic-btn:hover{border-color:var(--accent);color:var(--accent)}.cyclic-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-reaction-types{margin-top:4px}.reaction-type-check{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);margin-bottom:2px;cursor:pointer}.reaction-type-check input[type=checkbox]{margin:0}.reaction-type-check:hover{color:var(--text-primary)}.info-panel h3{font-size:14px;margin-bottom:8px}.info-panel table{width:100%;font-size:12px}.info-panel td{padding:2px 0}.info-panel td:first-child{color:var(--text-secondary);width:100px}.info-panel .mono{font-family:monospace;font-size:11px;word-break:break-all}.info-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.info-actions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.trajectory-controls{padding:8px 12px;background:var(--bg-panel);border-top:1px solid var(--border);font-size:12px}.traj-header{display:flex;justify-content:space-between;margin-bottom:4px}.traj-slider{display:flex;gap:8px;align-items:center}.traj-slider input[type=range]{flex:1 1}.traj-speed{display:flex;gap:6px;align-items:center;margin-top:4px;font-size:11px;color:var(--text-secondary)}.energy-profile canvas{width:100%;height:120px;cursor:crosshair}.vdos-panel{flex:1 1;display:flex;flex-direction:column;background:var(--bg-primary);min-height:100px}.vdos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:600}.vdos-header button{font-size:11px;padding:2px 8px}.vdos-canvas{width:100%;height:150px;cursor:crosshair}.vdos-info{font-size:11px;color:var(--text-secondary);margin-top:4px}.kinetics-panel{display:flex;flex-direction:column;background:var(--bg-primary)}.stats-kinetics-wrap{display:flex;flex-direction:column;width:100%;max-width:1000px}.kinetics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:600}.kinetics-header button{font-size:11px;padding:2px 8px}.kinetics-config{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:11px;flex-wrap:wrap}.kinetics-config input[type=number]{width:70px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:11px}.kinetics-config label{color:var(--text-secondary)}.kinetics-canvas{width:100%;display:block;cursor:crosshair}.kinetics-legend{display:flex;flex-wrap:wrap;gap:4px 8px;padding:6px 12px;background:var(--bg-panel);border-top:1px solid var(--border);font-size:11px;max-height:140px;overflow-y:auto;flex-shrink:0}.kinetics-legend-entry{display:flex;align-items:center;gap:4px;cursor:pointer;opacity:.9}.kinetics-legend-entry:hover{opacity:1;background:var(--bg-secondary)}.kinetics-legend-entry.hidden{opacity:.35}.kinetics-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.kinetics-overview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;font-size:11px}.kinetics-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;padding:2px 8px;white-space:nowrap}.kinetics-pill-label{color:var(--text-secondary);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.kinetics-pill-value{color:var(--text-primary);font-weight:600;font-family:SF Mono,Monaco,monospace}.kinetics-bottom{border-top:1px solid var(--border)}.kinetics-decades-section{padding:8px 12px}.kinetics-decades-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.kinetics-entropy-bar{display:flex;gap:2px;height:48px;align-items:flex-end;margin-bottom:10px;padding:0 2px}.kinetics-entropy-segment{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.kinetics-entropy-fill{width:100%;min-height:2px;background:var(--accent,#00d2ff);opacity:.6;border-radius:2px 2px 0 0}.kinetics-entropy-label{font-size:7px;color:var(--text-dim);margin-top:1px;line-height:1}.kinetics-decades-grid{display:none}.kinetics-decades-compact{display:flex;gap:2px;height:80px;align-items:flex-end}.kinetics-decade-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;cursor:default}.kinetics-decade-col:hover{background:var(--bg-secondary);border-radius:3px}.kinetics-decade-bars{flex:1 1;width:100%;display:flex;gap:1px;align-items:flex-end;padding:0 1px}.kinetics-decade-minibar{flex:1 1;background:var(--accent,#00d2ff);border-radius:1px 1px 0 0;min-width:1px}.kinetics-decade-exp{font-size:7px;color:var(--text-dim);line-height:1;margin-top:2px}.kinetics-dft-bar{width:40px;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;display:inline-block;margin-left:4px}.kinetics-dft-fill{height:100%;background:#2ecc71;border-radius:3px;transition:width .3s}.kinetics-dft-badge{margin-left:8px;font-size:10px;color:var(--text-dim);font-weight:400}.kinetics-initial-conditions{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:6px;font-size:11px}.kinetics-ic-label{font-size:10px;color:var(--text-secondary);font-weight:600;margin-right:2px}.kinetics-reactions-details{margin-bottom:6px;font-size:11px}.kinetics-reactions-summary{cursor:pointer;font-weight:600;color:var(--text-secondary);padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kinetics-reactions-summary:hover{color:var(--text-primary)}.kinetics-reactions-table-wrap{max-height:200px;overflow-y:auto;margin-top:4px}.kinetics-reactions-table{width:100%;border-collapse:collapse;font-size:11px}.kinetics-reactions-table th{text-align:left;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:2px 6px;position:-webkit-sticky;position:sticky;top:0;background:var(--bg-panel)}.kinetics-reactions-table td{padding:3px 6px;border-bottom:1px solid var(--border);white-space:nowrap}.kinetics-rxn-num{font-family:SF Mono,Monaco,monospace;text-align:right}.kinetics-source-tag{display:inline-block;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.03em}.kinetics-source-dft_separated{background:#2ecc7133;color:#2ecc71}.kinetics-source-ml_inbox{background:#f39c1233;color:#f39c12}.kinetics-source-manual{background:#95a5a633;color:#95a5a6}.kinetics-tooltip{position:absolute;pointer-events:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;line-height:1.4;color:var(--text-primary);z-index:10;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3)}.kinetics-entropy-value{font-size:7px;color:var(--text-dim);opacity:.8;line-height:1}.kinetics-entropy-segment.selected{background:var(--bg-secondary);border-radius:3px;outline:1px solid var(--accent,#00d2ff)}.kinetics-decade-detail{border-top:1px solid var(--border);padding:8px 12px}.kinetics-decade-detail-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.kinetics-decade-detail-header button{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:0 4px}.kinetics-decade-detail-bars{display:flex;flex-direction:column;gap:2px}.kinetics-decade-detail-row{display:flex;align-items:center;gap:6px;font-size:11px}.kinetics-decade-detail-name{width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Monaco,monospace;flex-shrink:0}.kinetics-decade-detail-bar-bg{flex:1 1;height:10px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.kinetics-decade-detail-bar-fill{height:100%;background:var(--accent,#00d2ff);border-radius:2px}.kinetics-decade-detail-val{width:50px;text-align:right;font-family:SF Mono,Monaco,monospace;font-size:10px;color:var(--text-dim);flex-shrink:0}.kinetics-time-bar{margin-top:6px;display:flex;align-items:center;gap:8px}.kinetics-time-bar input[type=range]{flex:1 1}.kinetics-time-label{font-size:11px;color:var(--text-secondary);min-width:80px;text-align:right}.color-mode-select{display:flex;align-items:center;gap:6px;font-size:12px}.color-mode-select select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px}.crumb{color:var(--accent);cursor:pointer;text-decoration:none}.crumb:hover{text-decoration:underline}.crumb:last-child{color:var(--text-primary);cursor:default}.crumb-sep{color:var(--text-secondary);font-size:12px}.viewer-overlay-buttons{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:5}.viewer-btn{background:rgba(15,15,26,.7);border:1px solid var(--border);color:var(--text-secondary);padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}body.light-mode .viewer-btn{background:rgba(245,245,245,.8);border-color:#bbb;color:#444}body.light-mode .viewer-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}body.sakura-mode .viewer-btn{background:rgba(253,242,248,.8);border-color:var(--border);color:var(--text-secondary)}body.sakura-mode .viewer-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.viewer-toggle-btn{position:absolute;top:6px;left:6px;z-index:5;background:rgba(15,15,26,.7);border:1px solid var(--border);color:var(--text-secondary);padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer-toggle-btn:hover{background:var(--accent);color:#fff}.diagram-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.diagram-viewer img{max-width:95%;max-height:95%;object-fit:contain}.diagram-svg-container{display:flex;align-items:center;justify-content:center}.diagram-svg-container svg{width:100%;height:100%;max-width:100%;max-height:100%}.mode-controls{padding:6px 12px;background:var(--bg-panel);border-top:1px solid var(--border);font-size:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mode-eigenvalue{font-size:11px;color:var(--text-secondary)}.mode-imaginary{color:var(--danger);font-weight:600}.mode-badge-imaginary{background:var(--danger);color:#fff;font-size:9px;padding:1px 4px;border-radius:3px;font-weight:600}.viewer-btn-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.overlay-legend{position:absolute;bottom:6px;left:6px;background:rgba(15,15,26,.85);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:11px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-entry{display:flex;align-items:center;gap:6px;margin-bottom:2px}.overlay-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.overlay-rmsd{color:var(--text-secondary);font-size:10px;margin-top:2px}.overlay-actions{margin-top:4px;display:flex;gap:4px}.overlay-actions button{font-size:10px;padding:2px 6px}.annotation-editor{margin-top:8px;padding:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px}.annotation-editor h4{font-size:12px;margin-bottom:6px;color:var(--text-secondary)}.annotation-field{margin-bottom:6px}.annotation-field label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:2px}.annotation-field input,.annotation-field textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:4px 8px;border-radius:3px;font-size:12px;font-family:inherit}.annotation-field textarea{resize:vertical;min-height:40px}.annotation-status{font-size:10px;color:var(--success);font-style:italic}.split-handle{flex-shrink:0;background:var(--border);z-index:5;transition:background .15s}.split-h{width:5px;cursor:col-resize;align-self:stretch}.split-h:hover{background:var(--accent)}.split-v{height:5px;cursor:row-resize;align-self:stretch;width:100%}.split-v:hover{background:var(--accent)}body.resizing-h{cursor:col-resize!important}body.resizing-v{cursor:row-resize!important}body.resizing-h *,body.resizing-v *{pointer-events:none!important}.footer-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:var(--bg-panel);border-top:1px solid var(--border);font-size:11px;color:var(--text-secondary);flex-shrink:0;height:28px}.footer-actions,.footer-info{display:inline-flex;align-items:center;gap:6px}.impressum-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);align-items:center;justify-content:center;z-index:100}.impressum-overlay.visible{display:flex}.impressum-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;color:var(--text-primary);font-size:13px;line-height:1.5}.impressum-box h2{font-size:18px;margin-bottom:12px}.impressum-box p{margin-bottom:8px}.impressum-box a{color:var(--accent)}.impressum-close-btn{margin-top:16px;background:var(--accent);color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px}.impressum-close-btn:hover{background:var(--accent-hover)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tour-start-btn{display:inline-flex;align-items:center;gap:4px}.tour-root{position:fixed;inset:0;z-index:9999}.tour-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);pointer-events:auto}.tour-spotlight{position:fixed;border-radius:6px;box-shadow:0 0 0 9999px rgba(0,0,0,.6);border:2px solid var(--accent,#4488cc);pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;animation:tour-pulse 1.8s ease-in-out infinite}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 9999px rgba(0,0,0,.6),0 0 0 0 rgba(68,136,204,.45)}50%{box-shadow:0 0 0 9999px rgba(0,0,0,.6),0 0 0 6px rgba(68,136,204,0)}}.tour-tip{position:fixed;border:1px solid var(--border,#2a2a4e);border-radius:8px;padding:16px 18px;color:var(--text-primary,#e0e0e0);font-size:13px;line-height:1.55;box-shadow:0 8px 28px rgba(0,0,0,.45);pointer-events:auto;transition:top .25s ease,left .25s ease}.tour-arrow,.tour-tip{background:var(--bg-panel,#16213e)}.tour-arrow{position:absolute;width:12px;height:12px;border:1px solid var(--border,#2a2a4e);transform:rotate(45deg)}.tour-arrow-up{top:-7px;border-right:none;border-bottom:none;margin-left:-6px}.tour-arrow-down{bottom:-7px;border-left:none;border-top:none;margin-left:-6px}.tour-tip-step{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent,#4488cc);margin-bottom:4px}.tour-tip-title{font-size:16px;font-weight:600;margin-bottom:8px}.tour-tip-body{margin-bottom:14px}.tour-tip-body b{color:var(--text-primary,#fff)}.tour-tip-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;gap:8px}.tour-tip-actions button{padding:5px 14px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid var(--border,#2a2a4e);background:transparent;color:var(--text-primary,#e0e0e0)}.tour-tip-actions button:hover:not(:disabled){background:var(--accent,#4488cc);color:#fff}.tour-tip-actions button:disabled{opacity:.4;cursor:default}.tour-next{background:var(--accent,#4488cc)!important;color:#fff!important;border-color:var(--accent,#4488cc)!important}.tour-next:hover{background:var(--accent-hover,#5599dd)!important}.tour-skip{opacity:.7}@keyframes sakura-fall{0%{transform:translateY(-10vh) rotate(0deg) translateX(0);opacity:1}70%{opacity:1}to{transform:translateY(105vh) rotate(2turn) translateX(80px);opacity:0}}.sakura-petal{position:fixed;top:0;pointer-events:none;z-index:999;font-size:18px;animation:sakura-fall linear infinite;opacity:.8}.stats-overlay{position:fixed;top:48px;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:50;overflow-y:auto;padding:24px 32px}.stats-panel-inner{position:relative}.stats-close-btn{float:right;background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.stats-close-btn:hover{color:var(--text-primary)}.stats-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.stats-tab{background:transparent;color:var(--text-secondary);font-size:14px;font-family:inherit;padding:8px 20px;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .15s}.stats-tab:hover{color:var(--text-primary);background:transparent}.stats-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;background:transparent}.stats-content{min-height:200px}.stats-content h2{color:var(--accent);font-size:18px;font-weight:600;margin:0 0 16px}.stats-content h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:20px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:20px;gap:20px;margin-bottom:16px}.stats-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.stats-card h3{margin-top:0;border-bottom:none;padding-bottom:0}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table td{padding:4px 8px;border-bottom:1px solid rgba(var(--border),.5)}.stats-table td:first-child{color:var(--text-secondary);white-space:nowrap}.stats-table td:last-child{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;text-align:right}.stats-table tr.highlight td:last-child{color:var(--accent);font-weight:600}.stats-table th{color:var(--text-secondary);font-weight:600;font-size:11px;text-align:left;padding:4px 8px;border-bottom:1px solid var(--border)}.funnel-bar{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px}.funnel-bar-label{flex-shrink:0;color:var(--text-secondary);font-size:11px;min-width:100px}.funnel-bar-track{flex:1 1;height:14px;background:rgba(15,52,96,.5);border-radius:3px;overflow:hidden}.funnel-bar-fill{height:100%;background:var(--accent);border-radius:3px;min-width:2px;transition:width .3s ease}.funnel-bar-value{flex-shrink:0;color:var(--text-secondary);font-size:11px;font-family:SF Mono,Monaco,monospace;width:120px;text-align:right}.info-tip{position:absolute;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:11px;color:var(--text-primary);z-index:20;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3)}.info-tip-icon{display:inline-block;width:14px;height:14px;line-height:14px;text-align:center;font-size:10px;font-style:italic;font-weight:600;border-radius:50%;border:1px solid var(--text-dim,#5a6a86);color:var(--text-dim,#5a6a86);background:transparent;cursor:help;position:relative;vertical-align:middle;margin-left:6px}.info-tip-icon:hover{color:var(--accent,#00d2ff);border-color:var(--accent,#00d2ff)}.info-tip-popup{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--bg-panel,#0a1628);border:1px solid var(--border,#1e3a5f);border-radius:6px;padding:8px 12px;font-size:11px;font-style:normal;font-weight:400;color:var(--text-primary,#e0e6ed);white-space:normal;min-width:200px;max-width:320px;z-index:30;pointer-events:none;margin-top:6px;line-height:1.4;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,.4)}.info-tip-icon:hover .info-tip-popup{display:block}.layout-save-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:16px;z-index:20;min-width:280px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.layout-save-dialog h3{font-size:14px;margin-bottom:10px}.layout-save-dialog input[type=text]{width:100%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-size:13px;margin-bottom:10px}.layout-save-dialog .actions{display:flex;gap:8px;justify-content:flex-end}.dedup-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.dedup-toggle input[type=checkbox]{margin:0}.dedup-toggle:hover{color:var(--text-primary)}.save-layout-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.save-layout-dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:16px;width:280px;display:flex;flex-direction:column;gap:10px}.save-layout-title{font-size:13px;font-weight:600;color:var(--text-primary)}.save-layout-input{width:100%;padding:6px 8px;font-size:12px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;outline:none;box-sizing:border-box}.save-layout-input:focus{border-color:var(--accent,#00d2ff)}.save-layout-existing{display:flex;flex-wrap:wrap;gap:4px}.save-layout-pick{padding:3px 8px;font-size:11px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer}.save-layout-pick:hover{color:var(--text-primary);border-color:var(--text-secondary)}.save-layout-pick.active{background:var(--accent,#00d2ff);color:#000;border-color:var(--accent,#00d2ff)}.save-layout-actions{display:flex;justify-content:flex-end;gap:6px}.save-layout-actions button{padding:4px 12px;font-size:11px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.save-layout-actions button:hover{border-color:var(--text-secondary)}.save-layout-confirm{background:var(--accent,#00d2ff)!important;color:#000!important;border-color:var(--accent,#00d2ff)!important}.save-layout-confirm:disabled{opacity:.4;cursor:default!important}.filter-search-row{display:flex;gap:4px;align-items:stretch}.filter-search-row input[type=text]{flex:1 1;min-width:0}.regex-toggle{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:2px 6px;border-radius:3px;cursor:pointer;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:0 0 auto}.regex-toggle:hover{border-color:var(--accent);color:var(--accent)}.regex-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dual-range{position:relative;height:22px;margin:4px 4px 2px}.dual-range-track{left:0;right:0;background:var(--bg-secondary)}.dual-range-fill,.dual-range-track{position:absolute;top:10px;height:3px;border-radius:3px}.dual-range-fill{background:var(--accent)}.dual-range input[type=range]{position:absolute;left:0;right:0;width:100%;top:0;margin:0;height:22px;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;height:14px;width:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel);cursor:pointer}.dual-range input[type=range]::-moz-range-thumb{pointer-events:auto;height:14px;width:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-panel);cursor:pointer}.dual-range input[type=range]::-webkit-slider-runnable-track{background:transparent;height:3px}.dual-range input[type=range]::-moz-range-track{background:transparent;height:3px}.filter-chevron{display:inline-block;font-size:9px;width:10px;transition:transform .15s;opacity:.7}.filter-chevron.expanded{transform:rotate(90deg)}.filter-compound-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:4px;margin-top:8px;font-size:11px}.filter-group-header{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-secondary);cursor:pointer;font-weight:500;position:-webkit-sticky;position:sticky;top:0;z-index:1}.filter-group-header:hover{background:var(--accent);color:#fff}.filter-compound-item{display:flex;align-items:center;gap:4px;padding:2px 8px 2px 20px;cursor:pointer}.filter-compound-item:hover{background:var(--bg-secondary)}.graph-dragging .graph-label{pointer-events:none!important}