@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}::selection{background:#4ecdc44d}button:focus-visible{outline:2px solid rgba(78,205,196,.5);outline-offset:2px}.control-panel{position:fixed;top:20px;left:20px;width:320px;max-height:calc(100vh - 40px);overflow-y:auto;background:#0a0f1ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:transparent}.control-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.title{font-size:1.4rem;font-weight:700;margin:0 0 20px;text-align:center;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-display{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.info-item{background:#ffffff0d;border-radius:12px;padding:12px 8px;text-align:center;border:1px solid rgba(255,255,255,.08)}.info-label{display:block;font-size:.7rem;color:#fff9;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-value{display:block;font-size:1.5rem;font-weight:700}.proton-value{color:#ff6b6b}.neutron-value{color:#4ecdc4}.controls-section,.elements-section,.legend{margin-bottom:20px}h2{font-size:.85rem;font-weight:600;color:#ffffffb3;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.particle-tool-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.particle-tool{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease}.particle-tool:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.particle-tool.active{border-color:currentColor;background:#ffffff26;box-shadow:0 0 0 2px #ffffff1a;transform:translateY(0)}.proton-tool{color:#ff6b6b}.neutron-tool{color:#726e6e}.proton-tool.active{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d}.neutron-tool.active{border-color:#626060;box-shadow:0 0 15px #bbbbbb4d}.electron-tool{color:#8cf;grid-column:span 2}.electron-tool.active{border-color:#8cf;box-shadow:0 0 15px #88ccff4d}.tool-icon{width:40px;height:40px;border-radius:50%;position:relative}.proton-icon{background:radial-gradient(circle at 30% 30%,#ff8e8e,#ff6b6b);box-shadow:0 0 20px #ff6b6b66}.proton-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#0003;border-radius:50%}.neutron-icon{background:radial-gradient(circle at 30% 30%,#b9b3b3,#474242);box-shadow:0 0 20px #69646466}.neutron-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#0003;border-radius:50%}.electron-icon{background:#88ccff4d;border:2px solid rgba(136,204,255,.6);box-shadow:0 0 20px #8cf3}.electron-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.particle-tool span{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.reset-section{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:10px}.reset-btn,.delete-btn{padding:12px 10px;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reset-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.reset-btn:hover{background:#ffffff26;border-color:#fff3}.delete-btn{background:#ff50501a;border:1px solid rgba(255,80,80,.2);color:#ff8080}.delete-btn.active:hover{background:#ff505040;border-color:#ff505066;transform:translateY(-1px)}.delete-btn.disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.storage-section{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.storage-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.storage-btn{padding:12px 10px;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.storage-btn:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.save-btn{color:#4ecdc4}.load-btn{color:#ffda79}.elements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.element-btn{aspect-ratio:1;border:none;border-radius:10px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;border:1px solid rgba(255,255,255,.08)}.element-btn:hover{background:linear-gradient(135deg,#bbbbbb4d,#ff6b6b4d);transform:scale(1.05);border-color:#fff3}.element-symbol{font-size:1.1rem;font-weight:700}.element-name{font-size:.55rem;opacity:.7;margin-top:2px}.legend-items{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.legend-color{width:16px;height:16px;border-radius:50%;box-shadow:0 0 10px currentColor}.proton-color{background:#ff6b6b;color:#ff6b6b}.neutron-color{background:#bbb;color:#bbb}.electron-color{background:#8cf;color:#8cf;opacity:.6}.instructions{font-size:.75rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.instructions p{margin:4px 0}@media(max-width:768px){.control-panel{width:calc(100% - 40px);max-height:40vh;top:auto;bottom:20px}.elements-grid{grid-template-columns:repeat(5,1fr)}}.settings-section{margin-bottom:16px;background:#ffffff08;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-item label{font-size:.8rem;color:#ffffffb3;font-weight:500}.step-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;padding:4px 8px;width:60px;text-align:right;font-family:inherit}.step-input:focus{outline:none;border-color:#ffffff4d;background:#00000080}.color-input{background:none;border:none;width:40px;height:28px;cursor:pointer;padding:0}.color-input:disabled{opacity:.3;cursor:not-allowed}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.2);border-radius:4px}.color-inputs{display:flex;gap:8px}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.scene-container{width:100%;height:100%;position:absolute;top:0;left:0}