.ar-stage-box{min-width:0;container:ar-stage / inline-size}.ar-stage{height:100%;--ring: var(--ar-neon);--ring-rgb: var(--ar-neon-rgb);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left disc right";align-items:center;gap:.9rem;padding:1.1rem;border-radius:var(--radius-lg);color:#e8eaf0;background:radial-gradient(ellipse at 50% 45%,rgba(var(--ring-rgb),.12),transparent 60%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0) 0 0 / 22px 22px,linear-gradient(160deg,#161a33,#0b0d1c);box-shadow:inset 0 0 0 1px #ffffff0f;overflow:hidden}.ar-stage--matched{--ring: var(--ar-ok);--ring-rgb: var(--ar-ok-rgb)}.ar-trays{display:flex;flex-direction:column;gap:1rem;min-width:0}.ar-trays--left{grid-area:left}.ar-trays--right{grid-area:right}.ar-tray{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .8rem .85rem;background:linear-gradient(180deg,var(--ar-metal-1),var(--ar-metal-2));border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 10px 24px #00000059}.ar-tray-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.82rem;color:#ffffffb3}.ar-tray-name strong{color:#fff;font-size:.95rem;margin-right:.2rem}.ar-tray-count{font-family:var(--font-mono);font-size:.75rem;color:#ffffff80}.ar-tray-well{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:.4rem;padding:.55rem;border-radius:12px;background:#00000059;box-shadow:inset 0 2px 8px #0009,inset 0 0 0 1px #ffffff0a}.ar-sphere{width:36px;height:36px;border-radius:50%;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;font-size:.9rem;color:var(--tc);text-shadow:0 1px 2px rgba(0,0,0,.25);background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9) 0 7%,rgba(255,255,255,.25) 18%,transparent 40%),radial-gradient(circle at 50% 45%,var(--c) 0 50%,color-mix(in srgb,var(--c) 45%,#000) 100%);box-shadow:0 4px 8px #00000080,inset -2px -4px 8px #0000004d;flex-shrink:0}.ar-atom{cursor:grab;touch-action:none;transition:transform .15s ease,opacity .2s ease,filter .2s ease}.ar-atom:hover:not(:disabled){transform:translateY(-2px) scale(1.08)}.ar-atom:active{cursor:grabbing}.ar-atom:focus-visible{outline:2px solid var(--ar-neon);outline-offset:2px}.ar-atom--used{opacity:.12;filter:grayscale(1);cursor:default}.ar-ghost{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;width:48px;height:48px;font-size:1rem;transform:translate(-50%,-50%);box-shadow:0 12px 24px #00000073,0 0 0 3px rgba(var(--ar-neon-rgb),.5)}.ar-disc-wrap{grid-area:disc;display:flex;flex-direction:column;align-items:center;gap:.9rem;min-width:0}.ar-disc{position:relative;width:min(100%,520px);aspect-ratio:1;border-radius:50%;touch-action:none;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.07) 0 .6deg,transparent .6deg 7.5deg),radial-gradient(circle,#1d2140 0,#1d2140 55%,#11142a 70%,#0a0c1a);box-shadow:0 0 0 1px #ffffff14,0 0 0 6px #0d1022,0 0 0 8px rgba(var(--ring-rgb),.35),0 0 40px rgba(var(--ring-rgb),.25),0 30px 60px #0000008c;transition:box-shadow .4s ease}.ar-disc-ring{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;border:2px solid rgba(var(--ring-rgb),.85);box-shadow:0 0 14px rgba(var(--ring-rgb),.7),inset 0 0 14px rgba(var(--ring-rgb),.45);transition:border-color .4s ease,box-shadow .4s ease}.ar-disc-ring:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(var(--ring-rgb),.9) 85%,transparent 86%);-webkit-mask:radial-gradient(circle,transparent calc(50% - 3px),#000 calc(50% - 2px));mask:radial-gradient(circle,transparent calc(50% - 3px),#000 calc(50% - 2px));animation:ar-spin 6s linear infinite}.ar-disc-plate{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.045) 0 1px,transparent 1px 14px),repeating-conic-gradient(from 12deg,rgba(var(--ar-neon-rgb),.07) 0 1deg,transparent 1deg 30deg),radial-gradient(circle,#232848,#151934 75%);box-shadow:inset 0 0 30px #000000b3,0 0 0 1px #ffffff0f}.ar-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.ar-disc-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font-size:.9rem;letter-spacing:.04em;color:#ffffff73;pointer-events:none}.ar-disc-glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse 55% 35% at 32% 18%,rgba(255,255,255,.13),transparent 70%),radial-gradient(circle,transparent 62%,rgba(255,255,255,.04) 66%,transparent 70%)}.ar-stage--dragging .ar-disc{box-shadow:0 0 0 1px #ffffff1a,0 0 0 6px #0d1022,0 0 0 8px rgba(var(--ring-rgb),.8),0 0 70px rgba(var(--ring-rgb),.5),0 30px 60px #0000008c}.ar-stage--dragging .ar-disc-ring:after{animation-duration:1.5s}.ar-stage--matched .ar-disc-ring{animation:ar-pulse 1.2s ease-out 1}.ar-hud{min-width:7rem;padding:.35rem 1rem;border-radius:999px;text-align:center;font-family:var(--font-mono);font-size:.95rem;color:#fff;background:#00000073;border:1px solid rgba(var(--ring-rgb),.55);box-shadow:0 0 16px rgba(var(--ring-rgb),.25);transition:border-color .4s ease,box-shadow .4s ease}.ar-stage--empty .ar-hud{color:#ffffff80}@keyframes ar-spin{to{transform:rotate(360deg)}}@keyframes ar-pulse{0%{box-shadow:0 0 14px rgba(var(--ring-rgb),.7),0 0 rgba(var(--ring-rgb),.6)}to{box-shadow:0 0 14px rgba(var(--ring-rgb),.7),0 0 0 28px rgba(var(--ring-rgb),0)}}@media(prefers-reduced-motion:reduce){.ar-disc-ring:after,.ar-stage--matched .ar-disc-ring{animation:none}}@container ar-stage (max-width: 559px){.ar-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "disc disc";align-items:start;gap:.75rem;padding:.9rem}.ar-disc-wrap{margin-top:.5rem}.ar-disc{width:min(100%,380px)}}.ml-root{--ui-accent: var(--c-kimya, var(--accent));--c-matematik: var(--c-kimya, var(--accent));--ml-accent: var(--c-kimya, var(--accent));--ar-neon: #f472b6;--ar-neon-rgb: 244, 114, 182;--ar-ok: #34d399;--ar-ok-rgb: 52, 211, 153;--ar-metal-1: #262a44;--ar-metal-2: #14172a;user-select:none;-webkit-user-select:none}@media(min-width:900px){.cp-viewer--full .interactive.ui-root.ml-root{grid-template-columns:minmax(0,7fr) minmax(300px,3fr)}.cp-viewer--full .ml-root .interactive-side{gap:.6rem}}.ml-canvas--lab{background:transparent;overflow:visible}.ml-canvas--lab .ar-stage-box{height:100%}.ml-root .ar-tray-well{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;gap:.25rem;padding:.35rem}.ml-root .ar-sphere{width:26px;height:26px;font-size:.7rem}.ml-root .ar-tray{padding:.45rem .5rem .5rem;gap:.35rem}.ml-root .ar-tray-head{font-size:.72rem}.ml-root .ar-tray-name strong{font-size:.85rem}.ml-root .ar-trays{gap:.55rem}@container ar-stage (max-width: 559px){.ml-root .ar-stage{padding:.6rem;gap:.5rem}.ml-root .ar-tray{padding:.4rem .3rem .35rem}.ml-root .ar-tray-well{gap:3px;padding:3px}.ml-root .ar-sphere{width:22px;height:22px;font-size:.62rem}.ml-root .ar-tray-head{padding:0 .2rem}}@container ar-stage (min-width: 560px){.ml-root .ar-stage{padding:.9rem 1rem;gap:.8rem}.ml-root .ar-sphere{width:28px;height:28px;font-size:.74rem}}@container ar-stage (min-width: 1000px){.ml-root .ar-stage{padding:1.1rem 1.3rem;gap:1rem}.ml-root .ar-trays{gap:.7rem}.ml-root .ar-tray{padding:.5rem .65rem .6rem;gap:.4rem}.ml-root .ar-tray-well{gap:.35rem;padding:.45rem}.ml-root .ar-sphere{width:38px;height:38px;font-size:.86rem}}.ml-root .ar-ghost{width:44px;height:44px}.ml-result{gap:.2rem;transition:border-color .3s ease}.ml-result.is-matched{border-left-color:var(--success)}.ml-result .ui-big-label{display:flex;align-items:center;gap:.5rem}.ml-badge{padding:.05rem .5rem;border-radius:999px;background:var(--success);color:#fff;font-size:.72rem;font-weight:700;animation:ml-pop .5s ease-out}[data-theme=dark] .ml-badge{color:#111827}.ml-result-formula{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;font-family:var(--font-display)}.ml-result.is-matched .ml-result-formula{color:var(--success)}.ml-structural{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--ink-soft)}.ml-result-name{font-size:1rem;font-weight:700;color:var(--ink)}.ml-result-desc{font-size:.84rem;line-height:1.45;color:var(--ink-soft)}.ml-link{align-self:flex-start;margin-top:.15rem;font-size:.84rem;font-weight:600;color:var(--accent);text-decoration:none}.ml-link:hover{text-decoration:underline}.ml-bonds{gap:.45rem}.ml-valences{display:flex;flex-wrap:wrap;gap:.3rem .8rem}.ml-val{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;color:var(--ink-soft);opacity:.6;font-variant-numeric:tabular-nums;transition:opacity .2s ease}.ml-val.is-on{opacity:1;color:var(--ink);font-weight:600}.interactive-readout.ui-readout.ml-readout-4{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;background:none}.ml-status{font-size:.8rem;line-height:1.4;color:var(--ink-soft)}.ml-status--ok{color:var(--success)}.ml-status--over{color:var(--danger, #dc2626)}.ml-status--radical{color:var(--warning, #d97706)}.ml-target{position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;border:1px dashed var(--ml-accent)}.ml-target .ui-card-title{width:100%}.ml-target-name{font-weight:700;font-size:.95rem}.ml-target-clue{display:inline-flex;align-items:center;gap:.25rem;font-size:.82rem;color:var(--ink-soft)}.ml-x{position:absolute;top:.35rem;right:.5rem;border:0;background:none;color:var(--ink-soft);font-size:1.1rem;line-height:1;cursor:pointer}.ml-x:hover{color:var(--ink)}.ml-dot{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--c);color:var(--tc);font-size:.66rem;font-weight:700;box-shadow:inset 0 0 0 1px #0000002e}.ml-pip{display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #00000040;flex-shrink:0}.ml-progress{gap:.4rem}.ml-progress-head{display:flex;justify-content:space-between;align-items:baseline}.ml-progress-count{font-weight:800;color:var(--ml-accent);font-variant-numeric:tabular-nums}.ml-bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.ml-bar>span{display:block;height:100%;border-radius:inherit;background:var(--ml-accent);transition:width .4s ease}.ml-canvas--atlas{display:flex;flex-direction:column;gap:1rem;padding:.9rem;overflow-y:auto;background:var(--bg);border:1px solid var(--line);touch-action:auto}.ml-group-title{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .45rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft)}.ml-group-title span{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ml-accent)}.ml-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.45rem}.ml-card{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;padding:.5rem .6rem;border-radius:10px;border:1px dashed var(--line);background:transparent;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.ml-card:hover{border-color:var(--ml-accent);transform:translateY(-1px)}.ml-card.is-known{border-style:solid;background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow-sm)}.ml-card-formula{font-family:var(--font-display);font-size:1.02rem;font-weight:700;color:var(--ink-soft)}.ml-card.is-known .ml-card-formula{color:var(--ml-accent)}.ml-card-name{width:100%;font-size:.76rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-card-dots{display:flex;gap:.2rem;margin-top:.1rem}.ml-empty{margin:auto;color:var(--ink-soft)}.ml-el-chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex:0 1 auto;min-width:3.1rem}.ml-matrix-card{gap:.5rem}.ml-matrix{width:100%;border-collapse:separate;border-spacing:3px;font-size:.78rem;font-variant-numeric:tabular-nums}.ml-matrix th{font-weight:700;color:var(--ink-soft);text-align:center;padding:0}.ml-matrix td{padding:0}.ml-cell{width:100%;height:1.7rem;border:0;border-radius:5px;background:color-mix(in srgb,var(--ml-accent) calc(8% + var(--k) * 62%),var(--bg-card));color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.ml-cell.is-diag{box-shadow:inset 0 0 0 1px var(--line)}.ml-cell:hover{outline:2px solid var(--ink-soft);outline-offset:1px}.ml-cell.is-active{outline:2px solid var(--ink);outline-offset:1px}@keyframes ml-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ml-badge{animation:none}}@media(max-width:899px){.ml-canvas--lab{min-height:0}.ml-canvas--atlas{max-height:70vh}}.ml-facts{display:grid;gap:.15rem;margin:.25rem 0 0;padding-top:.35rem;border-top:1px solid var(--line)}.ml-facts>div{display:grid;grid-template-columns:5.8rem minmax(0,1fr);gap:.45rem;font-size:.77rem;line-height:1.35}.ml-facts dt{color:var(--ink-soft)}.ml-facts dd{margin:0;color:var(--ink);font-weight:600}.ml-status--deficient{color:var(--warning, #d97706)}
