@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;background:#0d1226;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:#0d1226}input,textarea,button{font-family:inherit}.element-card{cursor:pointer;background:#ffffff0a;border:1px solid #38bdf833;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;min-height:72px;padding:8px;font-family:Courier New,monospace;transition:all .2s;display:flex;position:relative}.element-card:hover{background:#38bdf80f;border-color:#38bdf899;box-shadow:0 0 12px #38bdf826}.element-card .atomic-number{color:#fff6;font-size:9px;position:absolute;top:4px;left:6px}.element-card .symbol{color:#38bdf8;letter-spacing:-1px;font-size:24px;font-weight:700}.element-card .name{color:#ffffff80;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:8px}.element-card-sm{min-width:52px;min-height:52px;padding:6px}.element-card-sm .symbol{font-size:18px}.element-card-sm .name{font-size:7px}@keyframes pulse-border{0%,to{box-shadow:none;border-color:#38bdf833}50%{border-color:#38bdf8e6;box-shadow:0 0 16px #38bdf866}}.thinking-card{background:0 0;border:1.5px solid #38bdf833;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;font-family:Courier New,monospace;animation:1.5s ease-in-out infinite pulse-border;display:flex;position:relative}.thinking-card .atomic-number{color:#38bdf866;font-size:8px;position:absolute;top:3px;left:5px}.thinking-card .symbol{color:#38bdf8;letter-spacing:-.5px;font-size:18px;font-weight:700}.thinking-card .name{color:#38bdf880;text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:7px}@keyframes fill-up{0%{background-size:100% 0%}to{background-size:100% 100%}}.searching-card{background:linear-gradient(#38bdf826,#38bdf84d) bottom/100% 0% no-repeat;border:1px solid #38bdf866;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;font-family:Courier New,monospace;animation:1.5s ease-in-out infinite alternate fill-up;display:flex;position:relative}.searching-card:nth-child(2){animation-delay:.3s}.searching-card:nth-child(3){animation-delay:.6s}