.orgchem{--org-canvas:#0d1720;--org-grid:#263744;--org-axis:#9fb1bf;--org-text:#e6edf2;--org-primary:#54b9d2;--org-secondary:#e6a23c;--org-tertiary:#ca6f8d;color:var(--ink);gap:18px;display:grid}.orgchem *{box-sizing:border-box}.orgchem__intro{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 2px 16px;display:flex}.orgchem__intro h2{letter-spacing:-.025em;max-width:820px;margin:4px 0 7px;font-size:clamp(1.15rem,2vw,1.45rem)}.orgchem__intro p{max-width:820px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.orgchem__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:760}.orgchem__constants{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.orgchem__constants span{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 9px;font:.73rem Cascadia Code,Consolas,monospace}.orgchem__tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:6px;padding:4px 2px 10px;display:flex;overflow-x:auto}.orgchem button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:7px 11px;font-size:.8rem}.orgchem button:hover{border-color:var(--accent);background:var(--accent-soft)}.orgchem__tabs button{white-space:nowrap}.orgchem__tabs button.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft);font-weight:720}.orgchem button:focus-visible,.orgchem input:focus-visible,.orgchem select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:1px}.orgchem__lesson{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 35%, var(--surface));border-radius:12px;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:14px;margin-bottom:14px;padding:18px;display:grid}.orgchem__lesson h3{margin:5px 0 7px;font-size:1.05rem}.orgchem__lesson p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.orgchem__lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.orgchem__lesson-grid>div{border:1px solid color-mix(in srgb, var(--line) 85%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:9px;min-width:0;padding:11px}.orgchem__lesson-grid b{margin-bottom:4px;font-size:.74rem;display:block}.orgchem__lesson-grid ol{color:var(--muted);margin:4px 0 0 18px;padding:0;font-size:.76rem;line-height:1.45}.orgchem__lesson-grid code{overflow-wrap:anywhere;color:var(--accent-strong);font:.74rem/1.45 Cascadia Code,Consolas,monospace;display:block}.orgchem__workspace{grid-template-columns:minmax(275px,.68fr) minmax(0,1.32fr);align-items:start;gap:14px;display:grid}.orgchem__card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, var(--surface-2));border-radius:12px;min-width:0;padding:17px}.orgchem__card>h3{margin:0 0 14px;font-size:1rem}.orgchem__controls h4{margin:15px 0 8px;font-size:.82rem}.orgchem__field{color:var(--muted);gap:5px;margin-bottom:11px;font-size:.77rem;font-weight:650;display:grid}.orgchem__field em{font-style:normal;font-weight:450}.orgchem input,.orgchem select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 10px}.orgchem__check{color:var(--ink);align-items:center;gap:9px;margin:9px 0;font-size:.8rem;display:flex}.orgchem__check input{width:18px;min-height:18px;margin:0;padding:0}.orgchem__range{min-height:28px!important;padding:0!important}.orgchem__two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.orgchem__help{color:var(--muted);margin:-4px 0 12px;font-size:.72rem;line-height:1.45}.orgchem__preset-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.orgchem__preset-row button{padding:5px 8px;font-size:.72rem}.orgchem__result-area{gap:10px;display:grid}.orgchem__result-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;display:grid}.orgchem__result{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-content:start;gap:5px;min-width:0;padding:12px;display:grid}.orgchem__result span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.67rem;font-weight:720}.orgchem__result strong{min-width:0;color:var(--accent-strong);overflow-wrap:break-word;font:700 clamp(.79rem,.65rem + .45vw,1rem)/1.25 Cascadia Code,Consolas,monospace}.orgchem__result small{color:var(--muted);font-size:.69rem;line-height:1.35}.orgchem__name-result{border:1px solid var(--accent);color:var(--accent-strong);background:var(--accent-soft);text-align:center;overflow-wrap:anywhere;border-radius:10px;margin-bottom:9px;padding:15px;font:750 clamp(1rem,2.5vw,1.45rem) Cascadia Code,Consolas,monospace}.orgchem__warning{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:8px;padding:10px 12px;font-size:.78rem}.orgchem__visual{border:1px solid var(--line);background:var(--org-canvas);min-height:180px;color:var(--org-text);border-radius:10px;margin-top:12px;overflow:hidden}.orgchem__visual svg{width:100%;height:auto;min-height:190px;display:block}.orgchem__visual svg text{fill:var(--org-text);text-anchor:middle;font:12px system-ui,sans-serif}.orgchem__visual svg .axis-label{fill:var(--org-axis);font-size:11px}.orgchem__visual svg line,.orgchem__visual svg path,.orgchem__visual svg polygon{stroke:var(--org-axis);stroke-width:2px;fill:none}.orgchem__visual svg circle{fill:var(--org-canvas);stroke:var(--org-primary);stroke-width:2px}.orgchem__visual svg g.is-highlighted circle{fill:color-mix(in srgb, var(--org-secondary) 25%, var(--org-canvas));stroke:var(--org-secondary);stroke-width:3px}.orgchem__visual svg g.is-highlighted text{fill:#fff0c9;font-weight:750}.orgchem__bonds line{stroke:var(--org-axis);stroke-width:4px!important}.orgchem__chain line{stroke:var(--org-axis);stroke-width:4px}.orgchem__chain line.sub{stroke:var(--org-secondary);stroke-width:3px}.orgchem__chain line.double{stroke:var(--org-primary);stroke-width:3px}.orgchem__chain text.label,.orgchem__chain text.principal{fill:var(--org-secondary);font-weight:750}.orgchem__dbe-model{padding:22px}.orgchem__dbe-total{justify-content:space-between;align-items:center;gap:15px;display:flex}.orgchem__dbe-total span{color:var(--org-axis);font-size:.78rem}.orgchem__dbe-total strong{color:var(--org-secondary);font:800 2rem Cascadia Code,Consolas,monospace}.orgchem__unit-row{flex-wrap:wrap;gap:8px;margin:17px 0;display:flex}.orgchem__unsaturation{border:1px solid var(--org-primary);background:color-mix(in srgb, var(--org-primary) 12%, transparent);border-radius:9px;place-items:center;min-width:72px;padding:8px;display:grid}.orgchem__unsaturation span{font-weight:750}.orgchem__unsaturation small{color:var(--org-axis);font-size:.65rem}.orgchem__dbe-model p,.orgchem__polymer p{color:var(--org-axis);font-size:.75rem}.orgchem__split-visual .wedge{stroke-width:10px}.orgchem__split-visual .turn{stroke:var(--org-secondary);stroke-width:3px}.orgchem__split-visual marker path{fill:var(--org-secondary);stroke:none}.orgchem__split-visual .svg-title{fill:var(--org-axis);font-weight:700}.orgchem__newman line{stroke:var(--org-primary)}.orgchem__newman line.back{stroke:var(--org-secondary)}.orgchem__plot path{stroke:var(--org-primary);stroke-width:3px}.orgchem__plot circle.current{fill:var(--org-secondary);stroke:#fff}.orgchem__plot text{fill:var(--org-axis);font-size:10px}.orgchem__visual svg .scale{stroke:var(--org-axis);stroke-width:4px}.orgchem__visual svg .acid.left circle{fill:var(--org-primary)}.orgchem__visual svg .acid.right rect{fill:var(--org-secondary);stroke:none}.orgchem__mechanism-bars{gap:10px;padding:22px;display:grid}.orgchem__mechanism-row{grid-template-columns:42px minmax(0,1fr) 62px;align-items:center;gap:9px;display:grid}.orgchem__mechanism-row>span{font:700 .8rem Cascadia Code,Consolas,monospace}.orgchem__mechanism-row>div{background:var(--org-grid);border-radius:999px;height:12px;overflow:hidden}.orgchem__mechanism-row i{border-radius:inherit;background:var(--org-primary);height:100%;display:block}.orgchem__mechanism-row.is-primary i{background:var(--org-secondary)}.orgchem__mechanism-row strong{color:var(--org-axis);text-align:right;font:.74rem Cascadia Code,Consolas,monospace}.orgchem__mechanism-bars p{color:var(--org-axis);margin:5px 0 0;font-size:.7rem}.orgchem__reaction-scheme{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:220px;padding:24px;display:grid}.orgchem__molecule-box{border:1px solid var(--org-primary);text-align:center;border-radius:10px;align-content:center;gap:8px;min-height:105px;padding:14px;display:grid}.orgchem__molecule-box span{color:var(--org-axis);text-transform:uppercase;font-size:.68rem}.orgchem__molecule-box strong{font-size:.95rem}.orgchem__reaction-arrow{text-align:center;gap:5px;min-width:130px;display:grid}.orgchem__reaction-arrow b{color:var(--org-secondary);font-size:.72rem}.orgchem__reaction-arrow span{font-size:2rem}.orgchem__spectrum{gap:5px;padding:8px 12px 14px;display:grid}.orgchem__spectrum h4{color:var(--org-axis);margin:7px 0 0;font-size:.76rem}.orgchem__spectrum svg{min-height:220px}.orgchem__spectrum .spectrum path{stroke:var(--org-primary);stroke-width:3px}.orgchem__spectrum .spectrum text,.orgchem__spectrum .nmr text{fill:var(--org-secondary);font-size:9px}.orgchem__spectrum .nmr line{stroke:var(--org-primary);stroke-width:4px}.orgchem__spectrum .nmr circle{fill:var(--org-secondary);stroke:none}.orgchem__visual svg polygon.ring{stroke:var(--org-primary);stroke-width:5px}.orgchem__visual svg circle.delocalized{stroke:var(--org-secondary);stroke-width:3px}.orgchem__visual svg circle.electron{fill:var(--org-secondary);stroke:none}.orgchem__visual svg text.classification{fill:var(--org-text);font-size:16px;font-weight:750}.orgchem__polymer{place-items:center;min-height:220px;padding:24px;display:grid}.orgchem__monomer-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.orgchem__repeat{border:1px solid var(--org-primary);text-align:center;border-radius:8px;gap:4px;min-width:82px;padding:10px;display:grid}.orgchem__repeat span{overflow-wrap:anywhere;font:700 .72rem Cascadia Code,Consolas,monospace}.orgchem__repeat small{color:var(--org-axis);font-size:.62rem}.orgchem__brace{width:min(560px,90%);color:var(--org-secondary);align-items:center;margin-top:15px;font:2rem serif;display:flex}.orgchem__brace i{background:var(--org-secondary);flex:1;height:1px}.orgchem__brace sub{font:.8rem Cascadia Code,Consolas,monospace}.orgchem__visual svg rect.plate{fill:#e8ece8;stroke:var(--org-axis)}.orgchem__visual svg line.baseline{stroke:#496174;stroke-dasharray:5 4}.orgchem__visual svg line.front{stroke:var(--org-primary);stroke-dasharray:6 4}.orgchem__visual svg circle.spot-a{fill:var(--org-secondary);stroke:none;opacity:.82}.orgchem__visual svg circle.spot-b{fill:var(--org-tertiary);stroke:none;opacity:.82}.orgchem__visual svg line.ruler{stroke:var(--org-axis)}.orgchem__explanation{gap:8px;margin-top:12px;display:grid}.orgchem__explanation p,.orgchem__explanation li{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.orgchem__explanation ol{margin:0 0 0 20px;padding:0}.orgchem__explanation article{border-left:3px solid var(--accent);background:var(--accent-soft);padding:10px 12px}.orgchem__explanation h4{margin:0 0 4px;font-size:.8rem}.orgchem__spectral-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (prefers-color-scheme:dark){.orgchem{--org-canvas:#0a1117;--org-grid:#23313c;--org-axis:#93a8b7}}@media (width<=980px){.orgchem__workspace,.orgchem__lesson{grid-template-columns:1fr}}@media (width<=700px){.orgchem__intro{flex-direction:column}.orgchem__constants{justify-content:flex-start}.orgchem__lesson,.orgchem__card{padding:13px}.orgchem__lesson-grid,.orgchem__two,.orgchem__spectral-list,.orgchem__result-grid,.orgchem__reaction-scheme{grid-template-columns:1fr}.orgchem__reaction-arrow{min-width:auto;transform:rotate(90deg)}}