:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--bg-color: #0d0d0f;--bg-gradient: radial-gradient(circle at center, #1a1a20 0%, #0d0d0f 100%);--glass-bg: rgba(30, 30, 32, .6);--glass-bg-hover: rgba(45, 45, 50, .7);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--transition-fast: .2s cubic-bezier(.25, 1, .5, 1);--transition-normal: .4s cubic-bezier(.25, 1, .5, 1);--category-alkali-metal: #ff3b30;--category-alkaline-earth-metal: #ff9500;--category-transition-metal: #ffd60a;--category-post-transition-metal: #32ade6;--category-metalloid: #34c759;--category-reactive-nonmetal: #00c7be;--category-noble-gas: #af52de;--category-lanthanide: #ff2d55;--category-actinide: #a2845e;--category-unknown: #8e8e93;--block-s: rgba(255, 59, 48, .15);--block-p: rgba(0, 199, 190, .15);--block-d: rgba(255, 214, 10, .15);--block-f: rgba(175, 82, 222, .15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);background:linear-gradient(#0d0d0fbf,#050508e6),url(/bg.png) no-repeat center center fixed;background-size:cover;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.app-container{min-width:100%;min-height:100%}@media (min-width: 768px) and (max-width: 1023px){:root{--content-padding: 16px;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 64px}}@media (min-width: 1024px){:root{--content-padding: 20px;--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 72px}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-md);transition:background var(--transition-fast),border-color var(--transition-fast)}.glass-panel:hover{background:var(--glass-bg-hover);border:1px solid rgba(255,255,255,.15)}.gla-3d-area .gla-3d-canvas-wrap,.gla-3d-area .gla-3d-canvas-wrap>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.gla-3d-area .gla-3d-canvas-wrap canvas{width:100%!important;height:100%!important;display:block!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}.modal-detail-panel{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.06)}.modal-detail-panel::-webkit-scrollbar{width:8px}.modal-detail-panel::-webkit-scrollbar-track{background:#ffffff0f;border-radius:4px;margin:8px 0}.modal-detail-panel::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.modal-detail-panel::-webkit-scrollbar-thumb:hover{background:#ffffff61}.modal-detail-panel::-webkit-scrollbar-thumb:active{background:#ffffff80}