.ar-root{--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;position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:1.25rem;background:var(--bg-card);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:pan-y;container:ar-root / inline-size}.ar-body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem}.ar-stage-box{min-width:0;container:ar-stage / inline-size}@container ar-root (min-width: 900px){.ar-body{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:stretch}.ar-body .ar-result{flex-direction:column;justify-content:flex-start}.ar-body .ar-result-title{flex-direction:column;gap:.15rem}.ar-body .ar-result-formula{font-size:2.1rem;line-height:1.1}.ar-body .ar-reset{order:1;margin-top:auto;align-self:flex-start}}.cp-viewer.is-fullscreen .ar-root{min-height:100%}.ar-header{display:flex;flex-direction:column;gap:.4rem;padding-right:3rem}.ar-header-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;font-variation-settings:"opsz" 30,"SOFT" 50;line-height:1.3}.ar-header-hint{font-size:.88rem;color:var(--ink-soft);line-height:1.5}.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);box-shadow:0 10px 24px #00000059}.ar-tray--left{border-radius:14px 44px 44px 14px;border-right:2px solid rgba(var(--ar-neon-rgb),.55)}.ar-tray--right{border-radius:44px 14px 14px 44px;border-left:2px solid rgba(var(--ar-neon-rgb),.55)}.ar-tray-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.82rem;color:#ffffffb3}.ar-tray--right .ar-tray-head{padding-left:1rem}.ar-tray--left .ar-tray-head{padding-right:1rem}.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}}.ar-result{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .3s ease}.ar-result--matched{border-color:var(--success)}.ar-result-body{display:flex;flex-direction:column;gap:.45rem;min-width:0}.ar-result-muted{margin:0;color:var(--ink-soft);font-size:.92rem}.ar-result-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem}.ar-result-formula{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--success)}.ar-result-name{font-size:1.05rem;font-weight:600}.ar-result-desc{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-soft)}.ar-link{align-self:flex-start;font-size:.88rem;font-weight:600;color:var(--accent);text-decoration:none}.ar-link:hover{text-decoration:underline}.ar-reset{flex-shrink:0;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer}.ar-reset:hover:not(:disabled){border-color:var(--ink-soft)}.ar-reset:disabled{opacity:.4;cursor:default}@container ar-stage (min-width: 760px){.ar-stage{gap:1.5rem;padding:2rem}.ar-tray-well{grid-template-columns:repeat(3,auto)}.ar-sphere{width:40px;height:40px;font-size:.9rem}}@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-trays{gap:.6rem}.ar-tray{padding:.55rem .6rem .65rem}.ar-tray--left,.ar-tray--right{border-radius:14px}.ar-tray--right .ar-tray-head,.ar-tray--left .ar-tray-head{padding:0}.ar-tray-well{display:flex;flex-wrap:wrap}.ar-sphere{width:34px;height:34px;font-size:.8rem}.ar-disc-wrap{margin-top:.5rem}.ar-disc{width:min(100%,380px)}}@media(max-width:560px){.ar-root{padding:1rem}}