@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;background:#f0f2f5;padding:30px 20px;color:#333}.container{max-width:1020px;margin:auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 40px #0000001f}.header{text-align:center;border-bottom:2px solid #1a73e8;margin-bottom:25px;padding-bottom:12px}.header h2{font-size:1.5rem;color:#1a1a2e;margin:0 0 4px}.header p{color:#666;font-size:.9rem;margin:0}.input-section{display:flex;gap:10px;margin-bottom:28px}input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:10px;font-size:16px;transition:border-color .2s}input:focus{outline:none;border-color:#1a73e8}.btn-primary{padding:12px 26px;background:#1a73e8;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;transition:background .2s,transform .1s}.btn-primary:hover{background:#1557b0}.btn-primary:active{transform:scale(.97)}.result-grid{display:none;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid #e8e8e8;padding:18px 16px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.card h3{margin:0 0 12px;font-size:1rem;color:#1a1a2e}.highlight{color:#1a73e8;font-weight:700}.stat-row{display:flex;align-items:center;gap:8px;margin:5px 0;flex-wrap:wrap}.stat-label{font-size:.93rem;color:#444}.btn-calc{padding:3px 10px;font-size:.72rem;font-weight:600;background:transparent;color:#1a73e8;border:1.5px solid #1a73e8;border-radius:20px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.btn-calc:hover,.btn-calc.active{background:#1a73e8;color:#fff}.calc-panel{display:none;background:#f8faff;border:1px solid #c5d8f8;border-radius:10px;padding:12px 14px;margin:6px 0 10px;font-size:.82rem;animation:fadeIn .2s ease}.calc-panel.open{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calc-step{display:flex;align-items:flex-start;gap:10px;margin:5px 0;line-height:1.5}.step-num{background:#1a73e8;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.step-text .math{font-family:Courier New,monospace;background:#e8f0fe;padding:1px 5px;border-radius:4px;color:#1a1a2e;font-size:.8rem}.val-green{color:#1e7e34;font-weight:700}.val-blue{color:#1a73e8;font-weight:700}.val-red{color:#c0392b;font-weight:700}.calc-divider{border:none;border-top:1px dashed #c5d8f8;margin:8px 0}.orb-table{width:100%;border-collapse:collapse;margin:6px 0 4px;font-size:.78rem}.orb-table th{background:#e8f0fe;color:#1a1a2e;padding:4px 7px;text-align:left;font-weight:600;border-bottom:1px solid #c5d8f8}.orb-table td{padding:3px 7px;border-bottom:1px solid #eef2ff}.orb-table .bond-row td{background:#eaf6fb}.orb-table .abond-row td{background:#fdf0f4}.orb-table .total-row td{font-weight:700;background:#f0f4ff;border-top:1px solid #c5d8f8}.mo-row{display:flex;align-items:center;margin:7px 0;gap:10px}.orb-label{width:72px;font-size:.88rem;font-weight:600;color:#222;white-space:nowrap;flex-shrink:0}.orb-label sup,.orb-label sub{font-size:.7em}.orb-boxes{display:flex;gap:5px;align-items:center}.e-box{width:48px;height:34px;border:2px solid #888;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;font-size:1.05rem;line-height:1}.e-box.bonding{background:#d6eaf8;border-color:#5d91c7}.e-box.antibonding{background:#fce4ec;border-color:#c0506e}.arrow-up{color:#c0392b;line-height:1}.arrow-down{color:#5d6d9e;line-height:1}.mo-separator{border:none;border-top:1px dashed #ccc;margin:8px 0}.geo-section{margin-bottom:10px}.geo-sec-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:4px}.geo-value{font-size:.92rem;font-weight:600;color:#1a1a2e}.geo-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lewis-box,.struct3d-box{border:1px solid #e0e6f0;border-radius:8px;background:#fafbff;display:flex;flex-direction:column;align-items:center;padding:6px;margin-top:2px}.struct-legend{font-size:.68rem;color:#666;margin-top:4px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:3px}.polar-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:700}.polar-badge.polar{background:#fff3e0;color:#e65100;border:1.5px solid #ffb74d}.polar-badge.nonpolar{background:#e8f5e9;color:#2e7d32;border:1.5px solid #81c784}.hyb-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:700;background:#ede7f6;color:#4527a0;border:1.5px solid #b39ddb}.warning{color:#d93025;font-size:.85em;margin-top:8px}.unknown-box{font-size:.8rem;color:#888;text-align:center;padding:10px;font-style:italic}.lewis-3d-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.bs-box{border:1px solid #e0e6f0;border-radius:8px;background:#fafbff;display:flex;flex-direction:column;align-items:center;padding:6px}.struct-sublabel{font-size:.65rem;color:#999;margin-top:3px}.unsup-notice{background:#fffbec;border:1.5px solid #f5c842;border-radius:10px;padding:12px 14px;margin-top:8px;font-size:.8rem;line-height:1.6;color:#5a4200}.unsup-notice .notice-title{font-weight:700;font-size:.85rem;color:#b8860b;margin-bottom:5px;display:flex;align-items:center;gap:5px}.unsup-notice ul{margin:5px 0 0 16px;padding:0}.unsup-notice .mol-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.unsup-notice .mol-chip{background:#fff3cd;border:1px solid #f0c040;border-radius:6px;padding:1px 7px;font-size:.72rem;font-weight:600;color:#7a5000}