/* calc-modes.css (Oct 31 2026): Simple/Advanced, compound chips, Blends sheet, Handling cards. Neon theme kept. */
.cm-top{margin:0 0 12px}
.cm-bar{display:flex;justify-content:center;margin:0 0 10px}
.cm-seg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(169,184,255,.25)}
.cm-seg button{min-height:40px;min-width:118px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#A0A0B8;font:inherit;font-weight:700;cursor:pointer}
.cm-seg button.on{color:#fff;background:linear-gradient(135deg,#8000FF,#FF00C8 55%,#00DDEB);background-size:200% 200%;background-position:0 50%;text-shadow:0 1px 2px rgba(40,0,80,.35);box-shadow:0 6px 18px rgba(128,0,255,.4);border:0;animation:none}
.cm-chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cm-chips::-webkit-scrollbar{display:none}
.cm-chip{flex:none;display:inline-flex;align-items:center;scroll-snap-align:start;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(169,184,255,.25);white-space:nowrap}
.cm-chip-b,.cm-blendbtn{min-height:40px;padding:0 14px;border:0;background:transparent;color:#E8E8F5;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;border-radius:999px}
.cm-chip-b.on{color:#fff;background:linear-gradient(135deg,#8000FF,#FF00C8 55%,#00DDEB);background-size:200% 200%;background-position:0 50%;text-shadow:0 1px 2px rgba(40,0,80,.35);box-shadow:0 6px 18px rgba(128,0,255,.4);border:0;animation:none}
.cm-chip-a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px 0 4px;color:#A9B8FF;text-decoration:none;font-size:.85rem}
.cm-chip.cm-blendbtn{color:#fff;background:linear-gradient(135deg,#8000FF,#FF00C8 55%,#00DDEB);background-size:200% 200%;background-position:0 50%;text-shadow:0 1px 2px rgba(40,0,80,.35);box-shadow:0 6px 18px rgba(128,0,255,.4);border:0;animation:none}
.cm-chip.cm-blendbtn.on{box-shadow:0 6px 18px rgba(128,0,255,.4),0 0 0 2px rgba(255,0,200,.55)}
.cm-chip-hint{margin:2px 2px 0;font-size:.8rem;color:#A0A0B8;line-height:1.4}
.cm-sheet{margin-top:8px;max-height:360px;overflow-y:auto;padding:10px;border-radius:14px;background:rgba(14,14,30,.96);border:1px solid rgba(255,0,200,.35)}
.cm-sheet-t{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#A9B8FF}
.cm-blend{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;margin:0 0 6px;padding:10px 12px;min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#E8E8F5;font:inherit;cursor:pointer}
.cm-blend b{font-size:.92rem}.cm-parts{font-size:.8rem;color:#A0A0B8}.cm-lab{font-size:.8rem;color:#3DDC97}
/* Simple view hides the advanced tools */
.cm-simple #titrStep,.cm-simple .blend-seg,.cm-simple #blendEditor,.cm-simple #calcTools,.cm-simple .stackai-calc{display:none!important}
/* Handling */
.cm-handling{margin-top:14px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(169,184,255,.2)}
.cm-h-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.cm-h-sub{font-size:.8rem;color:#A0A0B8}
.cm-h-grid{display:grid;grid-template-columns:1fr;gap:6px}
.cm-h-card{border-radius:12px;background:rgba(128,0,255,.10);border:1px solid rgba(128,0,255,.35)}
.cm-h-card summary{min-height:44px;display:flex;align-items:center;padding:0 12px;font-weight:600;font-size:.9rem;cursor:pointer;list-style:none}
.cm-h-card summary::-webkit-details-marker{display:none}
.cm-h-card summary::after{content:'+';margin-left:auto;color:#00DDEB;font-weight:700}
.cm-h-card[open] summary::after{content:'–'}
.cm-h-card p{margin:0;padding:0 12px 12px;font-size:.86rem;line-height:1.5;color:#C9C9DC}
.cm-h-foot{margin:10px 2px 0;font-size:.78rem;color:#A0A0B8;line-height:1.4}
@media (min-width:720px){.cm-h-grid{grid-template-columns:1fr 1fr}}
.cm-chip:has(.cm-chip-b.on){border-color:transparent}