.bond-game.svelte-1atl5bh{display:flex;flex-direction:column;flex:1;overflow:hidden}.bond-page.svelte-1atl5bh{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px calc(72px + env(safe-area-inset-bottom,0px));max-width:480px;margin:0 auto;animation:screenFadeIn .3s ease-out}.round-pill.svelte-1atl5bh{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:2.5px;text-transform:uppercase;padding:5px 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.light-mode .round-pill.svelte-1atl5bh{background:#ffffff8c;border-color:#0000000f}.target-area.svelte-1atl5bh{display:flex;flex-direction:column;align-items:center;gap:8px}.target-label.svelte-1atl5bh{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--text-muted)}.target-swatch-frame.svelte-1atl5bh{position:relative;padding:6px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 24px var(--swatch-glow, transparent);transition:box-shadow .3s ease}.target-swatch.svelte-1atl5bh{width:140px;height:52px;border-radius:10px;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff2e,inset 0 -1px #0000001f;border:1px solid rgba(255,255,255,.08)}.light-mode .target-swatch-frame.svelte-1atl5bh{background:#ffffff80;border-color:#0000000f}.light-mode .target-swatch.svelte-1atl5bh{box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff59;border-color:#00000014}.target-name.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-size:17px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary)}.target-swatch.hidden-swatch.svelte-1atl5bh{background:repeating-linear-gradient(45deg,#a855f714,#a855f714 6px,#a855f72e 6px 12px);display:flex;align-items:center;justify-content:center;animation:svelte-1atl5bh-swatchHide .35s ease-out}.memory-icon.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-size:28px;font-weight:900;color:#a855f7b3;text-shadow:0 0 12px rgba(168,85,247,.5)}.apex-memory-hint.svelte-1atl5bh{font-family:Syne,var(--font-primary);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#facc1524,#f59e0b1a);border:1px solid rgba(250,204,21,.4);color:#fbbf24;text-shadow:0 0 10px rgba(250,204,21,.4);margin-top:4px}.distance-area.apex-hidden.svelte-1atl5bh{visibility:hidden}@keyframes svelte-1atl5bh-swatchHide{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.distance-area.svelte-1atl5bh{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:280px}.distance-bar.svelte-1atl5bh{position:relative;width:100%;height:10px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);overflow:hidden}.distance-fill.svelte-1atl5bh{height:100%;border-radius:6px;box-shadow:0 0 10px var(--match-glow, transparent);transition:width .3s ease,background .3s ease,box-shadow .3s ease}.light-mode .distance-bar.svelte-1atl5bh{background:#0000000d;border-color:#00000014}.distance-label.svelte-1atl5bh{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease}.flask-area.svelte-1atl5bh{display:flex;justify-content:center}.flask.svelte-1atl5bh{width:140px;height:180px;filter:drop-shadow(0 8px 16px rgba(192,132,252,.15));transition:transform .15s var(--ease-spring)}.flask.pulse.svelte-1atl5bh{animation:svelte-1atl5bh-flaskPulse .45s ease-out}@keyframes svelte-1atl5bh-flaskPulse{0%{transform:scale(1)}35%{transform:scale(1.05);filter:drop-shadow(0 8px 22px rgba(192,132,252,.35))}to{transform:scale(1)}}.flask.tilted.svelte-1atl5bh{animation:svelte-1atl5bh-flaskTilt 1.1s ease-out forwards;transform-origin:50% 92%}@keyframes svelte-1atl5bh-flaskTilt{0%{transform:rotate(0)}20%{transform:rotate(8deg)}45%{transform:rotate(32deg)}85%{transform:rotate(32deg)}to{transform:rotate(32deg)}}.liquid.draining.svelte-1atl5bh{animation:svelte-1atl5bh-liquidEmpty .75s ease-in .35s forwards}@keyframes svelte-1atl5bh-liquidEmpty{0%{opacity:1}to{opacity:.1}}.bond-page.pouring.svelte-1atl5bh .atom-row:where(.svelte-1atl5bh),.bond-page.pouring.svelte-1atl5bh .action-row:where(.svelte-1atl5bh),.bond-page.pouring.svelte-1atl5bh .equation-strip:where(.svelte-1atl5bh),.bond-page.pouring.svelte-1atl5bh .budget-row:where(.svelte-1atl5bh),.bond-page.pouring.svelte-1atl5bh .distance-area:where(.svelte-1atl5bh){opacity:.3;pointer-events:none;transition:opacity .25s ease-out}.pouring-label.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-size:13px;font-weight:800;letter-spacing:4px;color:var(--mode-color);text-transform:uppercase;animation:svelte-1atl5bh-pourLabelPulse 1.1s ease-in-out infinite}.flask-area.svelte-1atl5bh{position:relative;display:flex;flex-direction:column;align-items:center;width:260px;height:240px}.pour-overlay.svelte-1atl5bh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.drop.svelte-1atl5bh{offset-path:path("M 207 39 C 230 55 235 150 225 220");offset-distance:0%;opacity:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:svelte-1atl5bh-dropFall .7s cubic-bezier(.3,0,.85,.95) forwards}@keyframes svelte-1atl5bh-dropFall{0%{offset-distance:0%;opacity:0;transform:scale(.55)}12%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(.7)}}.puddle-ellipse.svelte-1atl5bh{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));animation:svelte-1atl5bh-puddleGrow .55s ease-out .65s forwards;opacity:0}@keyframes svelte-1atl5bh-puddleGrow{0%{opacity:0;rx:0;ry:1}20%{opacity:.9}65%{rx:32;ry:7}to{opacity:.9;rx:28;ry:5}}@keyframes svelte-1atl5bh-pourLabelPulse{0%,to{opacity:.6}50%{opacity:1}}.bubble.svelte-1atl5bh{animation:svelte-1atl5bh-bubbleRise 2.4s ease-in infinite}.bubble-a.svelte-1atl5bh{animation-delay:0s}.bubble-b.svelte-1atl5bh{animation-delay:.8s}.bubble-c.svelte-1atl5bh{animation-delay:1.6s}@keyframes svelte-1atl5bh-bubbleRise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}90%{opacity:.4}to{transform:translateY(-60px);opacity:0}}.budget-row.svelte-1atl5bh{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-muted);width:100%;max-width:280px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.budget-bar.svelte-1atl5bh{flex:1;height:4px;border-radius:3px;background:#ffffff0f;overflow:hidden}.budget-fill.svelte-1atl5bh{height:100%;background:var(--mode-color);border-radius:3px;transition:width .25s var(--ease-spring),background .2s ease}.budget-fill.budget-warn.svelte-1atl5bh{background:#f59e0b}.budget-fill.budget-full.svelte-1atl5bh{background:#ef4444;box-shadow:0 0 6px #ef444480}.light-mode .budget-bar.svelte-1atl5bh{background:#0000000f}.budget-value.svelte-1atl5bh{color:var(--mode-color);font-weight:800;font-size:12px;min-width:52px;text-align:right}.budget-fill.budget-warn.svelte-1atl5bh+.budget-value:where(.svelte-1atl5bh),.budget-row.svelte-1atl5bh:has(.budget-warn:where(.svelte-1atl5bh)) .budget-value:where(.svelte-1atl5bh){color:#f59e0b}.budget-row.svelte-1atl5bh:has(.budget-full:where(.svelte-1atl5bh)) .budget-value:where(.svelte-1atl5bh){color:#ef4444}.atom-row.svelte-1atl5bh{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.atom.svelte-1atl5bh{position:relative;width:68px;height:68px;border-radius:50%;border:none;background:transparent;cursor:pointer;padding:0;transition:transform .18s var(--ease-spring),filter .2s ease;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--atom-color) 22%,transparent))}.atom.svelte-1atl5bh:hover:not(:disabled){transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--atom-color) 55%,transparent))}.atom.svelte-1atl5bh:active:not(:disabled){transform:scale(.93);transition-duration:.08s}.atom.svelte-1atl5bh:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(.3)}.atom.has-count.svelte-1atl5bh{filter:drop-shadow(0 5px 14px color-mix(in srgb,var(--atom-color) 45%,transparent))}.atom-nucleus.svelte-1atl5bh{position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffff73,#fff0 38%),radial-gradient(circle at 50% 60%,var(--atom-color) 0%,color-mix(in srgb,var(--atom-color) 75%,black) 100%);box-shadow:inset -5px -7px 14px #00000052,inset 3px 4px 8px #ffffff47,0 2px 4px #00000059}.atom-ring.svelte-1atl5bh{position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--atom-color) 55%,transparent);animation:svelte-1atl5bh-atomSpin 8s linear infinite}.atom.svelte-1atl5bh:hover:not(:disabled) .atom-ring:where(.svelte-1atl5bh){border-color:color-mix(in srgb,var(--atom-color) 85%,transparent)}@keyframes svelte-1atl5bh-atomSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.04)}to{transform:rotate(360deg) scale(1)}}.atom-count.svelte-1atl5bh{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--mode-color);color:#1a0a2e;font-family:"Syne",var(--font-primary);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 6px color-mix(in srgb,var(--mode-color) 50%,transparent),0 0 0 2px var(--bg-primary);animation:svelte-1atl5bh-countPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-1atl5bh-countPop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.action-row.svelte-1atl5bh{display:flex;gap:12px;width:100%;max-width:340px}.reset-btn.svelte-1atl5bh,.pour-btn.svelte-1atl5bh{padding:14px 20px;border-radius:14px;font-family:"Syne",var(--font-primary);font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:1px solid;transition:opacity .15s,transform .1s var(--ease-spring),box-shadow .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.reset-btn.svelte-1atl5bh{flex:0 0 32%;background:#ffffff08;border-color:#ffffff26;color:var(--text-secondary)}.reset-btn.svelte-1atl5bh:hover:not(:disabled){border-color:#ffffff59;background:#ffffff0f;color:var(--text-primary)}.pour-btn.svelte-1atl5bh{flex:1;background:linear-gradient(180deg,color-mix(in srgb,var(--mode-color) 100%,white 10%) 0%,var(--mode-color) 55%,color-mix(in srgb,var(--mode-color) 85%,black) 100%);border-color:color-mix(in srgb,var(--mode-color) 80%,black);color:#1a0a2e;box-shadow:0 6px 16px color-mix(in srgb,var(--mode-color) 30%,transparent),inset 0 1px #ffffff4d,inset 0 -1px #00000026}.pour-btn.svelte-1atl5bh:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--mode-color) 45%,transparent),inset 0 1px #fff6,inset 0 -1px #00000026}.pour-btn.svelte-1atl5bh:active:not(:disabled),.reset-btn.svelte-1atl5bh:active:not(:disabled){transform:scale(.97)}.reset-btn.svelte-1atl5bh:disabled,.pour-btn.svelte-1atl5bh:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}.light-mode .reset-btn.svelte-1atl5bh{background:#ffffff8c;border-color:#00000014}.round-result.svelte-1atl5bh{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 20px;max-width:380px;margin:0 auto;animation:screenFadeIn .3s ease-out}.round-label.svelte-1atl5bh{font-size:var(--text-caption);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:0}.round-bigscore.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-size:clamp(48px,11vw,80px);font-weight:800;color:var(--mode-color);letter-spacing:-1px;line-height:1;margin:0;text-shadow:0 0 24px color-mix(in srgb,var(--mode-color) 25%,transparent);animation:svelte-1atl5bh-scoreIn .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes svelte-1atl5bh-scoreIn{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.round-bigscore.svelte-1atl5bh .max:where(.svelte-1atl5bh){font-size:.36em;color:var(--text-muted);margin-left:4px;font-weight:700}.round-rating.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-size:18px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-top:2px}.near-miss.svelte-1atl5bh{font-size:var(--text-caption);color:var(--text-secondary);font-style:italic;margin-top:-4px}.compare-row.svelte-1atl5bh{display:flex;align-items:center;gap:14px;margin-top:8px}.compare-cell.svelte-1atl5bh{display:flex;flex-direction:column;align-items:center;gap:5px}.compare-swatch.svelte-1atl5bh{width:58px;height:58px;border-radius:12px;box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff26,0 0 0 2px color-mix(in srgb,var(--match-color, transparent) 45%,transparent),0 0 16px color-mix(in srgb,var(--match-color, transparent) 30%,transparent);border:1px solid rgba(255,255,255,.1);animation:svelte-1atl5bh-swatchIn .45s cubic-bezier(.34,1.56,.64,1) backwards}.compare-swatch-mix.svelte-1atl5bh{animation-delay:.08s}.compare-swatch-target.svelte-1atl5bh{animation-delay:.22s}@keyframes svelte-1atl5bh-swatchIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.compare-label.svelte-1atl5bh{font-size:10px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-weight:600}.compare-arrow.svelte-1atl5bh{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.light-mode .target-swatch.svelte-1atl5bh,.light-mode .compare-swatch.svelte-1atl5bh{box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff59;border-color:#00000014}.light-mode .distance-bar.svelte-1atl5bh{background:#00000014}.light-mode .flask.svelte-1atl5bh{filter:drop-shadow(0 6px 14px rgba(192,132,252,.25))}.light-mode .atom-count.svelte-1atl5bh,.light-mode .pour-btn.svelte-1atl5bh{color:#fff}.light-mode .reset-btn.svelte-1atl5bh{border-color:#00000026}.breakdown.svelte-1atl5bh{display:flex;flex-direction:column;gap:4px;width:100%;max-width:320px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-family:var(--font-primary)}.breakdown-row.svelte-1atl5bh,.breakdown-total.svelte-1atl5bh{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;font-size:13px}.breakdown-total.svelte-1atl5bh{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-family:"Syne",var(--font-primary);font-size:16px;font-weight:800}.b-label.svelte-1atl5bh{color:var(--text-secondary);font-weight:600}.b-detail.svelte-1atl5bh{color:var(--text-muted);font-size:11px;text-align:left;letter-spacing:.3px}.b-value.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-weight:700;font-size:15px;text-align:right}.b-value.muted.svelte-1atl5bh{opacity:.6}.light-mode .breakdown.svelte-1atl5bh{background:#00000008;border-color:#00000014}.light-mode .breakdown-total.svelte-1atl5bh{border-top-color:#0000001a}.equation-strip.svelte-1atl5bh{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;animation:svelte-1atl5bh-equationFadeIn .3s ease-out}@keyframes svelte-1atl5bh-equationFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.eq-plus.svelte-1atl5bh,.eq-arrow.svelte-1atl5bh{color:var(--text-muted);font-weight:400}.eq-arrow.svelte-1atl5bh{margin:0 4px}.eq-term.svelte-1atl5bh{text-shadow:0 0 6px color-mix(in srgb,currentColor 50%,transparent)}.eq-result.svelte-1atl5bh{display:inline-block;width:22px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #ffffff1a}.light-mode .equation-strip.svelte-1atl5bh{background:#00000008;border-color:#00000014}.light-mode .eq-result.svelte-1atl5bh{border-color:#0000001f}.pause-overlay.svelte-1atl5bh{position:fixed;inset:0;background:#000000d9;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--mode-color)}.pause-text.svelte-1atl5bh{font-family:"Syne",var(--font-primary);font-size:36px;font-weight:800;letter-spacing:4px;animation:svelte-1atl5bh-pausePulse 1.4s ease-in-out infinite}.pause-sub.svelte-1atl5bh{font-size:13px;letter-spacing:1.5px;opacity:.75}@keyframes svelte-1atl5bh-pausePulse{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:480px){.bond-page.svelte-1atl5bh{padding:16px 12px 24px;gap:12px}.flask.svelte-1atl5bh{width:120px;height:160px}.target-swatch.svelte-1atl5bh{width:100px;height:38px}.atom.svelte-1atl5bh{width:56px;height:56px}.equation-strip.svelte-1atl5bh{font-size:12px}}