.isotope-simulator *,.isotope-simulator *:before,.isotope-simulator *:after{box-sizing:border-box;margin:0;padding:0}.isotope-simulator{--bg-dark: var(--bg-color);--card-border: var(--border-color);--text-main: var(--text-color);--panel-raised: var(--bg-card-hover);--panel-deep: var(--bg-color);--canvas-start: var(--bg-card-hover);--canvas-end: var(--bg-color);--soft-shadow: rgba(15, 23, 42, .1);--hint-background: color-mix(in srgb, var(--bg-card) 90%, transparent);--hint-border: color-mix(in srgb, var(--border-color) 70%, transparent);--stable-ink: #167447;--unstable-ink: #b42318;--proton-ink: #b42318;--electron-ink: #0369a1;--accent-ink: #075985;--ion-ink: #6d28d9;--proton-color: #ef4444;--proton-glow: rgba(239, 68, 68, .4);--neutron-color: #64748b;--neutron-glow: rgba(100, 116, 139, .4);--electron-color: #06b6d4;--electron-glow: rgba(6, 182, 212, .5);--mass-color: #b45309;--charge-color: #15803d;--atomic-color: #be123c;--stable-green: #10b981;--unstable-red: #ef4444}[data-theme=dark] .isotope-simulator{--panel-deep: #1e1e1e;--canvas-start: #2d2d2d;--canvas-end: #1e1e1e;--soft-shadow: rgba(0, 0, 0, .35);--hint-background: rgba(15, 23, 42, .8);--hint-border: rgba(255, 255, 255, .12);--stable-ink: #34d399;--unstable-ink: #f87171;--proton-ink: #f87171;--electron-ink: #38bdf8;--accent-ink: #38bdf8;--ion-ink: #c4b5fd;--mass-color: #f97316;--charge-color: #4ade80;--atomic-color: #f43f5e}.isotope-simulator{background-color:var(--bg-dark);color:var(--text-main);display:flex;flex-direction:column;overflow-x:hidden;user-select:none;width:min(100%,1400px);min-width:0;align-self:center}.isotope-simulator-header{background-color:var(--card-bg);padding:1rem 1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;z-index:10}.isotope-simulator .controls-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:center;width:min(100%,1120px)}.isotope-simulator .controls-bar>select,.isotope-simulator .controls-bar>.toggle-pill,.isotope-simulator .controls-bar>.btn{min-height:46px;font-family:inherit}.isotope-simulator .controls-bar>select{flex:1 1 250px;width:auto;min-width:min(100%,230px);max-width:100%;padding:.55rem 2.25rem .55rem .85rem;border:2px solid var(--border-color);border-radius:var(--border-corners);background-color:var(--bg-card);color:var(--text-color);box-shadow:3px 4px 0 var(--shadow-color)}.isotope-simulator .controls-bar>.toggle-pill,.isotope-simulator .controls-bar>.btn{flex:0 0 auto;justify-content:center;padding:.55rem .85rem;font-size:.95rem;line-height:1.2;white-space:nowrap}.isotope-simulator .toggle-pill{display:flex;align-items:center;gap:.4rem;background-color:var(--card-bg);border:2px solid var(--border-color);padding:.4rem .65rem;border-radius:var(--border-corners);box-shadow:3px 4px 0 var(--shadow-color);cursor:pointer;color:var(--text-main)}.isotope-simulator .practice-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,1120px);padding:.9rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-corners);box-shadow:3px 4px 0 var(--shadow-color)}.isotope-simulator .practice-panel[hidden]{display:none}.isotope-simulator .practice-prompt{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1rem}.isotope-simulator .practice-prompt h2{width:100%;font-size:1.05rem}.isotope-simulator .practice-prompt p,.isotope-simulator #practice-feedback{color:var(--text-muted);font-size:.9rem}.isotope-simulator .practice-notation{display:inline-flex;align-items:center;color:var(--text-color);font-size:2rem;line-height:1}.isotope-simulator .practice-indices{display:grid;grid-template-rows:1fr 1fr;justify-items:end;margin-right:.1rem;color:var(--mass-color);font-size:.8em;line-height:.9}.isotope-simulator .practice-indices sub{color:var(--atomic-color)}.isotope-simulator .practice-charge{align-self:flex-start;margin:.1rem 0 0 .15rem;color:var(--charge-color);font-size:.58em;font-weight:800}.isotope-simulator .practice-actions,.isotope-simulator .practice-actions>div{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.isotope-simulator .practice-actions>div{justify-content:flex-end}.isotope-simulator .practice-actions .btn{min-height:42px;padding:.45rem .8rem;font-size:.9rem}.isotope-simulator .practice-feedback-success{color:var(--stable-ink)!important;font-weight:700}@media(max-width:720px){.isotope-simulator .controls-bar>select{flex-basis:100%}.isotope-simulator .practice-panel,.isotope-simulator .practice-actions{justify-content:center}.isotope-simulator .practice-prompt{justify-content:center;text-align:center}.isotope-simulator .practice-prompt h2{text-align:center}}.isotope-simulator .toggle-pill input[type=checkbox]{cursor:pointer;accent-color:var(--accent-ink)}.isotope-simulator-main{flex:1;padding:1rem;display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(320px,1fr);gap:1rem;max-width:1400px;margin:0 auto;width:100%}@media(max-width:980px){.isotope-simulator-main{grid-template-columns:minmax(0,1fr)}}.isotope-simulator .sim-column{display:flex;flex-direction:column;gap:1rem}.isotope-simulator .canvas-card{background:radial-gradient(circle at center,var(--canvas-start) 0%,var(--canvas-end) 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px;box-shadow:3px 4px 0 var(--shadow-color),inset 0 0 60px var(--soft-shadow)}.isotope-simulator .canvas-watermark{position:absolute;top:.75rem;left:.75rem;font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.isotope-simulator .drop-hint{position:absolute;bottom:.75rem;font-size:.8rem;color:var(--text-muted);pointer-events:none;background:var(--hint-background);padding:.25rem .6rem;border-radius:.25rem;border:1px solid var(--hint-border)}.isotope-simulator #atom-svg{width:100%;height:460px;max-width:500px;cursor:default}.isotope-simulator .shell-background{fill:url(#shell-background)}.isotope-simulator .shell-stop-k,.isotope-simulator .shell-stop-m{stop-color:color-mix(in srgb,var(--accent-ink) 9%,var(--canvas-start))}.isotope-simulator .shell-stop-neutral{stop-color:var(--canvas-start)}.isotope-simulator .orbit-labels{fill:var(--text-muted);font-size:8px;font-weight:600;text-anchor:middle;paint-order:stroke;stroke:var(--canvas-start);stroke-linejoin:round;stroke-width:3px;pointer-events:none}.isotope-simulator .nucleus-boundary-glow{fill:color-mix(in srgb,var(--text-color) 3%,transparent);stroke:color-mix(in srgb,var(--text-color) 12%,transparent)}@keyframes unstable-tremor{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px,1.5px) rotate(-.5deg)}40%{transform:translate(2px,-1.5px) rotate(.5deg)}60%{transform:translate(-1.5px,-2px) rotate(-.3deg)}80%{transform:translate(1.5px,2px) rotate(.4deg)}to{transform:translate(0) rotate(0)}}@keyframes intense-nuclear-tremor{0%{transform:translate(0) scale(1)}25%{transform:translate(-5px,4px) scale(1.05)}50%{transform:translate(5px,-4px) scale(.96)}75%{transform:translate(-4px,-5px) scale(1.04)}to{transform:translate(0) scale(1)}}.isotope-simulator .nucleus-group{transform-origin:250px 230px}.isotope-simulator .nucleus-unstable{animation:unstable-tremor .12s infinite ease-in-out}.isotope-simulator .nucleus-intense-tremor{animation:intense-nuclear-tremor .05s infinite ease-in-out!important}@keyframes eject-ray{0%{opacity:1;transform:translate(250px,230px) scale(.3)}to{opacity:0;transform:translate(450px,60px) scale(2.5)}}.isotope-simulator .radiation-ray{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#fde047 0%,#f97316 70%,transparent 100%);box-shadow:0 0 25px #fde047;pointer-events:none;animation:eject-ray .75s ease-out forwards;z-index:20}.isotope-simulator .bowls-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.isotope-simulator .bowl-card{padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:border-color .2s ease,transform .1s ease;position:relative}.isotope-simulator .bowl-card:hover{border-color:#64748b}.isotope-simulator .bowl-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.isotope-simulator .count-badge{background:var(--panel-deep);padding:.15rem .5rem;border-radius:9999px;font-size:.85rem;border:1px solid var(--card-border)}.isotope-simulator .particle-well{width:70px;height:70px;background:radial-gradient(circle at center,var(--panel-deep) 40%,var(--panel-raised) 100%);border:2px dashed var(--card-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;transition:transform .15s ease,border-color .2s ease}.isotope-simulator .particle-well:active{cursor:grabbing;transform:scale(.95)}.isotope-simulator .particle-well:hover{border-color:#94a3b8}.isotope-simulator .particle-sphere{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;box-shadow:inset -2px -2px 6px #0006,inset 2px 2px 6px #ffffff80,0 4px 8px #0000004d;cursor:grab;user-select:none}.isotope-simulator .sphere-proton{background:radial-gradient(circle at 35% 35%,#f87171,#dc2626);box-shadow:0 0 12px var(--proton-glow)}.isotope-simulator .sphere-neutron{background:radial-gradient(circle at 35% 35%,#94a3b8,#475569);box-shadow:0 0 12px var(--neutron-glow)}.isotope-simulator .sphere-electron{background:radial-gradient(circle at 35% 35%,#67e8f9,#0891b2);box-shadow:0 0 12px var(--electron-glow)}.isotope-simulator .bowl-steppers{display:flex;align-items:center;gap:.4rem;width:100%}.isotope-simulator .btn-step{flex:1;padding:.3rem 0;font-size:.95rem}.isotope-simulator .info-column{display:flex;flex-direction:column;gap:1rem}.isotope-simulator .panel-card{padding:1rem}.isotope-simulator .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.isotope-simulator .isotope-title{font-size:1.35rem;font-weight:800;color:var(--text-main)}.isotope-simulator .badge-stability{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.isotope-simulator .badge-stable{background-color:#10b98126;border:1px solid var(--stable-green);color:var(--stable-ink)}.isotope-simulator .badge-unstable{background-color:#ef444426;border:1px solid var(--unstable-red);color:var(--unstable-ink);animation:pulse-border 1.5s infinite}@keyframes pulse-border{0%,to{border-color:#ef444499}50%{border-color:#ef4444}}.isotope-simulator .decay-box{background:var(--panel-deep);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:.85rem;margin-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.isotope-simulator .decay-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;font-size:.85rem}.isotope-simulator .decay-actions{display:flex;justify-content:center;margin-top:.35rem}.isotope-simulator .decay-label{color:var(--text-muted);flex:0 0 auto}.isotope-simulator .decay-value{font-weight:600;color:var(--unstable-ink);overflow-wrap:anywhere;text-align:right}.isotope-simulator .half-life-exponent{font-size:.72em;line-height:0;vertical-align:super}.isotope-simulator .reaction-formula{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--panel-deep);padding:.4rem .6rem;border-radius:.375rem;color:var(--accent-ink);font-size:.85rem;text-align:center;border:1px solid var(--card-border)}.isotope-simulator .nuclide{display:inline-flex;align-items:center;vertical-align:middle;margin-inline:.08em}.isotope-simulator .nuclide-indices{display:inline-grid;grid-template-rows:1fr 1fr;justify-items:end;align-items:center;font-size:.68em;line-height:.85}.isotope-simulator .nuclide-indices sup,.isotope-simulator .nuclide-indices sub{position:static;font-size:inherit;line-height:inherit}.isotope-simulator .nuclide-symbol{align-self:center;font-size:1em}.isotope-simulator .symbol-card{display:flex;justify-content:center;padding:.75rem}.isotope-simulator .symbol-notation{display:grid;grid-template-columns:auto auto auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:.15rem;min-height:4.5rem}.isotope-simulator .symbol-glyph{grid-column:2;grid-row:1 / span 2;font-size:3.25rem;font-weight:900;line-height:1;color:var(--text-main)}.isotope-simulator .notation-mass,.isotope-simulator .notation-atomic,.isotope-simulator .notation-charge{font-size:1.15rem;font-weight:800;line-height:1;text-align:right}.isotope-simulator .notation-mass{grid-column:1;grid-row:1;align-self:end;color:var(--mass-color)}.isotope-simulator .notation-atomic{grid-column:1;grid-row:2;align-self:start;color:var(--atomic-color)}.isotope-simulator .notation-charge{grid-column:3;grid-row:1;align-self:end;text-align:left;color:var(--charge-color)}.isotope-simulator .val-mass{color:var(--mass-color)}.isotope-simulator .val-atomic{color:var(--atomic-color)}.isotope-simulator .val-charge{color:var(--charge-color)}.isotope-simulator .origin-box{padding:.55rem .75rem}.isotope-simulator .origin-title{font-size:.9rem;font-weight:700;color:var(--text-muted);margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem}.isotope-simulator .origin-table{width:100%;border-collapse:collapse;font-size:.9rem}.isotope-simulator .origin-table th,.isotope-simulator .origin-table td{padding:.15rem .4rem;text-align:left;border-bottom:1px solid var(--card-border)}.isotope-simulator .origin-table th{color:var(--text-muted);font-weight:600}.isotope-simulator .origin-table td.num{text-align:right;font-weight:700;font-family:inherit}.isotope-simulator .p-tag,.isotope-simulator .particle-label-proton{color:var(--proton-ink)}.isotope-simulator .n-tag,.isotope-simulator .particle-label-neutron{color:var(--text-muted)}.isotope-simulator .e-tag,.isotope-simulator .particle-label-electron{color:var(--electron-ink)}.isotope-simulator .info-explanation{color:var(--text-muted);font-size:.85rem;line-height:1.4}.isotope-simulator .decay-warning{color:var(--unstable-ink);display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700}.isotope-simulator .decay-daughter{color:var(--accent-ink)}