@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--surface-hover: #f8f9fa;--surface2: #f1f5f9;--surface3: #e2e8f0;--border: #e0e0e0;--border-hover: #ccc;--border-focus: var(--blue);--text: #333333;--text-primary: #1a1a1a;--text-secondary: #333333;--text-tertiary: #666666;--text-muted: #999999;--blue-50: #e8f4fd;--blue-100: #d0e8f7;--blue-200: #a8d4f0;--blue-400: #4a9fd8;--blue-500: #1976d2;--blue-600: #1565c0;--blue: #42a5f5;--blue-dark: #1e88e5;--blue-dim: rgba(25, 118, 210, .06);--blue-glow: rgba(25, 118, 210, .12);--green: #2e7d32;--green-dim: rgba(46, 125, 50, .08);--yellow: #f9a825;--yellow-dim: rgba(249, 168, 37, .08);--red: #d32f2f;--red-dim: rgba(211, 47, 47, .06);--navy: #1a237e;--accent-green: #1b7a1d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-card: 0 1px 4px rgba(0,0,0,.08);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.12);--shadow-nav: 0 2px 12px rgba(0,0,0,.1);--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: 13px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text-primary);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}input,textarea,select,button:not(.chemsketch-wrapper button){font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}textarea{font-family:var(--mono);font-size:var(--fs-sm);line-height:1.6}input:not(.chemsketch-wrapper input):focus-visible,textarea:not(.chemsketch-wrapper textarea):focus-visible,select:not(.chemsketch-wrapper select):focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app-header{background:#fff;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid #e0e0e0}.app-header .header-left{display:flex;align-items:center;gap:14px}.app-header .header-center{text-align:center;flex:1}.app-header .header-right{display:flex;align-items:center;gap:12px}.app-header h1{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.01em}.app-header .subtitle{font-size:14px;color:#ffffffb3;margin-top:2px}.app-nav{display:flex;justify-content:center;padding:16px 40px;background:#fff;flex-shrink:0}.app-nav-inner{display:flex;gap:0;background:#fff;border-radius:30px;box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a;padding:4px;overflow-x:auto}.app-nav button{display:flex;align-items:center;gap:8px;padding:10px 22px;font-size:15px;font-weight:600;color:#1976d2;background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-radius:24px;position:relative}.app-nav button:hover{background:#e3f2fd;color:#1976d2}.app-nav button.active{background:#42a5f5;color:#fff;box-shadow:0 2px 6px #42a5f54d}.app-nav button svg{flex-shrink:0}.app-main{flex:1;overflow-y:auto;padding:24px 40px;background:#fff}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.section-header h2{font-size:22px;font-weight:700;color:#1976d2;letter-spacing:-.01em}.section-divider-blue{height:2px;background:#1976d2;margin-bottom:20px;border-radius:1px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-header{padding:14px 18px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:var(--fs-md);font-weight:700;color:#1976d2;letter-spacing:-.01em;border-bottom:2px solid #1976d2;padding-bottom:4px}.card-body{padding:18px}.card-body-compact{padding:14px 18px}.tab-bar{display:flex;gap:2px;background:#f1f5f9;border-radius:var(--radius);padding:3px}.tab-bar button{flex:1;padding:8px 12px;font-size:var(--fs-sm);font-weight:600;color:#666;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap}.tab-bar button:hover:not(.active){color:#1976d2;background:#e8f4fd}.tab-bar button.active{color:#fff;background:#42a5f5;box-shadow:var(--shadow-xs)}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.stat-card .stat-label{font-size:var(--fs-xs);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.04em}.stat-card .stat-value{font-size:var(--fs-xl);font-weight:800;color:#333;font-family:var(--mono);letter-spacing:-.02em;line-height:1}.stat-card .stat-unit{font-size:var(--fs-xs);color:#666;font-weight:500}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-sm);font-weight:600;color:#333}.field-input{width:100%;padding:9px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius);color:#333;font-size:var(--fs-md);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.field-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #4fc3f726}.field-input::placeholder{color:#999}.field-hint{font-size:var(--fs-xs);color:#999;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:var(--fs-md);font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration) var(--ease)}.btn-primary{background:#42a5f5;color:#fff;box-shadow:0 2px 6px #42a5f54d}.btn-primary:hover:not(:disabled){background:#1e88e5;box-shadow:0 4px 12px #42a5f566;transform:translateY(-1px)}.btn-primary:disabled{background:#90caf9;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:#bbb}.btn-sm{padding:6px 12px;font-size:var(--fs-sm);font-weight:600}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--fs-xs);font-weight:600;border-radius:var(--radius-full);background:#f1f5f9;color:#666;border:1px solid #e0e0e0}.badge-blue{background:#1976d214;color:#1976d2;border-color:#4fc3f74d}.badge-green{background:#2e7d3214;color:#2e7d32}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mono{font-family:var(--mono)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{padding:12px 16px;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500}.alert-info{background:#1976d214;border:1px solid rgba(25,118,210,.2);color:#1976d2}.alert-error{background:#d32f2f0f;border:1px solid rgba(211,47,47,.2);color:#d32f2f}.alert-success{background:#2e7d3214;border:1px solid rgba(46,125,50,.2);color:#2e7d32}.spinner{width:16px;height:16px;border:2px solid #1976d2;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.section-divider{height:1px;background:#30363d;margin:16px 0}.drop-zone{border:2px dashed #30363d;border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all var(--duration) var(--ease);background:#fff}.drop-zone:hover,.drop-zone.active{border-color:#1976d2;background:#4fc3f70d}.drop-zone .drop-label{font-size:var(--fs-sm);color:#999}.drop-zone .drop-label-active{font-size:var(--fs-sm);color:#1976d2;font-weight:600}.progress-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:#4fc3f7;border-radius:3px;transition:width .3s var(--ease)}.table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th{padding:10px 14px;text-align:left;font-weight:600;color:#666;background:#fff;border-bottom:1px solid #e0e0e0;white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid #21262d;color:#333}tr:last-child td{border-bottom:none}tr:hover td{background:#fff}.app-footer{padding:14px 40px 12px;background:#fff;color:#666;flex-shrink:0;font-size:var(--fs-sm);line-height:1.45;border-top:1px solid #e0e0e0}.app-footer-primary{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;column-gap:30px}.app-footer-primary>span{min-width:0;white-space:nowrap}.app-footer-left{text-align:left}.app-footer-center{text-align:center}.app-footer-right{text-align:right}.app-footer strong{color:#333;font-weight:700}.app-footer-right strong{color:#0f766e;font-size:1.05em}.app-footer-legal{width:100%;margin-top:8px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 28px;color:#6b7280;font-size:.9em;text-align:center}@media (max-width: 900px){.app-footer{padding:12px 20px}.app-footer-primary{grid-template-columns:1fr;row-gap:5px}.app-footer-primary>span{white-space:normal;text-align:center}.app-footer-legal{gap:4px 16px}}.institutional-logo-strip{width:100%;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#eef4f8);border-top:1px solid #dbe4ea;border-bottom:1px solid #dbe4ea;padding:14px 0;box-shadow:inset 0 1px #ffffffe6}.institutional-logo-track{display:flex;width:max-content;animation:institutionalLogoScroll 38s linear infinite;will-change:transform}.institutional-logo-set{display:flex;align-items:center;gap:28px;padding-right:28px;flex-shrink:0}.institutional-logo-set img{height:58px;width:112px;object-fit:contain;background:#fff;border:1px solid #dce5eb;border-radius:10px;padding:6px 10px;box-sizing:border-box;box-shadow:0 3px 12px #0f172a14;transition:transform .25s ease,box-shadow .25s ease}.institutional-logo-set img:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 7px 18px #0f172a24}@keyframes institutionalLogoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.institutional-logo-track{animation:none}}@media (max-width: 700px){.institutional-logo-set{gap:16px;padding-right:16px}.institutional-logo-set img{width:92px;height:50px}}.viewer-container{border:1px solid #e0e0e0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);background:#fff;height:45vh;min-height:300px}input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1976d2;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1976d2;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.scrollable-content{flex:1;overflow-y:auto}