:root{--bg:#f5f3ef;--bg2:#ebe8e2;--surface:rgba(252,250,245,.88);--surface-h:rgba(255,253,248,.95);--border:rgba(0,0,0,.12);--border-l:rgba(0,0,0,.06);--text:#1a1a1a;--text2:#3d3d3d;--text3:#6b6b6b;--brand:#1a1a1a;--brand-l:rgba(26,26,26,.08);--brand-d:#2d2d2d;--accent:#1a1a1a;--accent-l:rgba(26,26,26,.06);--accent-d:#2d2d2d;--purple:#3d3d3d;--purple-l:rgba(26,26,26,.06);--success:#1a1a1a;--success-l:rgba(26,26,26,.06);--warning:#3d3d3d;--warning-l:rgba(26,26,26,.06);--danger:#1a1a1a;--danger-l:rgba(26,26,26,.06);--info:#3d3d3d;--info-l:rgba(26,26,26,.06);--frost:#1a1a1a;--frost-l:rgba(26,26,26,.06);--sand:#3d3d3d;--sand-l:rgba(26,26,26,.06);--graybrown:#7a7a7a;--frost-warm:rgba(252,250,245,.92);--frost-cool:rgba(248,245,240,.95);--r:2px;--rm:2px;--rl:3px;--shadow:0 1px 3px rgba(0,0,0,.1);--shadow-m:0 4px 16px rgba(0,0,0,.12);--shadow-l:0 12px 40px rgba(0,0,0,.15);--glow:0 0 0 1px rgba(0,0,0,.12);--tf:.15s ease;--tn:.2s ease;--ts:.3s ease}:root[data-theme=dark]{--bg:#0d0d0d;--bg2:#161616;--surface:rgba(28,28,28,.92);--surface-h:rgba(38,38,38,.95);--border:rgba(255,255,255,.15);--border-l:rgba(255,255,255,.08);--text:#f0f0f0;--text2:#c0c0c0;--text3:#808080;--brand:#f0f0f0;--brand-l:rgba(240,240,240,.1);--brand-d:#d8d8d8;--accent:#f0f0f0;--accent-l:rgba(240,240,240,.08);--accent-d:#d8d8d8;--purple:#c0c0c0;--purple-l:rgba(240,240,240,.08);--success:#f0f0f0;--success-l:rgba(240,240,240,.08);--warning:#c0c0c0;--warning-l:rgba(240,240,240,.08);--danger:#f0f0f0;--danger-l:rgba(240,240,240,.08);--info:#c0c0c0;--info-l:rgba(240,240,240,.08);--frost:#f0f0f0;--frost-l:rgba(240,240,240,.08);--sand:#c0c0c0;--sand-l:rgba(240,240,240,.08);--graybrown:#909090;--frost-warm:rgba(22,22,22,.92);--frost-cool:rgba(16,16,16,.95);--shadow:0 1px 4px rgba(0,0,0,.4);--shadow-m:0 4px 20px rgba(0,0,0,.5);--shadow-l:0 12px 48px rgba(0,0,0,.6);--glow:0 0 0 1px rgba(255,255,255,.12)}:root[data-theme=light] .titlebar{background:#fcfaf5eb;backdrop-filter:blur(24px);border-bottom-color:#0000001a}:root[data-theme=light] .sidebar{background:#faf8f3e0;backdrop-filter:blur(24px)}:root[data-theme=light] .statusbar{background:#fcfaf5eb;backdrop-filter:blur(24px);border-top-color:#00000014}:root[data-theme=light] .mol-list{background:#fcfaf5d9;backdrop-filter:blur(20px)}:root[data-theme=light] .mol-center{background:radial-gradient(ellipse at 40% 40%,#faf8f3,#f5f3ed,#f0ede5)}:root[data-theme=light] .mol-info{background:#fcfaf5d9;backdrop-filter:blur(20px)}:root[data-theme=light] .mol-btn{background:#fcfaf5e6;backdrop-filter:blur(16px)}:root[data-theme=light] .mol-view-tabs{background:#fcfaf5eb;backdrop-filter:blur(20px)}:root[data-theme=light] .mol-3d-row{background:#fcfaf5eb;backdrop-filter:blur(20px)}:root[data-theme=light] .ec-panel{background:#fcfaf5eb;backdrop-filter:blur(24px)}:root[data-theme=light] .fg-card{background:#fcfaf5d9;backdrop-filter:blur(20px)}:root[data-theme=light] .rx-eq,:root[data-theme=light] .rx-note{background:#fcfaf5d9;backdrop-filter:blur(20px)}:root[data-theme=light] .kf-branch-head{background:#fcfaf5d9;backdrop-filter:blur(20px)}:root[data-theme=light] .kf-branch-body{background:#faf8f3cc;backdrop-filter:blur(16px)}:root[data-theme=light] .modal{background:#fcfaf5f5;backdrop-filter:blur(30px)}:root[data-theme=light] .modal-overlay{background:#00000040;backdrop-filter:blur(8px)}:root[data-theme=light] .loading-overlay{background:#fcfaf5e6;backdrop-filter:blur(24px)}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000002e}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000059}:root[data-theme=light] .sb-item:hover{background:#0000000d}:root[data-theme=light] .mol-item:hover{background:#0000000d}:root[data-theme=light] .mol-cat-head:hover{background:#0000000d}:root[data-theme=light] .rx-item:hover{background:#0000000d}:root[data-theme=light] .note-entry:hover{background:#0000000d}:root[data-theme=light] .kf-leaf:hover{background:#0000000a}:root[data-theme=light] .tb:hover{background:#00000014}:root[data-theme=light] .mol-view-tab:hover{background:#0000000d}:root[data-theme=light] .fg-card:after{background:linear-gradient(105deg,transparent 40%,rgba(0,0,0,.015) 45%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.015) 55%,transparent 60%);background-size:200% 100%}:root[data-theme=dark] .titlebar{background:#121212f2;backdrop-filter:blur(24px);border-bottom-color:#ffffff1f}:root[data-theme=dark] .sidebar{background:#0e0e0eeb;backdrop-filter:blur(24px)}:root[data-theme=dark] .statusbar{background:#121212f2;backdrop-filter:blur(24px);border-top-color:#ffffff1a}:root[data-theme=dark] .mol-list{background:#161616e6;backdrop-filter:blur(20px)}:root[data-theme=dark] .mol-center{background:radial-gradient(ellipse at 30% 30%,#1f1f1f,#171717 40%,#0f0f0f,#0a0a0a);box-shadow:inset 0 0 80px #0006}:root[data-theme=dark] .mol-info{background:#161616e6;backdrop-filter:blur(20px)}:root[data-theme=dark] .mol-btn{background:#1a1a1aeb;backdrop-filter:blur(16px)}:root[data-theme=dark] .mol-view-tabs{background:#161616f2;backdrop-filter:blur(20px)}:root[data-theme=dark] .mol-3d-row{background:#161616f2;backdrop-filter:blur(20px)}:root[data-theme=dark] .ec-panel{background:#161616f2;backdrop-filter:blur(24px)}:root[data-theme=dark] .fg-card{background:#161616e6;backdrop-filter:blur(20px)}:root[data-theme=dark] .rx-eq,:root[data-theme=dark] .rx-note{background:#161616e6;backdrop-filter:blur(20px)}:root[data-theme=dark] .kf-branch-head{background:#161616e6;backdrop-filter:blur(20px)}:root[data-theme=dark] .kf-branch-body{background:#121212d9;backdrop-filter:blur(16px)}:root[data-theme=dark] .modal{background:#1a1a1af5;backdrop-filter:blur(30px)}:root[data-theme=dark] .modal-overlay{background:#00000080;backdrop-filter:blur(8px)}:root[data-theme=dark] .loading-overlay{background:#101010eb;backdrop-filter:blur(24px)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff2e}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff59}:root[data-theme=dark] .sb-item:hover{background:#ffffff0f}:root[data-theme=dark] .mol-item:hover{background:#ffffff0f}:root[data-theme=dark] .mol-cat-head:hover{background:#ffffff0f}:root[data-theme=dark] .rx-item:hover{background:#ffffff0f}:root[data-theme=dark] .note-entry:hover{background:#ffffff0f}:root[data-theme=dark] .kf-leaf:hover{background:#ffffff0a}:root[data-theme=dark] .tb:hover{background:#ffffff1a}:root[data-theme=dark] .mol-view-tab:hover{background:#ffffff0f}:root[data-theme=dark] .fg-card:after{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.015) 45%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.015) 55%,transparent 60%);background-size:200% 100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh;-webkit-user-select:none;user-select:none;letter-spacing:-.01em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.titlebar{height:40px;background:#fcfaf5eb;backdrop-filter:blur(30px);display:flex;align-items:center;padding:0 6px 0 16px;border-bottom:1px solid var(--border);position:relative;z-index:100;box-shadow:0 1px #00000008}.titlebar-icon{width:18px;height:18px;margin-right:10px;flex-shrink:0}.titlebar-icon svg{width:100%;height:100%}.titlebar-text{font-size:12px;font-weight:500;color:var(--text2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.titlebar-text-en{display:block;font-size:9px;color:var(--text3);font-weight:400;margin-top:2px;letter-spacing:.01em;opacity:.6}.titlebar-controls{display:flex}.tb{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text3);cursor:pointer;font-size:11px;transition:all var(--tf);border-radius:var(--r)}.tb:hover{background:#ffffff0d;color:var(--text)}.tb.close:hover{background:var(--danger);color:#fff}.main{display:flex;height:calc(100vh - 66px)}.sidebar{width:200px;min-width:200px;background:#faf8f3e0;backdrop-filter:blur(30px);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sb-section{padding:12px 6px 4px}.sb-title{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);padding:0 10px;margin-bottom:4px}.sb-title-en{display:block;font-size:8px;font-weight:400;text-transform:none;letter-spacing:.02em;opacity:.5;margin-top:2px}.sb-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--rm);cursor:pointer;font-size:12px;font-weight:400;color:var(--text2);transition:all var(--tf);position:relative}.sb-item-text{flex:1}.sb-item-en{display:block;font-size:9px;opacity:.5;margin-top:1px}.sb-item:hover{background:#ffffff08;color:var(--text)}.sb-item.active{background:linear-gradient(90deg,var(--brand-l),rgba(240,150,58,.03));color:var(--brand);font-weight:600}.sb-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:16px;background:var(--brand);border-radius:0 2px 2px 0;box-shadow:0 0 8px #f0963a4d}.sb-icon{width:15px;height:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sb-icon svg{width:13px;height:13px}.sb-badge{margin-left:auto;font-size:9px;font-weight:600;background:linear-gradient(135deg,var(--brand-d),var(--brand));color:#fff;padding:1px 6px;border-radius:8px;line-height:1.4}.content{flex:1;overflow:hidden;background:var(--bg);position:relative}.module{width:100%;height:100%;display:none;flex-direction:column;opacity:0;transition:opacity .3s ease,transform .3s ease}.module.active{display:flex;opacity:1}.statusbar{height:26px;background:#fcfaf5eb;backdrop-filter:blur(30px);border-top:1px solid var(--border-l);display:flex;align-items:center;padding:0 14px;font-size:10px;color:var(--text3);gap:14px}.st-dot{width:5px;height:5px;border-radius:50%;background:var(--success);flex-shrink:0;box-shadow:0 0 4px #34d3994d}.st-item{display:flex;align-items:center;gap:4px}.st-en{display:block;font-size:8px;color:var(--text3);margin-top:1px;opacity:.5}.st-module-val{color:var(--text)}.mol-layout{display:flex;height:100%}.mol-list{width:200px;min-width:200px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.mol-list-head{padding:10px;border-bottom:1px solid var(--border-l)}.mol-search{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--rm);background:var(--bg2);font-family:inherit;font-size:11px;color:var(--text);outline:none;transition:all var(--tf)}.mol-search:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-l)}.mol-list-body{flex:1;overflow-y:auto;padding:3px}.mol-cat{font-size:9px;font-weight:600;color:var(--text3);padding:8px 8px 3px;text-transform:uppercase;letter-spacing:.08em}.mol-item-formula{font-size:10px;color:var(--text3);font-weight:400}.mol-item.active .mol-item-formula{color:var(--brand)}.mol-cat-group{margin-bottom:0}.mol-cat-head{font-size:10px;font-weight:600;color:var(--text2);padding:7px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;user-select:none;border-radius:var(--rm);transition:all var(--tf);background:transparent;position:relative;overflow:hidden}.mol-cat-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,150,58,.04),transparent 60%);opacity:0;transition:opacity var(--tf);pointer-events:none}.mol-cat-head:hover{background:#ffffff08;color:var(--text)}.mol-cat-head:hover:after{opacity:1}.mol-cat-group.expanded .mol-cat-head{color:var(--brand);background:linear-gradient(90deg,rgba(240,150,58,.06),transparent 80%)}.mol-cat-toggle{font-size:6px;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-block;width:12px;text-align:center;opacity:.6}.mol-cat-group.expanded .mol-cat-toggle{transform:rotate(90deg);opacity:1;color:var(--brand)}.mol-cat-count{font-size:8px;background:linear-gradient(135deg,#f0963a1f,#a78bfa14);padding:1px 7px;border-radius:10px;color:var(--text3);margin-left:auto;font-weight:600;letter-spacing:.02em;border:1px solid rgba(255,255,255,.04)}.mol-cat-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1);padding-left:4px;border-left:1px solid transparent;margin-left:10px}.mol-cat-group.expanded .mol-cat-body{opacity:1;border-left-color:var(--border-l)}.mol-subcat-group{margin-left:4px;padding-left:0;position:relative}.mol-subcat-group:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--brand),transparent);opacity:0;transition:opacity var(--tf)}.mol-subcat-group.expanded:before{opacity:.3}.mol-subcat-head{font-size:9.5px;font-weight:500;color:var(--text3);padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:5px;user-select:none;transition:all var(--tf);border-radius:0 var(--r) var(--r) 0;position:relative}.mol-subcat-head:hover{color:var(--accent);background:#a78bfa0f}.mol-subcat-group.expanded .mol-subcat-head{color:var(--accent)}.mol-subcat-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1)}.mol-subcat-group.expanded .mol-subcat-body{opacity:1}.mol-item{padding:5px 10px 5px 14px;border-radius:var(--r);cursor:pointer;font-size:11px;color:var(--text2);transition:all var(--tf);display:flex;justify-content:space-between;align-items:center;position:relative}.mol-item:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:var(--text3);opacity:.3;transition:all var(--tf)}.mol-item:hover{background:#ffffff08;color:var(--text);transform:translate(2px)}.mol-item:hover:before{background:var(--brand);opacity:.6;box-shadow:0 0 4px #f0963a4d}.mol-item.active{background:linear-gradient(90deg,var(--brand-l),rgba(240,150,58,.02));color:var(--brand);font-weight:600}.mol-item.active:before{background:var(--brand);opacity:1;width:4px;height:4px;box-shadow:0 0 6px #f0963a66}.mol-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 30%,#faf8f3,#f5f3ed 40%,#f0ede5,#e8e5dd);box-shadow:inset 0 0 60px #00000008}.mol-canvas-wrap{position:relative}.mol-canvas-wrap canvas{display:block}.mol-label{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:10.5px;color:var(--text3);background:var(--surface);padding:4px 12px;border-radius:var(--rl);border:1px solid var(--border);box-shadow:var(--shadow-m);backdrop-filter:blur(10px);text-align:center}.label-en{display:block;font-size:9px;color:var(--text3);opacity:.6;margin-top:1px}.tab-en,.btn-en,.title-en{display:block;font-size:8px;opacity:.6;margin-top:1px}.hint-en{display:block;font-size:8px;opacity:.5;margin-top:1px}.empty-en{display:block;font-size:9px;opacity:.6;margin-top:2px}.k-en{display:block;font-size:8px;opacity:.5;margin-top:1px}.mol-ctrls{position:absolute;bottom:14px;right:14px;display:flex;gap:3px}.mol-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:var(--rm);background:#0e0f16d9;backdrop-filter:blur(10px);color:var(--text2);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all var(--tf);font-family:inherit;box-shadow:var(--shadow)}.mol-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l)}.mol-bottom-bar{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;gap:6px;z-index:10}.mol-bottom-row{display:flex;align-items:center;gap:6px}.mol-view-tabs{display:flex;gap:1px;background:#0e0f16eb;backdrop-filter:blur(20px);padding:3px;border-radius:var(--rm);border:1px solid var(--border);box-shadow:var(--shadow-m),0 0 0 1px #ffffff08}:root[data-theme=light] .mol-view-tabs{background:#fffcf5d1}.mol-view-tab{padding:6px 12px;border:none;border-radius:var(--r);background:transparent;color:var(--text3);cursor:pointer;font-size:10px;font-weight:500;font-family:inherit;transition:all var(--tf);white-space:nowrap;letter-spacing:.01em}.mol-view-tab:hover{color:var(--text);background:#ffffff08}.mol-view-tab.active{background:linear-gradient(135deg,var(--brand-d),var(--accent-d));color:#fff;box-shadow:0 1px 6px #f0963a40}.mol-ctrls{display:flex;gap:3px}.mol-3d-panel-inline{display:flex;gap:3px;background:#0e0f16eb;backdrop-filter:blur(20px);padding:4px 6px;border-radius:var(--rm);border:1px solid var(--border);box-shadow:var(--shadow-m),0 0 0 1px #ffffff08}:root[data-theme=light] .mol-3d-panel-inline{background:#fffcf5d1}.sidebar{transition:width .35s cubic-bezier(.22,1,.36,1),min-width .35s cubic-bezier(.22,1,.36,1),opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}.sidebar.nav-hidden{width:0!important;min-width:0!important;opacity:0;transform:translate(-10px);overflow:hidden;border-right-width:0}.nav-trigger{position:fixed;left:0;top:0;width:16px;height:100%;z-index:90;cursor:e-resize}.nav-trigger:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,150,58,.08),transparent);opacity:0;transition:opacity .2s}.nav-trigger:hover:after{opacity:1}.mol-3d-wrap{position:absolute;inset:0;display:none}.mol-3d-wrap.active{display:block}.mol-canvas-wrap-2d{position:relative}.mol-canvas-wrap-2d.hidden{display:none}.mol-3d-label{font-size:9.5px;color:var(--text3);font-weight:500;min-width:44px}.mol-3d-btn{padding:4px 9px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text2);cursor:pointer;font-size:10px;font-family:inherit;transition:all var(--tf);box-shadow:var(--shadow)}.mol-3d-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l)}.mol-3d-btn.active{background:linear-gradient(135deg,var(--brand-d),var(--accent-d));color:#fff;border-color:transparent;box-shadow:0 1px 6px #f0963a33}input[type=range]{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--border),var(--border-l));border-radius:3px;outline:none;cursor:pointer;transition:all var(--tf)}input[type=range]:hover{background:linear-gradient(90deg,var(--brand-l),var(--border))}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent-d));cursor:pointer;box-shadow:0 1px 6px #f0963a40,0 0 0 2px var(--brand-l);margin-top:-5px;transition:all var(--tf)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 10px #f0963a59,0 0 0 3px var(--brand-l)}input[type=range]::-moz-range-track{height:4px;background:linear-gradient(90deg,var(--border),var(--border-l));border-radius:3px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent-d));cursor:pointer;border:none;box-shadow:0 1px 6px #f0963a40}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.mol-3d-slider{width:72px;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--border),var(--border-l));border-radius:3px;outline:none;cursor:pointer;transition:all var(--tf)}.mol-3d-slider:hover{background:linear-gradient(90deg,var(--brand-l),var(--border))}.mol-3d-slider::-webkit-slider-runnable-track{height:4px;border-radius:3px}.mol-3d-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent-d));cursor:pointer;box-shadow:0 1px 6px #f0963a40,0 0 0 2px var(--brand-l);margin-top:-5px;transition:all var(--tf)}.mol-3d-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 10px #f0963a59,0 0 0 3px var(--brand-l)}.mol-3d-slider::-moz-range-track{height:4px;background:linear-gradient(90deg,var(--border),var(--border-l));border-radius:3px}.mol-3d-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent-d));cursor:pointer;border:none;box-shadow:0 1px 6px #f0963a40}.mol-3d-slider::-moz-range-thumb:hover{transform:scale(1.15)}.ec-panel{position:absolute;top:12px;right:12px;background:#0e0f16f0;backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--rm);padding:12px;box-shadow:var(--shadow-l),0 0 0 1px #ffffff08;z-index:10;display:none;min-width:160px}.ec-panel.active{display:block}.ec-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.ec-panel-header .ec-panel-title{margin-bottom:0}.ec-toggle-btn{width:20px;height:20px;border:1px solid var(--border);border-radius:var(--r);background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--tf);flex-shrink:0}.ec-toggle-btn:hover{border-color:var(--brand);color:var(--brand)}.ec-toggle-btn svg{transition:transform .25s ease}.ec-panel.ec-collapsed .ec-toggle-btn svg{transform:rotate(180deg)}.ec-panel-body{overflow:hidden;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .2s ease;max-height:400px;opacity:1}.ec-panel.ec-collapsed .ec-panel-body{max-height:0;opacity:0}.ec-panel-title{font-size:9px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.ec-orbital-btns{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:6px}.ec-orbital-btn{padding:2px 7px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text2);cursor:pointer;font-size:9.5px;font-family:inherit;transition:all var(--tf)}.ec-orbital-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-l)}.ec-orbital-btn.active{background:linear-gradient(135deg,var(--purple),var(--accent-d));color:#fff;border-color:transparent;box-shadow:0 1px 5px #a78bfa33}.ec-slider-row{display:flex;align-items:center;gap:5px;margin-bottom:3px}.ec-slider-label{font-size:9.5px;color:var(--text3);min-width:36px}.mol-info{width:270px;min-width:270px;border-left:1px solid var(--border);overflow-y:auto;padding:0;background:var(--surface)}.mol-info-head{padding:16px;border-bottom:1px solid var(--border-l);background:linear-gradient(180deg,var(--surface-h),transparent)}.mol-info-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:2px;letter-spacing:-.01em}.mol-info-formula{font-size:12px;color:var(--text2);margin-bottom:6px}.mol-info-struct{font-size:11px;color:var(--brand);font-weight:500;background:linear-gradient(135deg,var(--brand-l),var(--purple-l));padding:3px 8px;border-radius:var(--r);display:inline-block;font-family:Space Grotesk,monospace;border:1px solid rgba(240,150,58,.12)}.mol-info-section{padding:12px 16px;border-bottom:1px solid var(--border-l)}.mol-info-section:last-child{border-bottom:none}.mol-info-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:6px}.mol-info-row{display:flex;justify-content:space-between;padding:3px 0;font-size:11.5px}.mol-info-row .k{color:var(--text2)}.mol-info-row .v{color:var(--text);font-weight:500}.mol-info-list{list-style:none;padding:0}.mol-info-list li{font-size:11.5px;color:var(--text2);padding:3px 0 3px 12px;position:relative;line-height:1.5}.mol-info-list li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--brand));box-shadow:0 0 3px #38bdf833}.mol-info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:11px;color:var(--text3);text-align:center}.mol-info-empty .empty-en{font-size:9px;opacity:.6;margin-top:2px}.fg-layout{padding:24px;overflow-y:auto;height:100%}.fg-title{font-size:20px;font-weight:700;margin-bottom:3px;letter-spacing:-.02em}.fg-subtitle{font-size:12px;color:var(--text2);margin-bottom:20px}.fg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.fg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:16px;cursor:pointer;transition:all var(--tn);position:relative;overflow:hidden;box-shadow:var(--shadow)}.fg-card:hover{border-color:#f0963a40;box-shadow:var(--shadow-m),0 0 20px #f0963a0a;transform:translateY(-1px)}.fg-card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fg-card-badge{font-size:8.5px;font-weight:600;padding:1px 7px;border-radius:var(--r);text-transform:uppercase;letter-spacing:.04em}.fg-card-badge.org{background:#34d3991a;color:#34d399}.fg-card-badge.hal{background:#fbbf241a;color:#fbbf24}.fg-card-badge.nit{background:#60a5fa1a;color:#60a5fa}.fg-card-badge.oxy{background:#f871711a;color:#f87171}.fg-card-name{font-size:13px;font-weight:600}.fg-card-id{font-size:10.5px;color:var(--text3);font-weight:500}.fg-card-struct{font-size:16px;font-weight:700;color:var(--brand);margin-bottom:10px;padding:8px;background:linear-gradient(135deg,var(--brand-l),var(--purple-l));border-radius:var(--rm);text-align:center;font-family:Space Grotesk,monospace;border:1px solid rgba(240,150,58,.08)}.fg-card-desc{font-size:11px;color:var(--text2);line-height:1.6}.fg-card-reactions{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-l)}.fg-card-reactions span{display:inline-block;font-size:9.5px;color:var(--brand);background:var(--brand-l);padding:1px 6px;border-radius:var(--r);margin:1px 3px 1px 0;border:1px solid rgba(240,150,58,.1)}.rx-layout{display:flex;height:100%}.rx-list{width:200px;min-width:200px;border-right:1px solid var(--border);overflow-y:auto;padding:8px}.rx-cat{font-size:9px;font-weight:600;color:var(--text3);padding:10px 8px 4px;text-transform:uppercase;letter-spacing:.08em}.rx-item{padding:6px 10px;border-radius:var(--rm);cursor:pointer;font-size:11.5px;color:var(--text2);transition:all var(--tf)}.rx-item:hover{background:#ffffff08;color:var(--text)}.rx-item.active{background:linear-gradient(90deg,var(--brand-l),rgba(240,150,58,.02));color:var(--brand);font-weight:600}.rx-detail{flex:1;overflow-y:auto;padding:28px 32px}.rx-detail-title{font-size:18px;font-weight:700;margin-bottom:3px;letter-spacing:-.01em}.rx-detail-en{font-size:11px;color:var(--text3);margin-bottom:16px;font-weight:400}.rx-eq{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:14px 18px;margin-bottom:16px;font-size:14px;font-weight:500;line-height:2;letter-spacing:.02em;box-shadow:var(--shadow-m)}.rx-eq .arrow{color:var(--brand);margin:0 6px;font-weight:700;text-shadow:0 0 6px rgba(240,150,58,.2)}.rx-eq .cond{font-size:10.5px;color:var(--text3);font-weight:400;display:block;text-align:center;margin:-3px 0}.rx-note{font-size:12px;color:var(--text2);line-height:1.8;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rm);border-left:2px solid var(--brand);box-shadow:var(--shadow-m)}.rx-note strong{color:var(--text);font-weight:600}.rx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:11px;color:var(--text3);text-align:center}.rx-empty .empty-en{font-size:9px;opacity:.6;margin-top:2px}.kf-layout{padding:28px 32px;overflow-y:auto;height:100%}.kf-title{font-size:20px;font-weight:700;margin-bottom:3px;letter-spacing:-.02em}.kf-subtitle{font-size:12px;color:var(--text2);margin-bottom:22px}.kf-tree{padding-left:0}.kf-branch{margin-bottom:6px}.kf-branch-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rm);cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text);transition:all var(--tf);box-shadow:var(--shadow)}.kf-branch-head:hover{border-color:#f0963a40;background:var(--surface-h)}.kf-branch-head.open{border-color:var(--brand);border-radius:var(--rm) var(--rm) 0 0;background:var(--brand-l);color:var(--brand)}.kf-branch-arrow{font-size:9px;color:var(--text3);transition:transform var(--tn);margin-left:auto}.kf-branch-head.open .kf-branch-arrow{transform:rotate(90deg)}.kf-branch-body{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--rm) var(--rm);background:var(--surface);overflow:hidden;max-height:0;transition:max-height var(--ts)}.kf-branch-body.open{max-height:800px}.kf-leaf{padding:7px 12px 7px 32px;font-size:11.5px;color:var(--text2);display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-l);transition:background var(--tf)}.kf-leaf:last-child{border-bottom:none}.kf-leaf:hover{background:#ffffff05}.kf-leaf-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 3px #38bdf833}.kf-leaf-tag{margin-left:auto;font-size:8.5px;font-weight:500;padding:1px 6px;border-radius:var(--r);color:var(--text3);background:var(--bg2)}.note-layout{display:flex;height:100%}.note-list{width:200px;min-width:200px;border-right:1px solid var(--border);display:flex;flex-direction:column}.note-list-head{padding:10px;border-bottom:1px solid var(--border-l);display:flex;justify-content:space-between;align-items:center}.note-list-head span{font-size:11px;font-weight:600;color:var(--text2)}.note-add{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--rm);background:var(--surface);color:var(--text2);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all var(--tf);font-family:inherit}.note-add:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l)}.note-items{flex:1;overflow-y:auto;padding:3px}.note-entry{padding:7px;border-radius:var(--rm);cursor:pointer;margin-bottom:1px;transition:all var(--tf)}.note-entry:hover{background:#ffffff08}.note-entry.active{background:linear-gradient(90deg,var(--brand-l),rgba(240,150,58,.02))}.note-entry-title{font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-entry-date{font-size:9.5px;color:var(--text3);margin-top:1px}.note-entry-del{float:right;width:16px;height:16px;border:none;background:transparent;color:var(--text3);cursor:pointer;font-size:10px;border-radius:3px;display:none;align-items:center;justify-content:center}.note-entry:hover .note-entry-del{display:flex}.note-entry-del:hover{background:var(--danger);color:#fff}.note-editor{flex:1;display:flex;flex-direction:column}.note-editor-head{padding:12px 16px;border-bottom:1px solid var(--border-l)}.note-editor-head input{width:100%;border:none;background:transparent;font-family:inherit;font-size:15px;font-weight:600;color:var(--text);outline:none}.note-editor-body{flex:1;padding:0}.note-editor-body textarea{width:100%;height:100%;border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--text2);line-height:1.8;padding:16px;outline:none;resize:none}.note-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:11px;color:var(--text3);text-align:center}.note-empty .empty-en{font-size:9px;opacity:.6;margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--tn);backdrop-filter:blur(10px)}.modal-overlay.show{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);box-shadow:0 20px 60px #0009,0 0 32px #f0963a08;width:380px;max-width:90vw;overflow:hidden;transform:translateY(8px) scale(.98);transition:transform var(--tn)}.modal-overlay.show .modal{transform:translateY(0) scale(1)}.modal-head{padding:14px 18px;border-bottom:1px solid var(--border-l);display:flex;justify-content:space-between;align-items:center}.modal-head h3{font-size:14px;font-weight:600}.modal-close{width:24px;height:24px;border:none;background:transparent;color:var(--text3);cursor:pointer;font-size:13px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;transition:all var(--tf)}.modal-close:hover{background:#ffffff0d}.modal-body{padding:18px}.modal-foot{padding:12px 18px;border-top:1px solid var(--border-l);display:flex;justify-content:flex-end;gap:6px}.btn{padding:6px 14px;border-radius:var(--rm);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all var(--tf)}.btn:hover{background:var(--surface-h)}.btn-primary{background:linear-gradient(135deg,var(--brand-d),var(--accent-d));color:#fff;border-color:transparent;box-shadow:0 1px 6px #f0963a33}.btn-primary:hover{box-shadow:0 2px 10px #f0963a4d;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--tn) cubic-bezier(.22,1,.36,1) both}@keyframes moduleIn{0%{opacity:0;transform:translate(8px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes moduleOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-8px) scale(.99)}}.module{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}.module.entering{animation:moduleIn .3s cubic-bezier(.22,1,.36,1) both}.module.leaving{animation:moduleOut .15s cubic-bezier(.22,1,.36,1) both}@keyframes sbItemIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sb-item{transition:all var(--tf),transform .2s cubic-bezier(.22,1,.36,1)}.sb-item.switching{animation:sbItemIn .25s cubic-bezier(.22,1,.36,1) both}@keyframes viewFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes viewFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.mol-canvas-wrap-2d,.mol-3d-wrap{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}.view-entering{animation:viewFadeIn .3s cubic-bezier(.22,1,.36,1) both}.view-leaving{animation:viewFadeOut .15s ease both}@keyframes molSelect{0%{background:var(--brand-l);transform:scale(1.01)}to{transform:scale(1)}}.mol-item.selecting{animation:molSelect .25s cubic-bezier(.22,1,.36,1) both}@keyframes infoSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mol-info{transition:opacity .25s cubic-bezier(.22,1,.36,1)}.mol-info.updating{animation:infoSlideIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes loadPulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes loadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes inkDrop1{0%{transform:scale(0);opacity:0}15%{transform:scale(1);opacity:.6}50%{transform:scale(1.8);opacity:.15}85%{transform:scale(2.2);opacity:0}to{transform:scale(0);opacity:0}}@keyframes inkDrop2{0%{transform:scale(0);opacity:0}20%{transform:scale(0);opacity:0}35%{transform:scale(1);opacity:.5}65%{transform:scale(1.6);opacity:.1}80%{transform:scale(2);opacity:0}to{transform:scale(0);opacity:0}}@keyframes inkDrop3{0%{transform:scale(0);opacity:0}40%{transform:scale(0);opacity:0}55%{transform:scale(1);opacity:.4}80%{transform:scale(1.4);opacity:.08}95%{transform:scale(1.8);opacity:0}to{transform:scale(0);opacity:0}}@keyframes inkBreathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.7;transform:scale(1.08)}}@keyframes inkCoreSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--frost-warm);backdrop-filter:blur(12px);z-index:50;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-ink-wrap{position:relative;width:48px;height:48px}.loading-ink-drop{position:absolute;inset:0;border-radius:50%;background:var(--brand);animation:inkDrop1 2.4s cubic-bezier(.22,1,.36,1) infinite}.loading-ink-drop:nth-child(2){animation:inkDrop2 2.4s cubic-bezier(.22,1,.36,1) infinite}.loading-ink-drop:nth-child(3){animation:inkDrop3 2.4s cubic-bezier(.22,1,.36,1) infinite}.loading-ink-core{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--brand);animation:inkBreathe 1.8s ease-in-out infinite}.loading-ink-ring{position:absolute;inset:6px;border:1.5px solid var(--brand);border-radius:50%;opacity:.2;animation:inkBreathe 2.4s ease-in-out infinite;animation-delay:.3s}.loading-text{margin-top:16px;font-size:11px;color:var(--text2);letter-spacing:.06em;animation:loadFadeIn .5s ease both}.loading-dots{display:inline-block}.loading-dots span{animation:loadDots 1.4s ease infinite;display:inline-block}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.fg-card{transition:all var(--tn),transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.fg-card:hover{transform:translateY(-2px) scale(1.005)}.fg-card:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.02) 45%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.02) 55%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:inherit}.fg-card:hover:after{opacity:1;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kf-branch-body{transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}.kf-branch-head{transition:all var(--tf),transform .15s ease}@keyframes noteIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.note-editor{transition:opacity .2s cubic-bezier(.22,1,.36,1)}.note-editor.updating{animation:noteIn .25s cubic-bezier(.22,1,.36,1) both}@keyframes rxIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.rx-detail{transition:opacity .2s cubic-bezier(.22,1,.36,1)}.rx-detail.updating{animation:rxIn .25s cubic-bezier(.22,1,.36,1) both}@keyframes breathe{0%,to{box-shadow:0 0 6px #f0963a33}50%{box-shadow:0 0 10px #f0963a59}}.sb-item.active:before{animation:breathe 2.5s ease-in-out infinite}.fg-research-layout{padding:24px;height:100%;overflow-y:auto;box-sizing:border-box}.fg-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.fg-header-title{font-size:18px;font-weight:600;color:var(--brand);margin-bottom:4px}.fg-header-subtitle{font-size:11px;color:var(--text3);letter-spacing:.5px;margin-bottom:8px}.fg-header-desc{font-size:13px;color:var(--text2);line-height:1.6}.fg-header-desc-en{font-size:11px;color:var(--text3);line-height:1.5;margin-top:4px;opacity:.6}.fg-category-nav{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.fg-cat-btn{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text2);font-size:12px;cursor:pointer;transition:all var(--tf)}.fg-cat-btn:hover{border-color:var(--brand);color:var(--brand)}.fg-cat-btn.active{background:var(--brand);border-color:var(--brand);color:var(--bg)}.fg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.fg-research-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:all var(--tf)}.fg-research-card:hover{border-color:var(--brand);box-shadow:var(--shadow-m)}.fg-card-header{padding:16px;border-bottom:1px solid var(--border-l);display:flex;align-items:center;gap:12px}.fg-card-symbol{font-size:20px;font-weight:600;color:var(--brand);min-width:60px}.fg-card-title-group{flex:1}.fg-card-name{font-size:14px;font-weight:500;color:var(--text)}.fg-card-iupac{font-size:10px;color:var(--text3);margin-top:2px}.fg-card-category{font-size:10px;color:var(--text3);background:var(--bg2);padding:3px 8px;border-radius:10px}.fg-card-body{padding:16px}.fg-card-structure{margin-bottom:12px}.fg-label{font-size:10px;color:var(--text3);margin-right:8px}.fg-value{font-size:12px;color:var(--text2)}.fg-card-params{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.fg-param{font-size:11px}.fg-param .fg-label{display:block;margin-right:0;margin-bottom:2px}.fg-param .fg-value{color:var(--text)}.fg-card-spectroscopy{background:var(--bg2);border-radius:var(--r);padding:10px}.fg-spec-title{font-size:10px;color:var(--text3);margin-bottom:4px}.fg-spec-value{font-size:11px;color:var(--text2);line-height:1.5}.fg-card-footer{padding:12px 16px;border-top:1px solid var(--border-l)}.fg-detail-btn{width:100%;padding:8px;border:none;border-radius:var(--r);background:transparent;color:var(--brand);font-size:12px;cursor:pointer;transition:all var(--tf)}.fg-detail-btn:hover{background:var(--brand-l)}.fg-detail-panel{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:60px 24px 24px;box-sizing:border-box;overflow-y:auto}.fg-detail-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);max-width:680px;width:100%;max-height:calc(100vh - 120px);overflow-y:auto;padding:28px;position:relative;box-shadow:var(--shadow-l)}.fg-detail-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:none;background:var(--bg2);border-radius:var(--r);color:var(--text2);font-size:16px;cursor:pointer;transition:all var(--tf)}.fg-detail-close:hover{background:var(--text);color:var(--bg)}.fg-detail-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.fg-detail-symbol{font-size:32px;font-weight:600;color:var(--brand);margin-bottom:8px}.fg-detail-title{font-size:20px;font-weight:500;color:var(--text);margin-bottom:4px}.fg-detail-iupac{font-size:12px;color:var(--text3)}.fg-detail-section{margin-bottom:24px}.fg-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-l)}.fg-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fg-section-item{font-size:12px}.fg-section-item span{color:var(--text3);display:block;margin-bottom:2px}.fg-section-item strong{color:var(--text)}.fg-spec-grid{display:grid;gap:12px}.fg-spec-item{background:var(--bg2);border-radius:var(--r);padding:12px}.fg-spec-label{font-size:11px;color:var(--text3);margin-bottom:4px}.fg-spec-data{font-size:12px;color:var(--text2);line-height:1.6}.fg-list{list-style:none;padding:0;margin:0}.fg-list li{font-size:12px;color:var(--text2);padding:8px 0;border-bottom:1px solid var(--border-l);line-height:1.6}.fg-list li:last-child{border-bottom:none}.fg-description{font-size:13px;color:var(--text2);line-height:1.8}.nav-overlay{display:none;position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:149;opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-overlay.show{opacity:1;pointer-events:auto}.sub-nav-overlay{display:none;position:fixed;inset:0;background:#00000059;backdrop-filter:blur(4px);z-index:139;opacity:0;transition:opacity .3s ease;pointer-events:none}.sub-nav-overlay.show{opacity:1;pointer-events:auto}.sub-nav-panel{transition:transform .3s cubic-bezier(.22,1,.36,1)}@media (max-width:900px){.sidebar,.mol-list,.rx-list,.note-list{width:170px;min-width:170px}.mol-info{width:220px;min-width:220px}.fg-grid{grid-template-columns:1fr}}@media (max-width:680px){.sidebar{position:fixed;left:0;top:40px;bottom:26px;width:260px!important;min-width:260px!important;z-index:150;transform:translate(-100%);opacity:1;border-right:1px solid var(--border);box-shadow:var(--shadow-l);overflow-y:auto;overflow-x:hidden;will-change:transform}.sidebar.nav-hidden{transform:translate(-100%)!important;opacity:0!important}.sidebar.nav-visible{transform:translate(0)!important;opacity:1!important}.nav-overlay,.sub-nav-overlay{display:block}.sub-nav-panel{position:fixed!important;left:0;top:40px;bottom:26px;width:240px!important;min-width:240px!important;z-index:140;transform:translate(-100%);border-right:1px solid var(--border);box-shadow:var(--shadow-l);overflow-y:auto;overflow-x:hidden;background:var(--surface);will-change:transform}.sub-nav-panel.sub-nav-visible{transform:translate(0)!important}.sub-nav-panel.sub-nav-preparing{visibility:visible;opacity:1}.mol-info{width:180px;min-width:180px}.orbital-info-panel{width:0;min-width:0;overflow:hidden;border:none}.fg-research-layout{padding:16px}.fg-grid{grid-template-columns:1fr}.rx-detail{padding:16px}.titlebar-text-en,.st-en{display:none}.mol-bottom-bar{bottom:8px;left:8px}.mol-ctrls{bottom:8px;right:8px}.fg-detail-panel{padding:40px 12px 12px}.fg-detail-content{padding:20px}}@media (max-width:480px){.sidebar{width:240px!important;min-width:240px!important}.mol-info{width:0;min-width:0;overflow:hidden;border:none}.titlebar-text{font-size:11px}.statusbar{font-size:9px;gap:8px;padding:0 8px}.fg-research-layout,.rx-detail{padding:10px}.thermo-main,.symmetry-main{padding:12px}.orbital-diagram-wrap,.spectrum-content{padding:10px}.record-editor{padding:12px}.fg-grid{grid-template-columns:1fr;gap:8px}.fg-research-card{padding:12px}.symmetry-info-grid,.symmetry-examples{grid-template-columns:1fr}.thermo-gibbs-params{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.orbital-layout{display:flex;height:100%;gap:1px;background:var(--border)}.orbital-list{width:220px;min-width:220px;background:var(--surface);display:flex;flex-direction:column}.orbital-list-head{padding:16px;border-bottom:1px solid var(--border)}.orbital-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.orbital-subtitle{font-size:11px;color:var(--text3)}.orbital-list-body{flex:1;overflow-y:auto;padding:8px}.orbital-item{padding:12px;border-radius:var(--r);cursor:pointer;margin-bottom:4px;transition:var(--tf);border:1px solid transparent}.orbital-item:hover{background:var(--accent-l)}.orbital-item.active{background:var(--accent-l);border-color:var(--border)}.orbital-item-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.orbital-item-formula{font-size:11px;color:var(--text2);margin-bottom:4px}.orbital-item-gap{font-size:10px;color:var(--text3)}.orbital-main{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.orbital-diagram-wrap{flex:1;padding:20px;overflow:auto;display:flex;flex-direction:column;align-items:center}.orbital-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text3)}.orbital-empty-icon{width:80px;height:80px;margin-bottom:16px;opacity:.3}.orbital-empty-icon svg{width:100%;height:100%}.orbital-diagram-header{margin-bottom:20px;text-align:center}.orbital-diagram-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.orbital-diagram-subtitle{font-size:12px;color:var(--text3)}.orbital-diagram-svg-wrap{background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}.orbital-svg{width:100%;max-width:500px;height:auto}.orbital-legend{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:center}.orbital-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2)}.orbital-legend-color{width:16px;height:3px;border-radius:1px}.orbital-info-panel{width:280px;min-width:280px;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:16px}.orbital-info-section{margin-bottom:20px}.orbital-info-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.orbital-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-l)}.orbital-info-row.highlight{background:var(--accent-l);margin:8px -12px;padding:8px 12px;border-radius:var(--r)}.orbital-info-row .k{font-size:11px;color:var(--text2)}.orbital-info-row .v{font-size:12px;font-weight:500;color:var(--text)}.orbital-orbital-list{max-height:300px;overflow-y:auto}.orbital-orbital-item{padding:8px;margin-bottom:4px;border-radius:var(--r);font-size:11px}.orbital-orbital-item.bonding{background:#1a1a1a0f}.orbital-orbital-item.antibonding{background:#e74c3c14}.orbital-orbital-item.nonbonding{background:#95a5a61a}.orbital-orbital-name{font-weight:600;color:var(--text);margin-bottom:2px}.orbital-orbital-energy{color:var(--text2);margin-bottom:2px}.orbital-orbital-desc{color:var(--text3);font-size:10px}.orbital-theory-text{font-size:11px;color:var(--text2);line-height:1.6}.orbital-theory-text p{margin-bottom:8px}.spectrum-layout{display:flex;height:100%;gap:1px;background:var(--border)}.spectrum-list{width:220px;min-width:220px;background:var(--surface);display:flex;flex-direction:column}.spectrum-list-head{padding:16px;border-bottom:1px solid var(--border)}.spectrum-list-body{flex:1;overflow-y:auto;padding:8px}.spectrum-item{padding:12px;border-radius:var(--r);cursor:pointer;margin-bottom:4px;transition:var(--tf);border:1px solid transparent}.spectrum-item:hover{background:var(--accent-l)}.spectrum-item.active{background:var(--accent-l);border-color:var(--border)}.spectrum-item-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.spectrum-item-formula{font-size:11px;color:var(--text2)}.spectrum-main{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.spectrum-tabs{display:flex;gap:4px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.spectrum-tab{padding:8px 16px;border-radius:var(--r);font-size:12px;color:var(--text2);cursor:pointer;transition:var(--tf);border:1px solid transparent}.spectrum-tab:hover{background:var(--accent-l)}.spectrum-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.spectrum-content{flex:1;overflow:auto;padding:20px}.spectrum-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text3)}.spectrum-empty-icon{width:80px;height:80px;margin-bottom:16px;opacity:.3}.spectrum-empty-icon svg{width:100%;height:100%}.spectrum-header{margin-bottom:20px}.spectrum-title-main{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.spectrum-title-sub{font-size:12px;color:var(--text3)}.spectrum-svg-wrap{background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.spectrum-svg{width:100%;max-width:700px;height:auto}.spectrum-peak-table{background:var(--surface);border-radius:var(--r);padding:16px}.spectrum-table-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.spectrum-table{width:100%;border-collapse:collapse}.spectrum-table-header{display:flex;background:var(--bg2);padding:8px;font-size:11px;font-weight:600;color:var(--text)}.spectrum-table-header span{flex:1}.spectrum-table-row{display:flex;padding:8px;border-bottom:1px solid var(--border-l);font-size:11px;color:var(--text2)}.spectrum-table-row span{flex:1}.nmr-container{display:flex;flex-direction:column;gap:20px}.nmr-section{background:var(--surface);border-radius:var(--r);padding:16px}.nmr-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.nmr-svg-wrap{margin-bottom:16px}.nmr-svg{width:100%;max-width:600px;height:auto}.nmr-table{width:100%;border-collapse:collapse;margin-top:12px}.nmr-table-header{display:flex;background:var(--bg2);padding:8px;font-size:11px;font-weight:600;color:var(--text)}.nmr-table-header span{flex:1}.nmr-table-row{display:flex;padding:8px;border-bottom:1px solid var(--border-l);font-size:11px;color:var(--text2)}.nmr-table-row span{flex:1}.uv-container{display:flex;flex-direction:column;gap:20px}.uv-svg-wrap{background:var(--surface);border-radius:var(--r);padding:20px}.uv-svg{width:100%;max-width:600px;height:auto}.uv-info{background:var(--surface);border-radius:var(--r);padding:16px}.uv-info-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.uv-table{width:100%}.uv-table-header{display:flex;background:var(--bg2);padding:8px;font-size:11px;font-weight:600;color:var(--text)}.uv-table-header span{flex:1}.uv-table-row{display:flex;padding:8px;border-bottom:1px solid var(--border-l);font-size:11px;color:var(--text2)}.uv-table-row span{flex:1}.thermo-layout{display:flex;height:100%;gap:1px;background:var(--border)}.thermo-sidebar{width:200px;min-width:200px;background:var(--surface);display:flex;flex-direction:column}.thermo-sidebar-head{padding:16px;border-bottom:1px solid var(--border)}.thermo-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.thermo-subtitle{font-size:11px;color:var(--text3)}.thermo-nav{flex:1;overflow-y:auto;padding:8px}.thermo-nav-item{padding:12px;border-radius:var(--r);cursor:pointer;margin-bottom:4px;transition:var(--tf);border:1px solid transparent}.thermo-nav-item:hover{background:var(--accent-l)}.thermo-nav-item.active{background:var(--accent-l);border-color:var(--border)}.thermo-nav-name{font-size:12px;font-weight:500;color:var(--text);margin-bottom:2px}.thermo-nav-name-en{font-size:10px;color:var(--text3)}.thermo-main{flex:1;overflow:auto;background:var(--bg);padding:20px}.thermo-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3)}.thermo-header{margin-bottom:20px}.thermo-title-main{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.thermo-title-sub{font-size:12px;color:var(--text3);margin-bottom:8px}.thermo-desc{font-size:12px;color:var(--text2)}.thermo-formula-box{background:var(--surface);border-radius:var(--r);padding:16px;margin-bottom:20px}.thermo-formula-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px}.thermo-formula{font-size:16px;font-weight:600;color:var(--accent);text-align:center;padding:12px;background:var(--bg);border-radius:var(--r)}.thermo-formula-note{margin-top:12px;font-size:11px;color:var(--text2);line-height:1.6}.thermo-formula-note p{margin-bottom:4px}.thermo-reactions{display:flex;flex-direction:column;gap:16px}.thermo-reaction-card{background:var(--surface);border-radius:var(--r);padding:16px}.thermo-reaction-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.thermo-equation{font-size:13px;color:var(--accent);margin-bottom:12px;padding:8px;background:var(--bg);border-radius:var(--r);text-align:center}.thermo-calc{margin-bottom:12px}.thermo-calc-title{font-size:11px;font-weight:600;color:var(--text);margin-bottom:8px}.thermo-calc-step{padding:6px 0;font-size:11px;color:var(--text2)}.thermo-calc-step.result{padding-top:12px;margin-top:8px;border-top:1px solid var(--border)}.calc-label{margin-bottom:2px}.calc-value{color:var(--text)}.thermo-result-box{padding:10px;border-radius:var(--r);font-size:12px}.thermo-result-box.exothermic{background:#2ecc711a;color:#27ae60}.thermo-result-box.endothermic{background:#e74c3c1a;color:#e74c3c}.thermo-result-box.positive{background:#3498db1a;color:#3498db}.thermo-result-box.negative{background:#9b59b61a;color:#9b59b6}.result-label{font-weight:600}.thermo-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.thermo-bond-table-section,.thermo-entropy-table-section{background:var(--surface);border-radius:var(--r);padding:16px;margin-bottom:20px}.thermo-bond-table,.thermo-entropy-table{width:100%}.bond-table-header,.entropy-table-header{display:flex;background:var(--bg2);padding:8px;font-size:11px;font-weight:600;color:var(--text)}.bond-table-header span,.entropy-table-header span{flex:1}.bond-table-row,.entropy-table-row{display:flex;padding:8px;border-bottom:1px solid var(--border-l);font-size:11px;color:var(--text2)}.bond-table-row span,.entropy-table-row span{flex:1}.thermo-examples{display:flex;flex-direction:column;gap:16px}.thermo-example-card{background:var(--surface);border-radius:var(--r);padding:16px}.thermo-example-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.thermo-gibbs-examples{display:flex;flex-direction:column;gap:20px}.thermo-gibbs-card{background:var(--surface);border-radius:var(--r);padding:16px}.thermo-gibbs-params{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.gibbs-param{font-size:11px}.param-label{color:var(--text2);margin-right:4px}.param-value{color:var(--text);font-weight:500}.thermo-gibbs-chart{margin:16px 0}.gibbs-svg{width:100%;max-width:400px;height:auto}.thermo-gibbs-analysis{font-size:11px;color:var(--text2);line-height:1.6}.thermo-gibbs-analysis p{margin-bottom:6px}.symmetry-layout{display:flex;height:100%;gap:1px;background:var(--border)}.symmetry-sidebar{width:200px;min-width:200px;background:var(--surface);display:flex;flex-direction:column}.symmetry-sidebar-head{padding:16px;border-bottom:1px solid var(--border)}.symmetry-nav{flex:1;overflow-y:auto;padding:8px}.symmetry-nav-item{padding:10px;border-radius:var(--r);cursor:pointer;margin-bottom:4px;transition:var(--tf);border:1px solid transparent}.symmetry-nav-item:hover{background:var(--accent-l)}.symmetry-nav-item.active{background:var(--accent-l);border-color:var(--border)}.symmetry-nav-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.symmetry-nav-order{font-size:10px;color:var(--text3)}.symmetry-main{flex:1;overflow:auto;background:var(--bg);padding:20px}.symmetry-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3)}.symmetry-header{margin-bottom:20px}.symmetry-title-main{font-size:18px;font-weight:600;color:var(--text);margin-bottom:4px}.symmetry-title-sub{font-size:12px;color:var(--text3);margin-bottom:8px}.symmetry-desc{font-size:12px;color:var(--text2)}.symmetry-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.symmetry-info-card{background:var(--surface);border-radius:var(--r);padding:16px}.info-card-title{font-size:11px;font-weight:600;color:var(--text);margin-bottom:8px}.info-card-value{font-size:24px;font-weight:700;color:var(--accent);margin-bottom:4px}.info-card-note{font-size:10px;color:var(--text3)}.info-card-elements{font-size:12px;color:var(--text);line-height:1.6}.symmetry-section{background:var(--surface);border-radius:var(--r);padding:16px;margin-bottom:20px}.symmetry-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.character-table{width:100%;overflow-x:auto}.char-table-header{display:flex;background:var(--bg2);padding:8px;font-size:11px;font-weight:600;color:var(--text)}.char-table-header span{flex:1;min-width:40px;text-align:center}.char-table-row{display:flex;padding:8px;border-bottom:1px solid var(--border-l);font-size:11px;color:var(--text2)}.char-table-row span{flex:1;min-width:40px;text-align:center}.rep-name{font-weight:600;color:var(--text)}.rep-func{text-align:left!important;font-size:10px}.symmetry-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.symmetry-example-card{background:var(--bg);border-radius:var(--r);padding:12px;border:1px solid var(--border)}.example-header{margin-bottom:10px}.example-formula{font-size:14px;font-weight:600;color:var(--text)}.example-common{font-size:11px;color:var(--text2)}.example-info{margin-bottom:10px}.example-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px}.example-label{color:var(--text3)}.example-value{color:var(--text);font-weight:500}.example-value.chiral{color:#e74c3c}.example-properties{border-top:1px solid var(--border);padding-top:10px}.properties-title{font-size:10px;font-weight:600;color:var(--text);margin-bottom:6px}.properties-list{list-style:none;padding:0;margin:0;font-size:10px;color:var(--text2)}.properties-list li{padding:3px 0 3px 12px;position:relative}.properties-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.symmetry-operations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.operation-item{background:var(--bg);border-radius:var(--r);padding:12px;border:1px solid var(--border)}.operation-symbol{font-size:20px;font-weight:700;color:var(--accent);margin-bottom:6px}.operation-name{font-size:11px;font-weight:600;color:var(--text);margin-bottom:4px}.operation-desc{font-size:10px;color:var(--text3)}.experiment-layout{display:flex;height:100%;gap:1px;background:var(--border)}.experiment-sidebar{width:240px;min-width:240px;background:var(--surface);display:flex;flex-direction:column}.experiment-sidebar-head{padding:16px;border-bottom:1px solid var(--border)}.experiment-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.experiment-subtitle{font-size:11px;color:var(--text3);margin-bottom:12px}.experiment-new-btn{width:100%;padding:8px;border-radius:var(--r);background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--tf)}.experiment-new-btn:hover{opacity:.9}.experiment-new-btn svg{width:14px;height:14px}.experiment-list{flex:1;overflow-y:auto;padding:8px}.experiment-list-empty{padding:20px;text-align:center;font-size:12px;color:var(--text3)}.experiment-item{padding:12px;border-radius:var(--r);cursor:pointer;margin-bottom:4px;transition:var(--tf);border:1px solid transparent}.experiment-item:hover{background:var(--accent-l)}.experiment-item.active{background:var(--accent-l);border-color:var(--border)}.experiment-item-title{font-size:12px;font-weight:500;color:var(--text);margin-bottom:4px}.experiment-item-date{font-size:10px;color:var(--text3);margin-bottom:4px}.experiment-item-preview{font-size:10px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experiment-main{flex:1;overflow:auto;background:var(--bg)}.experiment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text3)}.experiment-empty-icon{width:80px;height:80px;margin-bottom:16px;opacity:.3}.experiment-empty-icon svg{width:100%;height:100%}.record-editor{padding:20px}.record-header{margin-bottom:16px}.record-title-input{width:100%;font-size:18px;font-weight:600;color:var(--text);background:transparent;border:none;border-bottom:2px solid var(--border);padding:8px 0;outline:none}.record-title-input:focus{border-color:var(--accent)}.record-date{font-size:11px;color:var(--text3);margin-top:4px}.record-toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.record-tool-btn{padding:8px 12px;border-radius:var(--r);background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:11px;display:flex;align-items:center;gap:6px;transition:var(--tf)}.record-tool-btn:hover{background:var(--accent-l)}.record-tool-btn.danger{color:#e74c3c}.record-tool-btn.danger:hover{background:#e74c3c1a}.record-tool-btn svg{width:14px;height:14px}.record-content-section{margin-bottom:20px}.record-section-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px}.record-content-input{width:100%;min-height:200px;padding:12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:12px;line-height:1.6;resize:vertical;outline:none}.record-content-input:focus{border-color:var(--accent)}.record-data-section{background:var(--surface);border-radius:var(--r);padding:16px}.record-data-tables{display:flex;flex-direction:column;gap:16px}.no-data-hint{padding:20px;text-align:center;font-size:12px;color:var(--text3)}.data-table-card{background:var(--bg);border-radius:var(--r);padding:12px;border:1px solid var(--border)}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.data-table-title-input{font-size:13px;font-weight:600;color:var(--text);background:transparent;border:none;outline:none;padding:4px;border-bottom:1px solid var(--border)}.data-table-delete{width:24px;height:24px;border-radius:50%;background:#e74c3c1a;color:#e74c3c;border:none;cursor:pointer;font-size:16px;line-height:1}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:4px;text-align:left}.table-header-input{width:100%;padding:6px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);font-size:11px;font-weight:600;color:var(--text);outline:none}.table-cell-input{width:100%;padding:6px;background:var(--surface);border:1px solid var(--border-l);border-radius:var(--r);font-size:11px;color:var(--text);outline:none}.table-cell-input:focus{border-color:var(--accent)}.add-col-header{width:40px}.add-col-btn{width:24px;height:24px;border-radius:var(--r);background:var(--accent-l);color:var(--text);border:none;cursor:pointer;font-size:14px}.data-table-actions{margin-top:8px}.add-row-btn{padding:6px 12px;border-radius:var(--r);background:var(--accent-l);color:var(--text);border:none;cursor:pointer;font-size:11px;transition:var(--tf)}.add-row-btn:hover{background:var(--accent);color:#fff}.label-en,.tab-en,.btn-en,.title-en,.header-en,.legend-en,.name-en,.hint-en,.empty-en,.k-en{font-size:.9em;opacity:.6;margin-left:4px}.orbital-search{width:100%;padding:8px 10px;margin-top:12px;border-radius:var(--r);background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--text);outline:none}.orbital-search:focus{border-color:var(--accent)}.orbital-category{margin-bottom:12px}.orbital-cat-title{font-size:11px;font-weight:600;color:var(--text3);padding:6px 8px;text-transform:uppercase;letter-spacing:.5px}.orbital-toolbar{display:flex;gap:8px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.orbital-tool-btn{padding:8px 14px;border-radius:var(--r);font-size:12px;color:var(--text2);cursor:pointer;transition:var(--tf);border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;gap:6px}.orbital-tool-btn:hover{background:var(--accent-l)}.orbital-tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.orbital-tool-btn svg{width:14px;height:14px}.orbital-content{flex:1;overflow:auto;padding:20px}.orbital-molecule-info{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap;font-size:12px;color:var(--text2)}.orbital-molecule-info .info-item{padding:4px 10px;background:var(--surface);border-radius:var(--r)}.orbital-data-table-wrap{background:var(--surface);border-radius:var(--r);padding:20px;overflow-x:auto}.orbital-data-table{width:100%;border-collapse:collapse}.orbital-data-table th,.orbital-data-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border-l)}.orbital-data-table th{background:var(--bg2);font-size:11px;font-weight:600;color:var(--text)}.orbital-data-table td{font-size:12px;color:var(--text2)}.orbital-data-table tr.bonding td{background:#1a1a1a08}.orbital-data-table tr.antibonding td{background:#e74c3c08}.orbital-type-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.orbital-type-badge.bonding{background:#1a1a1a1a;color:var(--text)}.orbital-type-badge.antibonding{background:#e74c3c26;color:#e74c3c}.orbital-type-badge.nonbonding{background:#95a5a626;color:#95a5a6}.orbital-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.summary-card{background:var(--surface);border-radius:var(--r);padding:16px;text-align:center}.summary-label{font-size:11px;color:var(--text3);margin-bottom:6px}.summary-value{font-size:24px;font-weight:700;color:var(--accent)}.orbital-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.compare-card{background:var(--surface);border-radius:var(--r);padding:16px;border:2px solid transparent}.compare-card.current{border-color:var(--accent)}.compare-header{margin-bottom:12px;text-align:center}.compare-name{font-size:16px;font-weight:600;color:var(--text)}.compare-formula{font-size:12px;color:var(--text2)}.compare-chart{margin:12px 0}.compare-svg{width:100%;height:auto}.compare-data{border-top:1px solid var(--border);padding-top:12px}.compare-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.compare-row .label{color:var(--text3)}.compare-row .value{color:var(--text);font-weight:500}.compare-row.highlight{background:var(--accent-l);margin:6px -12px;padding:6px 12px;border-radius:var(--r)}.spectrum-search{width:100%;padding:8px 10px;margin-top:12px;border-radius:var(--r);background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--text);outline:none}.spectrum-search:focus{border-color:var(--accent)}.spectrum-category{margin-bottom:12px}.spectrum-cat-title{font-size:11px;font-weight:600;color:var(--text3);padding:6px 8px;text-transform:uppercase;letter-spacing:.5px}.uv-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text3)}.uv-no-data-icon{width:80px;height:80px;margin-bottom:16px;opacity:.3}.uv-no-data-icon svg{width:100%;height:100%}.mol-filter-bar{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px;margin:10px 4px 0;padding-top:10px;border-top:1px solid var(--border-l)}.mol-filter-btn{padding:6px 10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);font-size:11px;color:var(--text2);cursor:pointer;transition:var(--tf);display:flex;align-items:center;justify-content:center;gap:4px;font-weight:500}.mol-filter-btn:hover{background:var(--accent-l);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.mol-filter-btn:active{transform:translateY(0)}.mol-mw-dropdown{position:relative}.mol-mw-dropdown-btn{width:100%;padding:6px 10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);font-size:11px;color:var(--text);cursor:pointer;transition:var(--tf);display:flex;align-items:center;justify-content:space-between;gap:4px;font-weight:500}.mol-mw-dropdown-btn:hover{border-color:var(--accent);background:var(--surface-h)}.mol-mw-dropdown-btn svg{flex-shrink:0;transition:transform .2s ease}.mol-mw-dropdown-btn:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-l);outline:none}.mol-mw-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 4px 16px #0000001f;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;overflow:hidden}.mol-mw-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.mol-mw-option{padding:10px 12px;font-size:11px;color:var(--text);cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--border-l);font-weight:500}.mol-mw-option:last-child{border-bottom:none}.mol-mw-option:hover{background:var(--accent-l);color:var(--accent)}.mol-mw-option.selected{background:var(--accent);color:#fff}.mol-mw-option:first-child{color:var(--text3);font-weight:400}.mol-mw-option:first-child:hover{color:var(--text)}.mol-info-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-l)}.mol-action-btn{flex:1;padding:10px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text);cursor:pointer;transition:var(--tf);display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.mol-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mol-action-btn:active{transform:translateY(0)}.mol-fav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r);cursor:pointer;transition:var(--tf);background:var(--surface);border:1px solid var(--border-l);margin-bottom:8px}.mol-fav-item:hover{background:var(--surface-h);border-color:var(--accent);transform:translate(4px)}.mol-fav-name{font-size:13px;color:var(--text);font-weight:600;letter-spacing:-.01em}.mol-fav-formula{font-size:11px;color:var(--text3);font-family:Courier New,monospace}.mol-fav-remove{margin-left:auto;padding:6px 10px;border-radius:var(--r);background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:18px;transition:var(--tf);line-height:1}.mol-fav-remove:hover{color:#e74c3c;background:#e74c3c1a;transform:scale(1.1)}.mol-compare-table{padding:20px;overflow-x:auto}.mol-compare-table table{width:100%;border-collapse:collapse;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 8px #00000014}.mol-compare-table th,.mol-compare-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.mol-compare-table th{background:var(--bg2);font-size:11px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.mol-compare-table td{font-size:12px;color:var(--text2);background:var(--surface)}.mol-compare-table tr:hover td{background:var(--surface-h)}.mol-compare-table tr:last-child td{border-bottom:none}.mol-compare-actions{margin-top:20px;text-align:center;padding-top:16px;border-top:1px solid var(--border-l)}