@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:#000;background-color:var(--primary-color);border-color:#1e1e1e;border-color:var(--border-color);box-sizing:border-box;color:#ccc;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:#0d0d0d;background-color:var(--secondary-color);border:solid;border-color:#1e1e1e;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:#1e1e1e;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}.modal-navbar{background:#000;background:var(--primary-color);border:1px solid #1e1e1e;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%}.modal-navbar nav{align-items:center;background:#0000;display:flex;flex-direction:column}.modal-navbar nav div{border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--border-color);padding-bottom:1rem;padding-top:1rem;text-align:center;width:90%}.modal-navbar nav div:first-child{padding-top:0}.modal-navbar nav div:last-child{border:none;padding-bottom:0}.modal-navbar a{font-size:1.5rem;text-decoration:none}.modal-link-wrapper,.modal-navbar a{background:#0000}.modal-hamburger{background:#0d0d0d;background:var(--secondary-color);border:.5px solid #1e1e1e;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:#ccc;color:var(--text-color);margin-left:80px;text-align:center;text-decoration:none}.link-wrapper a:hover{color:#ea00d9;color:var(--highlight-color)}.selector{align-self:start;background-color:#ea00d9;background-color:var(--highlight-color);height:35px;margin-top:0;transition:width .25s}.game-surface{//width:calc(100vw - 62px);//height:calc(100vh - 100px);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:#1e1e1e;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:#0d0d0d;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:#ea00d9;fill:var(--highlight-color);stroke:#ea00d9;stroke:var(--highlight-color);cursor:pointer}.alg-popup{background-color:#0d0d0d;background-color:var(--secondary-color);border-radius:15px;flex-direction:column;height:300px;left:50%;padding-bottom:20px;top:50%;transform:translate(-50%,-50%);width:600px;z-index:15}.alg-popup,.modal-overlay{display:flex;position:fixed}.modal-overlay{align-items:center;background:#0009;inset:0;justify-content:center;z-index:1000}.modal-content{align-items:center;background:#000!important;background:var(--primary-color)!important;border:solid;border-color:#1e1e1e;border-color:var(--border-color);border-radius:12px;border-width:1px;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;max-width:450px;padding:2rem;text-align:center;width:90%}.alg-popup-header{font-size:30px}.modal-content input{border:solid;border-color:#1e1e1e;border-color:var(--border-color);border-radius:10px;border-width:1px;margin-top:20px}.alg-name,.modal-content input[type=text]{width:100%}.alg-name{font-size:1rem;margin-bottom:1rem;padding:.5rem}.alg-name::placeholder{color:#ccc;color:var(--text-color)}.preview{border-radius:8px;font-size:1.2rem;margin-bottom:1rem;min-height:2rem;padding:.5rem;width:100%}.preview,.preview span{background-color:#0d0d0d;background-color:var(--secondary-color)}.placeholder{color:#999}.move-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.move-buttons-column{display:flex;flex-direction:column;gap:.5rem}.inverse-toggle{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem}.inverse-toggle button,.move-buttons button{border:solid;border-color:#1e1e1e;border-color:var(--border-color);border-radius:15px;border-width:1px;cursor:pointer;flex:0 0 auto;font-size:1rem;padding:.5rem 1rem}.inverse-toggle span{margin-left:10px}.action-buttons{display:flex;justify-content:center;margin-top:20px;width:100%}.action-buttons button{background-color:color-mix(in srgb,#ea00d9 60%,#0000);background-color:color-mix(in srgb,var(--highlight-color) 60%,#0000);border:solid;border-color:#0000;border-radius:10px;border-width:1px;font-size:1rem;min-height:2rem;padding:5px;transition:transform .3s ease;width:100%}.action-buttons button:hover{background-color:#ea00d9;background-color:var(--highlight-color);cursor:pointer;transform:translateY(-3px)}@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 #1e1e1e;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:#000;background-color:var(--primary-color);color:#ccc;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:#0d0d0d;//background-color:var(--secondary-color);background-color:#323232;background-color:var(--button-color)}.notification-icon svg{font-size:25px}.login-icon{//background-color:#ea00d9;//background-color:var(--highlight-color);border-radius:5px;cursor:pointer;padding:5px;transition:background-color .2s}.login-icon:hover{//background-color:#ffe1e1;//background-color:#0d0d0d;//background-color:var(--secondary-color);background-color:color-mix(in srgb,#ea00d9 60%,#0000);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{//transform:translateX(-5%);display:flex;flex-direction:row;gap:4rem}}@media (min-width:769px){.bottom-icons-container{//transform:translateX(-5%);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:#323232;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:#ccc;fill:var(--text-color);height:50px;width:50px}.homeimage,.logo{border-radius:50%}.homeimage{margin:auto;width:350px}.settings-page{display:flex;font-family:DM Mono,monospace;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:#ccc;color:var(--text-color);font-size:18px;font-weight:500;letter-spacing:.02em}.settings-subtitle,.settings-title{font-family:DM Mono,monospace;font-family:var(--font)}.settings-subtitle{color:#666;color:var(--text-dim);font-size:11px}.settings-tabs{background:#111;background:var(--card-color);border:1px solid #1e1e1e;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:#666;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:DM Mono,monospace;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:#1e1e1e;background:var(--settings-tab);color:#ccc;color:var(--text-color)}.settings-section{gap:14px}.account-row,.settings-section{display:flex;flex-direction:column}.row-preview{userSelect:none;align-items:center;cursor:pointer;flex-direction:row;justify-content:space-between;padding:4px 0}.row-label,.row-preview{background:#111;background:var(--card-color);display:flex}.row-label{flex-direction:column;gap:3px;text-align:left}.account-row-label{background:#111;background:var(--card-color);color:#555;color:var(--sublabel);font-family:DM Mono,monospace;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:#111;background:var(--card-color);color:#666;color:var(--text-dim);font-family:DM Mono,monospace;font-family:var(--font)}.account-edit{font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease}.account-menu{background:#000;background:var(--primary-color);display:flex;font-family:DM Mono,monospace;font-family:var(--font);justify-content:center}.account-settings{background:#111;background:var(--card-color);border:1px solid #1e1e1e;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 #1e1e1e;border-bottom:1px solid var(--border-color);padding:16px 0}.accordian-row-container-bottom{padding:16px 0}.accordian-field-label{color:#444;color:var(--label);font-family:DM Mono,monospace;font-family:var(--font);font-size:10px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.accordian-input{display:flex;flex-direction:column;gap:4px}.accordian{animation:fadeIn .15s ease;flex-direction:column;gap:10px;padding-bottom:4px;padding-top:12px}.accordian,.accordian-buttons{background:#111;background:var(--card-color);display:flex}.accordian-buttons{gap:8px;justify-content:flex-end;padding-top:4px}.accordian-cancel{background:#0000;border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:6px;color:#666;color:var(--text-dim);cursor:pointer;font-family:DM Mono,monospace;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:#ccc;color:var(--text-color)}.accordian-save{background:#0d0d0d;background:var(--secondary-color);border:1px solid #2a2a2a;border-radius:6px;color:#ccc;color:var(--text-color);cursor:pointer;font-family:DM Mono,monospace;font-family:var(--font);font-size:10px;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase;transition:all .15s ease}.accordian-save:hover{background:#1e1e1e;background:var(--settings-tab);border-color:#444}.accordian-settings-input{background:#0d0d0d;background:var(--secondary-color);border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#ccc;color:var(--text);font-family:DM Mono,monospace;font-family:var(--font);font-size:11px;outline:none;padding:7px 10px;transition:border-color .15s ease;width:100%}.account-field-group{background:#111;background:var(--card-color);display:flex;flex-direction:column;gap:10px}.account-field-group-label{background:#111;background:var(--card-color);color:#555;color:var(--sublabel);font-family:DM Mono,monospace;font-family:var(--font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.account-field-inputs{align-items:center;background:#111;background:var(--card-color);display:flex;flex-wrap:wrap;gap:8px}.section-title{border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--border-color);color:#444;color:var(--label);font-family:DM Mono,monospace;font-family:var(--font);font-size:9px;letter-spacing:.2em;padding-bottom:6px;text-transform:uppercase}.settings-card{border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:20px 22px}.field-row,.settings-card{background:#111;background:var(--card-color);display:flex;gap:16px}.field-row{align-items:center;justify-content:space-between}.field-row div,.field-row span{background:#111;background:var(--card-color)}.field-row-label{color:#555;color:var(--sublabel);font-family:DM Mono,monospace;font-family:var(--font);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.settings-divider{background:#1e1e1e;background:var(--border-color);height:1px}.settings-input{background:#0a0a0a;background:var(--text-input);border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:6px;color:#ccc;color:var(--text-color);font-family:DM Mono,monospace;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:#666;color:var(--text-dim)}.settings-btn{background:#1e1e1e;background:var(--settings-tab);border:1px solid #2a2a2a;border-radius:6px;color:#ccc;color:var(--text-color);cursor:pointer;font-family:DM Mono,monospace;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:#323232;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:1px solid #1e1e1e;border-color:var(--border-color);border-radius:10px;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:1px solid #1e1e1e;border-color:var(--border-color);border-radius:10px;flex-grow:1;height:35px}.update-form input[type=submit]:hover{background-color:color-mix(in srgb,#ea00d9 60%,#0000);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:#444;color:var(--label);font-family:DM Mono,monospace;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:#111;background:var(--card-color);color:#666;color:var(--text-dim);font-family:DM Mono,monospace;font-family:var(--font);font-size:11px;margin:0;padding:12px 16px}.algorithms-card,.no-alg-message{border:1px solid #1e1e1e;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:#0d0d0d;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:#555;color:var(--sublabel);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.field-label,.field-value{font-family:DM Mono,monospace;font-family:var(--font)}.field-value{color:#666;color:var(--text-dim);font-size:11px;line-height:1.6;word-break:break-all}.field-value.name{color:#ccc;color:var(--text-color);font-size:12px}.algorithm-buttons{display:flex;flex-shrink:0;gap:6px}.alg-card-edit{border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:6px;color:#666;color:var(--text-dim);cursor:pointer;font-family:DM Mono,monospace;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:#1e1e1e;background:var(--settings-tab);border-color:#333}.alg-card-delete{background:#0000;border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:6px;color:#c0392b;color:var(--red);cursor:pointer;font-family:DM Mono,monospace;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:#e74c3c;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:#0d0d0d;background-color:var(--secondary-color);border:solid;border-color:#1e1e1e;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:#111;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 #1e1e1e;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:#111;background:var(--card-color);display:flex;flex-direction:column}.highlight-selector{gap:10px}.highlight-selector span{color:#555;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bg-toggle,.highlight-selector span{background:#111;background:var(--card-color)}.bg-toggle{border-top:1px solid #1e1e1e;padding-top:20px}.toggle-center{align-items:center;display:flex;justify-content:space-between}.toggle-center,.toggle-center div,.toggle-center span{background:#111;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:#111;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;grid-row-gap:40px;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:#000;background:var(--primary-color);border:1px solid #1e1e1e;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:#c0392b;color:var(--red);font-family:DM Mono,monospace;font-family:var(--font);font-size:10px;letter-spacing:.03em}.login-header,.notification-header,.register-header{border-bottom:1px solid #1e1e1e;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:#ccc;color:var(--text-color);font-family:DM Mono,monospace;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:#0d0d0d;background:var(--secondary-color);border:1px solid #1e1e1e;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#ccc;color:var(--text-color);font-family:DM Mono,monospace;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:#666;color:var(--text-dim)}.register-input:focus{border-color:#444}.register-input::placeholder{color:#666;color:var(--text-dim)}.notification-input:focus{border-color:#444}.notification-input::placeholder{color:#666;color:var(--text-dim)}.login-switch-text,.notification-switch-text,.register-switch-text{color:#666;color:var(--text-dim);font-family:DM Mono,monospace;font-family:var(--font);font-size:10px;letter-spacing:.03em}.login-link,.register-link{color:#555;color:var(--sublabel);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.login-link:hover,.register-link:hover{color:#ccc;color:var(--text-color)}.login-submit,.notification-submit,.register-submit{background:#000;background:var(--primary-color);border:1px solid #2a2a2a;border-radius:6px;color:#ccc;color:var(--text-color);cursor:pointer;font-family:DM Mono,monospace;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:#1e1e1e;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:#000;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 #ea00d9;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.32ed3285.css.map*/