@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap);:root{--highlight-color:#ea00d9;--primary-color:#000;--secondary-color:#0d0d0d;--text-color:#ccc;--border-color:#1e1e1e;--button-color:#323232;--text-input:#0a0a0a;--card-color:#111;--settings-tab:#1e1e1e;--red-hover:#e74c3c;--label:#444;--sublabel:#555;--text:#ccc;--text-dim:#666;--font:"DM Mono",monospace;--red:#c0392b}*{background-color:var(--primary-color);border-color:var(--border-color);box-sizing:border-box;color:var(--text-color);margin:0;padding:0;scroll-behavior:smooth;z-index:3}body{font-family:Inconsolata}.shake{animation:shake .3s ease}.home-paragraph{align-items:center;display:flex;flex-direction:column;width:100%}.landing{background-color:var(--secondary-color);border:solid;border-color:var(--border-color);border-radius:15px;border-width:1px;box-shadow:2px 2px 5px #0003;font-size:larger;margin-bottom:48px;margin-top:35px;padding:15px;width:80%}.background{min-height:100vh}.background,.page-content{display:flex;flex-direction:row}.page-content{height:100vh;padding-left:206.3px;width:100%}@media (max-width:768px){.page-content{display:flex;flex-direction:row;height:100vh;padding:0;width:100%}}.nav-container{align-items:center;border-color:var(--border-color);border-right-style:solid;border-right-width:1px;height:100%;padding-top:100px;position:fixed;z-index:4}.main-navbar,.nav-container{display:flex;flex-direction:column}.main-navbar{align-items:start;margin-top:40px;padding-top:20px;width:206.3px}@keyframes nav-drawer-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.nav-modal-backdrop{background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:100}.nav-modal-drawer{animation:nav-drawer-in .22s ease;background-color:var(--primary-color);border-left:1px solid var(--border-color);box-shadow:-6px 0 28px #00000073;display:flex;flex-direction:column;height:100%;width:min(80vw,280px)}.nav-modal-header{align-items:center;background-color:initial;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 14px}.nav-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .15s}.nav-modal-close:hover{background-color:var(--secondary-color)}.nav-modal-close svg{background-color:initial;font-size:22px}.nav-modal-links{flex:1 1;flex-direction:column;padding:8px 0}.nav-modal-link,.nav-modal-links{background-color:initial;display:flex}.nav-modal-link{align-items:center;border-left:2px solid #0000;color:var(--text-color);font-family:var(--font);font-size:15px;padding:15px 22px;text-decoration:none;transition:background-color .15s,color .15s}.nav-modal-link:hover{background-color:var(--secondary-color)}.nav-modal-link.active{background-color:color-mix(in srgb,var(--highlight-color) 8%,var(--primary-color));border-left-color:var(--highlight-color);color:var(--highlight-color)}.nav-modal-footer{background-color:initial;border-top:1px solid var(--border-color);display:flex;flex-direction:column;padding:10px 0}.nav-modal-footer-link{align-items:center;background-color:initial;cursor:pointer;display:flex;flex-direction:row;gap:12px;padding:12px 22px;transition:background-color .15s}.nav-modal-footer-link:hover{background-color:var(--secondary-color)}.nav-modal-footer-link svg{background-color:initial;flex-shrink:0;font-size:18px}.nav-modal-footer-link span{background-color:initial;color:var(--text-dim);font-family:var(--font);font-size:14px}.modal-hamburger{background:var(--secondary-color);border:.5px solid var(--border-color);border-radius:8px;cursor:pointer;flex-direction:column;gap:4px;height:36px;justify-content:center;margin-right:1rem;padding:0;transition:background .15s;width:36px}.link-wrapper,.modal-hamburger{align-items:center;display:flex}.link-wrapper{flex-direction:row;margin-bottom:10px;margin-right:10px;margin-top:10px}.link-wrapper a{color:var(--text-color);margin-left:80px;text-align:center;text-decoration:none}.link-wrapper a:hover{color:var(--highlight-color)}.selector{align-self:start;background-color:var(--highlight-color);height:35px;margin-top:0;transition:width .25s}.game-surface{display:block;height:100vh;left:0;position:fixed;top:0;touch-action:none;width:100vw;z-index:1}.puzzleBox{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-bottom:75px}.puzzle-title{font-size:20px;margin-bottom:40px}.puzzle-title span{font-size:40px}.puzzle-commands{align-items:center;border:solid;border-color:var(--border-color);border-radius:20px;border-width:1px;box-shadow:2px 2px 5px #0003;display:flex;flex-direction:row;height:60px;justify-content:space-evenly;margin-top:20px;padding:0 16px;width:clamp(280px,60%,700px)}.puzzle-commands,.puzzle-commands svg{background-color:var(--secondary-color)}.puzzle-commands svg{flex-shrink:1;font-size:clamp(24px,4vw,40px);height:clamp(20px,4vw,35px);margin:0;transform:none;width:clamp(20px,4vw,35px)}.puzzle-commands svg:hover{fill:var(--highlight-color);stroke:var(--highlight-color);cursor:pointer}.bottom-chrome{align-items:center;background-color:initial;display:flex;flex-direction:column;gap:10px;margin-top:auto;width:100%}.bottom-chrome .puzzle-commands{margin-top:0}.puzzle-selector{flex-direction:column;position:relative}.puzzle-selector,.puzzle-selector-row{align-items:center;background-color:initial;display:flex}.puzzle-selector-row{flex-direction:row;gap:12px}.puzzle-pill{align-items:center;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font);gap:8px;outline:none;padding:6px 10px 6px 6px;transition:border-color .2s;-webkit-user-select:none;user-select:none}.puzzle-pill:hover{border-color:color-mix(in srgb,var(--highlight-color) 70%,#0000)}.puzzle-pill svg{background-color:var(--secondary-color)}.puzzle-pill-img{background-color:initial;border-radius:4px;height:24px;object-fit:cover;width:24px}.puzzle-pill-name{background-color:initial;color:var(--text-color);font-family:var(--font);font-size:13px;white-space:nowrap}.puzzle-pill-chevron{flex-shrink:0;height:14px!important;transition:transform .25s ease;width:14px!important}.puzzle-pill-chevron.open{transform:rotate(180deg)}.puzzle-selector-dots{align-items:center;background-color:initial;display:flex;flex-direction:row;gap:5px}.puzzle-dot{background-color:var(--label);border-radius:50%;display:block;flex-shrink:0;height:6px;transition:background-color .2s,transform .2s;width:6px}.puzzle-dot.active{background-color:var(--highlight-color);transform:scale(1.4)}.puzzle-strip-wrapper{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:16px;bottom:calc(100% + 10px);box-shadow:0 -4px 24px #00000059;left:50%;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(8px);transition:opacity .22s ease,transform .22s ease;width:min(90vw,420px);z-index:10}.puzzle-strip-wrapper.open{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}.puzzle-strip{background-color:initial;display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:10px;scrollbar-width:none}.puzzle-strip::-webkit-scrollbar{display:none}.puzzle-strip-card{align-items:center;background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;min-width:70px;padding:8px;transition:border-color .18s,background-color .18s;-webkit-user-select:none;user-select:none}.puzzle-strip-card img{background-color:initial;border-radius:8px;display:block;height:46px;object-fit:cover;width:46px}.puzzle-strip-card span{background-color:initial;color:var(--text-dim);font-family:var(--font);font-size:10px;white-space:nowrap}.puzzle-strip-card:hover{border-color:color-mix(in srgb,var(--highlight-color) 60%,#0000)}.puzzle-strip-card.active{background-color:color-mix(in srgb,var(--highlight-color) 10%,var(--primary-color));border-color:var(--highlight-color)}.puzzle-strip-card.active span{background-color:initial;color:var(--highlight-color)}.about-links{display:flex;flex-direction:column;gap:8px}.about-link-row{align-items:center;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:12px;padding:14px 16px;transition:background-color .2s}.about-link-row:hover{background-color:var(--button-color)}.about-link-row svg{background-color:initial;flex-shrink:0;font-size:20px}.about-link-row:hover svg{background-color:var(--button-color)}.about-link-row span{background-color:initial;font-family:var(--font);font-size:14px}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;max-width:460px;overflow:hidden;width:90%}.alg-modal-header{align-items:center;background-color:var(--secondary-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;justify-content:space-between;padding:14px 18px}.alg-modal-title{background-color:initial;color:var(--text-color);font-family:var(--font);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.alg-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:background-color .15s}.alg-modal-close:hover{background-color:var(--button-color)}.alg-modal-close svg{background-color:initial;font-size:18px}.alg-modal-body{background-color:initial;display:flex;flex-direction:column;gap:12px;padding:18px}.alg-name{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.alg-name:focus{border-color:color-mix(in srgb,var(--highlight-color) 55%,#0000)}.alg-name::placeholder{color:var(--text-dim)}.preview{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;font-family:var(--font);font-size:13px;min-height:36px;overflow-x:auto;padding:9px 12px;scrollbar-width:none;white-space:nowrap;width:100%}.preview::-webkit-scrollbar{display:none}.preview span{background-color:initial;color:var(--text-color)}.placeholder{background-color:initial;color:var(--text-dim)}.move-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.move-buttons,.move-buttons-column{background-color:initial;display:flex}.move-buttons-column{flex-direction:column;gap:6px}.move-buttons button{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-family:var(--font);font-size:12px;min-width:44px;padding:6px 14px;transition:border-color .15s,background-color .15s}.move-buttons button:hover{background-color:color-mix(in srgb,var(--highlight-color) 12%,var(--secondary-color));border-color:var(--highlight-color)}.alg-controls{background-color:initial;display:flex;flex-direction:row;gap:8px}.alg-undo-btn{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:12px;padding:7px 14px;transition:border-color .15s,color .15s}.alg-undo-btn:hover{border-color:color-mix(in srgb,var(--highlight-color) 50%,#0000);color:var(--text-color)}.alg-inverse-btn{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:12px;padding:7px 14px;transition:border-color .15s,background-color .15s,color .15s}.alg-inverse-btn.active{background-color:color-mix(in srgb,var(--highlight-color) 14%,var(--secondary-color));border-color:var(--highlight-color);color:var(--highlight-color)}.alg-submit-btn{background-color:color-mix(in srgb,var(--highlight-color) 20%,var(--secondary-color));border:1px solid color-mix(in srgb,var(--highlight-color) 35%,#0000);border-radius:8px;color:var(--text-color);cursor:pointer;font-family:var(--font);font-size:13px;padding:10px;transition:background-color .2s,transform .15s;width:100%}.alg-submit-btn:hover{background-color:color-mix(in srgb,var(--highlight-color) 38%,var(--secondary-color));transform:translateY(-1px)}@keyframes puzzlenav{0%{width:0}to{width:342px}}.puzzle-nav-container{align-items:center;animation-duration:.7s;animation-iteration-count:1;animation-name:puzzlenav;animation-timing-function:ease;border-left-style:solid;border-left-width:1px;display:flex;flex-direction:column;height:100%;margin-left:auto;overflow-y:scroll;transition:width .5s ease;width:342px}.puzzle-nav-container h2{margin-bottom:50px;margin-top:50px}.puzzle-nav-title{margin-bottom:22px;margin-top:22px}.puzzle-nav-title span{font-size:25px}.puzzle-navbar{align-items:center;display:flex;flex-direction:column;transition:left .3s ease}.puzzle-navbar a{margin:5px;padding:10px;text-align:center;text-decoration:none}.puzzle-tile{border:1px solid #393939;border-color:var(--border-color);border-radius:10px;box-shadow:2px 2px 5px #0003;cursor:pointer;height:200px;margin-bottom:50px;overflow:hidden;transition:scale .3s ease;width:200px}.puzzle-tile,.puzzle-tile span{background-color:var(--primary-color);color:var(--text-color)}.puzzleImage{height:auto;max-width:100%}.puzzle-tile:hover{scale:110%}.puzzle-title{align-items:center;justify-content:center;position:relative}.mainspace,.puzzle-title{background-color:initial;display:flex;flex-direction:column;text-align:center}.mainspace{min-height:100vh;width:100%;z-index:2}.topbar{align-items:center;background-color:initial;display:flex;flex-direction:row;height:70px;justify-content:space-between;z-index:4}@media (max-width:768px){.topbar{margin-top:.5rem}}.topbar span{cursor:pointer;font-size:40px;margin:20px;transform:translateY(-.25rem)}.about-title{margin-bottom:25px;margin-top:25px}.about-title span{font-size:35px}.topbar-icons{align-items:center;gap:5px;margin-right:1rem}.topbar-icons,.topbar-left{display:flex;flex-direction:row}.notification-icon{border-radius:5px;cursor:pointer;padding:5px;transition:background-color .2s}.notification-icon:hover{background-color:var(--button-color)}.notification-icon svg{font-size:25px}.login-icon{border-radius:5px;cursor:pointer;padding:5px;transition:background-color .2s}.login-icon:hover{background-color:color-mix(in srgb,var(--highlight-color) 60%,#0000)}.login-icon svg{color:#fff;font-size:25px}@media (max-width:768px){.login-icon svg,.notification-icon svg{font-size:20px}}.topbar svg{background-color:initial;width:1.5em}.bottombar{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:auto;min-height:70px}@media (max-width:768px){.bottom-icons-container{display:flex;flex-direction:row;gap:4rem}}@media (width > 768px){.bottom-icons-container{display:flex;flex-direction:row;gap:10rem}}.bottom-icons{border-radius:5px;cursor:pointer;display:flex;flex-direction:row;padding:7px 6px 4px 11px;transition:background-color .2s}.bottom-icons:hover{background-color:var(--button-color)}.bottom-icons span,.bottombar svg{background-color:initial}.bottombar svg{font-size:20px;margin-left:10px;transform:translateY(-1.5px);width:1.5em}.logo{fill:var(--text-color);height:50px;width:50px}.homeimage,.logo{border-radius:50%}.homeimage{margin:auto;width:350px}.settings-page{display:flex;font-family:var(--font);justify-content:center;padding:48px 24px}.settings-inner{gap:32px;max-width:640px;width:100%}.settings-header,.settings-inner{display:flex;flex-direction:column}.settings-header{gap:4px}.settings-title{color:var(--text-color);font-family:var(--font);font-size:18px;font-weight:500;letter-spacing:.02em}.settings-subtitle{color:var(--text-dim);font-family:var(--font);font-size:11px}.settings-tabs{background:var(--card-color);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:2px;padding:4px}.settings-tab{background:#0000;border:none;border-radius:7px;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:var(--font);font-size:10px;letter-spacing:.1em;padding:8px;text-transform:uppercase;transition:background .15s ease,color .15s ease}.settings-tab.active{background:var(--settings-tab);color:var(--text-color)}.settings-section{gap:14px}.account-row,.settings-section{display:flex;flex-direction:column}.row-preview{align-items:center;cursor:pointer;flex-direction:row;justify-content:space-between;padding:4px 0}.row-label,.row-preview{background:var(--card-color);display:flex}.row-label{flex-direction:column;gap:3px;text-align:left}.account-row-label{background:var(--card-color);color:var(--sublabel);font-family:var(--font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.account-row-value{font-size:12px}.account-edit,.account-row-value{background:var(--card-color);color:var(--text-dim);font-family:var(--font)}.account-edit{font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease}.account-menu{background:var(--primary-color);display:flex;font-family:var(--font);justify-content:center}.account-settings{background:var(--card-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:4px 22px;width:100%}.account-settings div,.account-settings span{background:#0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.accordian-row-container{border-bottom:1px solid var(--border-color);padding:16px 0}.accordian-row-container-bottom{padding:16px 0}.accordian-field-label{color:var(--label);font-family:var(--font);font-size:10px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.accordian-input{gap:4px}.accordian,.accordian-input{display:flex;flex-direction:column}.accordian{animation:fadeIn .15s ease;background:var(--card-color);gap:10px;padding-bottom:4px;padding-top:12px}.accordian-buttons{background:var(--card-color);display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.accordian-cancel{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:10px;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase;transition:all .15s ease}.accordian-cancel:hover{border-color:#333;color:var(--text-color)}.accordian-save{background:var(--secondary-color);border:1px solid #2a2a2a;border-radius:6px;color:var(--text-color);cursor:pointer;font-family:var(--font);font-size:10px;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase;transition:all .15s ease}.accordian-save:hover{background:var(--settings-tab);border-color:#444}.accordian-settings-input{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text);font-family:var(--font);font-size:11px;outline:none;padding:7px 10px;transition:border-color .15s ease;width:100%}.account-field-group{background:var(--card-color);display:flex;flex-direction:column;gap:10px}.account-field-group-label{background:var(--card-color);color:var(--sublabel);font-family:var(--font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.account-field-inputs{align-items:center;background:var(--card-color);display:flex;flex-wrap:wrap;gap:8px}.section-title{border-bottom:1px solid var(--border-color);color:var(--label);font-family:var(--font);font-size:9px;letter-spacing:.2em;padding-bottom:6px;text-transform:uppercase}.settings-card{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:20px 22px}.field-row,.settings-card{background:var(--card-color);display:flex;gap:16px}.field-row{align-items:center;justify-content:space-between}.field-row div,.field-row span{background:var(--card-color)}.field-row-label{color:var(--sublabel);font-family:var(--font);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.settings-divider{background:var(--border-color);height:1px}.settings-input{background:var(--text-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-family:var(--font);font-size:11px;outline:none;padding:7px 10px;transition:border-color .15s ease;width:180px}.settings-input:focus{border-color:#444}.settings-input::placeholder{color:var(--text-dim)}.settings-btn{background:var(--settings-tab);border:1px solid #2a2a2a;border-radius:6px;color:var(--text-color);cursor:pointer;font-family:var(--font);font-size:10px;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase;transition:background .15s ease,border-color .15s ease}.settings-btn:hover{background:var(--button-color);border-color:#444}.password-update-menu,.username-update-menu{display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem}.password-update-menu span,.username-update-menu span{font-size:20px}.update-inputs{display:flex;flex-direction:column;flex-grow:2;gap:.5rem}.update-inputs input{border-color:var(--border-color);border-radius:10px;border-style:solid;border-width:1px;font-size:15px;height:35px;padding-left:.5rem}.update-form{align-items:flex-end;display:flex;flex-direction:row;gap:1rem;margin-top:10px}.update-form input[type=submit]{border-color:var(--border-color);border-radius:10px;border-style:solid;border-width:1px;flex-grow:1;height:35px}.update-form input[type=submit]:hover{background-color:color-mix(in srgb,var(--highlight-color) 60%,#0000);cursor:pointer}.algorithm-list{align-items:center;width:100%}.algorithm-list,.algorithms-menu{display:flex;flex-direction:column}.algorithms-menu{gap:16px}.alg-submenu{display:flex;flex-direction:column;gap:10px}.alg-menu-type{color:var(--label);font-family:var(--font);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.algs{display:flex;flex-direction:column;gap:8px}.no-alg-message{background:var(--card-color);color:var(--text-dim);font-family:var(--font);font-size:11px;margin:0;padding:12px 16px}.algorithms-card,.no-alg-message{border:1px solid var(--border-color);border-radius:10px}.algorithms-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.algorithms-card,.algorithms-card div,.algorithms-card span{background:var(--secondary-color)}.alg-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.alg-card-name-block{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.alg-card-field,.alg-card-seq-block{display:flex;flex-direction:column;gap:4px}.field-label{color:var(--sublabel);font-family:var(--font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.field-value{color:var(--text-dim);font-family:var(--font);font-size:11px;line-height:1.6;word-break:break-all}.field-value.name{color:var(--text-color);font-size:12px}.algorithm-buttons{display:flex;flex-shrink:0;gap:6px}.alg-card-edit{border:1px solid var(--border-color);border-radius:6px;color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:10px;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase;transition:background .15s ease,border-color .15s ease}.alg-card-edit,.alg-card-edit span{background:#0000}.alg-card-edit:hover{background:var(--settings-tab);border-color:#333}.alg-card-delete{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--red);cursor:pointer;font-family:var(--font);font-size:10px;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase;transition:background .15s ease,border-color .15s ease,color .15s ease}.alg-card-delete span{background:#0000}.alg-card-delete:hover{background:var(--red-hover);border-color:#3a1a1a}.menu-section-container{align-items:start;display:flex;flex-direction:column;width:100%}.menu-section-body{background-color:var(--secondary-color);border:solid;border-color:var(--border-color);border-radius:15px;border-width:1px;box-shadow:2px 2px 5px #0003;margin-left:25px;margin-top:25px;padding:15px;text-align:left;width:calc(100% - 25px)}.menu-section-body *{background-color:initial}.settings-menu{align-items:start;display:flex;flex-direction:column;margin-right:50px;margin-top:50px;padding-left:75px;width:92%}.settings-menu>div{margin-bottom:25px;margin-top:25px}.color-palette{align-items:center;background:var(--card-color);display:flex;gap:8px}.color-choices{border:2px solid #0000;border-radius:50%;cursor:pointer;height:18px;padding:0;transform:scale(1);transition:transform .15s ease,border-color .15s ease,outline .15s ease;width:18px}.color-choices:hover{transform:scale(1.1)}.color-choices.selected{border-color:#fff;outline:1px solid #ffffff40;outline-offset:2px;transform:scale(1.2)}.theme-box{align-items:center;display:flex;flex-direction:column;width:100%}.theme-menu{border:1px solid var(--border-color);border-radius:14px;font-family:DM Mono,monospace;gap:20px;padding:22px 26px;width:260px}.highlight-selector,.theme-menu{background:var(--card-color);display:flex;flex-direction:column}.highlight-selector{gap:10px}.highlight-selector span{background:var(--card-color);color:#555;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bg-toggle{border-top:1px solid #1e1e1e;padding-top:20px}.bg-toggle,.toggle-center{background:var(--card-color)}.toggle-center{align-items:center;display:flex;justify-content:space-between}.toggle-center div,.toggle-center span{background:var(--card-color)}.toggle-center span{color:#555;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.dropdown span{font-size:30px}.dropdown span:hover,.switch{cursor:pointer}.switch{background:var(--card-color);display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;position:absolute;width:0}.slider{background:#2a2a2a;border:1px solid #333;border-radius:999px;inset:0;position:absolute;transition:background .2s ease,border-color .2s ease}.slider:after{background:#666;border-radius:50%;content:"";height:12px;left:3px;position:absolute;top:3px;transition:left .2s ease,background .2s ease;width:12px}input:checked+.slider{background:#e0e0e0;border-color:#ccc}input:checked+.slider:after{background:#444;left:17px}.theme-container{grid-gap:25px;display:grid;grid-template-columns:repeat(auto-fill,250px);justify-content:space-between;margin:45px;row-gap:40px}.theme{align-items:center;border-radius:10px;border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-direction:row;height:40px;margin:20px;transition:transform .25s;width:250px}.login-container,.notification-container,.register-container{background:var(--primary-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 40px #0009;left:50%;max-width:340px;padding:28px 28px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.login-container div,.notification-container div,.register-container div,form,span{background:#0000}.login-inner,.notification-inner,.register-inner{display:flex;flex-direction:column;gap:20px}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}.login-inner.shake,.register-inner.shake{animation:shake .3s ease}.register-error-message{color:var(--red);font-family:var(--font);font-size:10px;letter-spacing:.03em}.login-header,.notification-header,.register-header{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;padding-bottom:16px}.login-header span,.notification-header span,.register-header span{color:var(--text-color);font-family:var(--font);font-size:15px;font-weight:500;letter-spacing:.02em}.login-form,.notification-form,.register-form{display:flex;flex-direction:column;gap:12px}.login-input,.notification-input,.register-input{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-color);font-family:var(--font);font-size:11px;outline:none;padding:8px 11px;transition:border-color .15s ease;width:100%}.login-input:focus{border-color:#444}.login-input::placeholder{color:var(--text-dim)}.register-input:focus{border-color:#444}.register-input::placeholder{color:var(--text-dim)}.notification-input:focus{border-color:#444}.notification-input::placeholder{color:var(--text-dim)}.login-switch-text,.notification-switch-text,.register-switch-text{color:var(--text-dim);font-family:var(--font);font-size:10px;letter-spacing:.03em}.login-link,.register-link{color:var(--sublabel);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.login-link:hover,.register-link:hover{color:var(--text-color)}.login-submit,.notification-submit,.register-submit{background:var(--primary-color);border:1px solid #2a2a2a;border-radius:6px;color:var(--text-color);cursor:pointer;font-family:var(--font);font-size:10px;letter-spacing:.1em;margin-top:4px;padding:8px 14px;text-transform:uppercase;transition:background .15s ease,border-color .15s ease;width:100%}.login-submit:hover,.notification-submit:hover,.register-submit:hover{background:var(--settings-tab);border-color:#444}.theme:hover{transform:scale(1.15)}.theme-id{margin-left:20px;margin-right:auto}.color-preview{border-radius:50%;height:20px;margin-right:20px;width:20px}.modal{background-color:#000000bf;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}.contact-us{background-color:var(--primary-color);border-radius:20px;height:400px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:15}.contact-form{display:flex;flex-direction:column;height:100%;margin-left:auto;margin-right:auto;width:75%}.contact-form input[type=text]{border:1px solid var(--highlight-color);border-radius:4px;margin-top:30px}.contact-form input[type=submit]{margin-top:30px}.contact-form-message{height:50%}
/*# sourceMappingURL=main.ca2c6981.css.map*/