*{padding:0;margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;scrollbar-width:none}.app.day{--bg: #F4F7ED;--bg-secondary: #E9ECE3;--text: #1E2022;--text-secondary: #2C2F31;--red: #C94C4C;--blue: #3A7CA5;--green: #6A994E;--yellow: #E3B505}.app.night{--bg: #1E2022;--bg-secondary: #2C2F31;--text: #F4F7ED;--text-secondary: #E9ECE3;--red: #FF6B6B;--blue: #4D96FF;--green: #6EEB83;--yellow: #F2C94C}h1{font-family:Oswald;font-size:40px;line-height:1}h2{font-family:Oswald}a{color:var(--text)}sup{font-size:x-small}.toast{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--text);border-radius:4px;margin-bottom:5px;margin-right:4px}.icon{width:24px;aspect-ratio:1;cursor:pointer}.app.night .logo{content:url(/logo-white.png)}.app.night .search{content:url(/search-white.png)}.app.night .graph{content:url(/graph-white.png)}.app.night .menu{content:url(/menu-white.png)}.app.night .close{content:url(/close-white.png)}.app.night .prev{content:url(/prev-white.png)}.app.night .next{content:url(/next-white.png)}.app.night .audio{content:url(/audio-white.png)}.app.night .copy{content:url(/copy-white.png)}.app.night .check{content:url(/check-white.png)}.table{display:flex;flex-direction:column;background-color:var(--bg);color:var(--text);padding:20px;height:calc(100vh - 119px);gap:4px}.table h1{margin:0 auto}.table-container{display:flex;flex-direction:column;align-items:center;gap:4px;background-color:var(--bg);color:var(--text);overflow-x:scroll;overflow-y:scroll}.table-row{display:flex;gap:4px}.table-element{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--bg-secondary);background-color:var(--bg);width:36px;aspect-ratio:1;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}.table-element-number{font-size:10px;position:absolute;top:4px;left:4px}.table-element-symbol{font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.table-element.undefined{border:1px solid var(--bg);background-color:var(--bg);cursor:auto;z-index:-4}.table-element:hover span{top:0;right:0;width:100%;height:100%;border-radius:2px}.table-element-symbol,.table-element-number{z-index:1}.table-element:before{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;transition:all .4s ease-in-out;opacity:.5}.table-element.s:before{background-color:var(--red)}.table-element.p:before{background-color:var(--green)}.table-element.d:before{background-color:var(--blue)}.table-element.f:before{background-color:var(--yellow)}.table-element:hover:before{scale:35}.table-element.hover:before{scale:35}.table-element.active{border:1px solid var(--text);background-color:var(--bg-secondary)}@media (max-width: 1147px){.table-container{align-items:flex-start}}.loader{height:100vh;width:100vw;background-color:var(--bg);display:flex;justify-content:center;align-items:center;z-index:9999;position:fixed;top:0;left:0}.loader img{width:120px;height:120px;object-fit:contain}.element{display:flex;flex-direction:column;align-items:center;background-color:var(--bg);color:var(--text);height:calc(100vh - 79px)}.element-header{display:flex;justify-content:space-between;width:calc(100% - 40px)}.element-header button{background-color:var(--bg);color:var(--text);border:none;outline:none;font-size:24px;cursor:pointer;display:flex;align-items:center;gap:4px}.element-container{display:flex;gap:20px;padding:20px;height:calc(100% - 80px);flex-wrap:wrap}model-viewer{flex:1;width:100%;height:max-content;min-width:300px;aspect-ratio:1;outline:none;border-radius:4px;border:1px solid var(--text);background-color:var(--bg-secondary)}.element-info-panel{flex:2;display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:100%}.element-first-row{display:flex;gap:20px}.element-card{display:flex;flex-direction:column;border:1px solid var(--text);padding:20px;border-radius:4px;align-items:center;width:200px;min-width:200px;gap:16px;background-color:var(--bg-secondary)}.element-card-row{display:flex;align-items:center;width:100%;justify-content:space-between}.element-card-middle-row{display:flex;flex-direction:column;align-items:center}.element-card-middle-row .symbol{font-size:92px;line-height:1}.element-card-row .category{text-transform:capitalize}.element-card-row .block{display:grid;place-items:center;padding:12px;min-width:20px;aspect-ratio:1;line-height:0;border:1px solid var(--text);font-size:24px;border-radius:4px}.block.s{background-color:color-mix(in srgb,var(--red) 50%,transparent)}.block.p{background-color:color-mix(in srgb,var(--green) 50%,transparent)}.block.d{background-color:color-mix(in srgb,var(--blue) 50%,transparent)}.block.f{background-color:color-mix(in srgb,var(--yellow) 50%,transparent)}.element-image-section{display:flex;background-color:var(--bg-secondary);border:1px solid var(--text);border-radius:4px;padding:20px;gap:20px}.element-image-section img{height:max(200px,auto);width:min(200px,50%);border-radius:3px;object-fit:contain;background-color:var(--bg-secondary)}.element-summary{display:flex;flex-direction:column;padding:20px;border:1px solid var(--text);border-left:4px solid var(--text);background-color:var(--bg-secondary);border-radius:4px;gap:8px;box-shadow:red}.element-summary p{font-size:15px;line-height:1.6}.element-summary-buttons{display:flex;gap:16px}.element-summary-buttons button,.element-card-div button{display:flex;padding:0;border:none;outline:none;background-color:var(--bg-secondary)}.element-info-card{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:4px;border:1px solid var(--text);background-color:var(--bg-secondary)}.element-card-div{display:flex;flex-direction:column;height:60px;position:relative}.element-card-div p{display:flex;top:0;z-index:2;padding:4px 12px;border:1px solid var(--text);width:fit-content;font-size:12px;translate:16px -50%;border-radius:2px;background-color:var(--bg)}.element-property-box{display:flex;border:1px solid var(--text);padding:16px;border-radius:4px;width:calc(100% - 32px);overflow:auto;background-color:var(--bg);position:absolute;align-items:center;justify-content:space-between}.element-property-box button{background-color:var(--bg)}@media (max-width: 1080px){.element-first-row{flex-direction:column}}@media (max-width: 720px){.element{height:auto}.element-container{flex-direction:column;padding:20px}model-viewer{max-width:calc(100% - 2px);max-height:300px;outline:none}}.topbar{display:flex;align-items:center;gap:16px;padding:20px;background-color:var(--bg);color:var(--text)}.logo{width:39px;aspect-ratio:1;cursor:pointer;z-index:4}.topbar h2{cursor:pointer}.topbar-buttons{display:flex;align-items:center;gap:16px;margin-left:auto;width:fit-content}.topbar-search{display:flex;align-items:center;gap:8px}.topbar-search input{height:32px;border:none;outline:none;padding:0 8px;background-color:var(--bg-secondary);border-radius:4px;border:1px solid var(--text);color:var(--text);font-size:16px}.topbar-menu{display:flex}.topbar-options{display:flex;flex-direction:column;position:absolute;border:1px solid var(--text);border-radius:8px;background-color:var(--bg-secondary);right:20px;top:60px;gap:4px;z-index:4;padding:4px;height:248px;overflow:scroll}.topbar-options p{padding:10px 20px;font-size:20px;cursor:pointer;border-radius:4px;background-color:var(--bg);border:1px solid var(--text)}.topbar-options p:hover{background-color:var(--text);color:var(--bg)}@media (max-width: 580px){.topbar h2{display:none}.topbar-search input{width:75%}}.analysis{display:flex;flex-direction:column;padding:20px;width:calc(100% - 40px);height:calc(100vh - 119px);background-color:var(--bg);color:var(--text)}.analysis h1{margin:0 auto}