:root{--mm-background:#392580;--mm-red:red;--mm-orange:#ffe600;--mm-blue:#0059ff;--mm-green:#09ff00;--mm-black:#000;--mm-white:#fff;--mm-pink:#f0d;--mm-grey:#8d8d8d;--mm-yellow:#fbff00;--mm-nav-background:#352377;--mm-nav-text:#fff;--mm-nav-text-hover:#fff;--mm-nav-text-shadow:0 2px 2px #0000004d;--mm-nav-height:4rem;--mm-nav-border-bottom:1px solid #fff3;--mm-nav-button-text:#fff;--mm-nav-button-primary:#ffffff0d;--mm-nav-button-seconday-hover:#b30303;--mm-nav-button-outline:2px solid #ffffff26;--mm-ab-height:3rem;--mm-ab-background:#322170;--mm-ab-text:#fff;--mm-ab-icon-size:24px;--mm-notification-outline-correct:2px solid #00ff0d;--mm-notification-outline-wrong:2px solid red;--mm-notification-outline-warning:2px solid #ffc400;--mm-auth-section-background:#392580;--mm-auth-background:#635bbe;--mm-auth-text:#fff;--mm-auth-outline:2px solid #ffffff3a;--mm-auth-input-bg:#fff;--mm-auth-input-placeholder-text:#fff;--mm-auth-input-focused:#fff;--mm-auth-button-bg:transparent;--mm-auth-button-text:#fff;--mm-comp-background:#422880;--mm-comp-background-second:#3a236e;--mm-comp-header-border:2px solid #ffffff26;--mm-comp-background-hover:#3d2575;--mm-comp-border:2px solid #ffffff26;--mm-comp-box-shadow:0 6px 2px #0000004d;--mm-comp-box-shadow-hover:0 10px 2px #0009;--mm-comp-transform-hover:-4px;--mm-tooltip-border:2px solid #ffffff4d;--mm-tooltip-background:#000000b3;--mm-button-box-shadow:0 4px 2px #0000004d;--mm-button-box-shadow-hover:0 2px 2px #0000004d;--mm-button-hover-movement:1px}html,body{scrollbar-width:none;scroll-behavior:smooth;-ms-overflow-style:none;background:var(--mm-background);flex-direction:column;height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}html,body:after{z-index:0;content:"";background-image:linear-gradient(90deg,#ffffff04 2px,#0000 1px),linear-gradient(#ffffff04 2px,#0000 1px);background-size:3rem 3rem;animation:10s linear infinite grid-drift;position:absolute;inset:0}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.moodmap-flex{display:flex}.moodmap-flex-fw{flex:0 0 100%}.moodmap-flex-hw{flex:0 0 50%}.moodmap-flex-fw-grow{flex:100%}.moodmap-flex-hw-grow{flex:50%}.moodmap-flex-sb{justify-content:space-between}.moodmap-flex-jc{justify-content:center}.moodmap-ac{align-items:center}.moodmap-text-c{text-align:center}.moodmap-navbar{min-height:var(--mm-nav-height);background-color:var(--mm-nav-background);border-bottom:var(--mm-nav-border-bottom);z-index:1000;justify-content:space-between;margin-bottom:4rem;padding:0 5rem;display:flex;position:sticky;top:0}.moodmap-logo-size{height:48px}.moodmap-navbar-left{align-items:center;gap:1rem;display:flex}.moodmap-navbar-content{color:var(--mm-nav-text);opacity:.9;align-items:center;font-size:.9rem;display:flex}.moodmap-navbar-content span{margin-left:.5rem}.moodmap-navbar-right{align-items:center;display:flex}.moodmap-navbar-buttons{gap:.75rem;display:flex}.moodmap-navbar-buttons i{margin-left:.5rem}.moodmap-navbar-buttons button{background:var(--mm-nav-button-primary);border:var(--mm-nav-button-outline);color:var(--mm-nav-button-text);cursor:pointer;box-shadow:var(--mm-button-box-shadow);border-radius:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.moodmap-navbar-buttons button:hover{box-shadow:var(--mm-button-box-shadow-hover);transform:translateY(var(--mm-button-hover-movement));background-color:#ffffff1f;border-color:#fff6}.moodmap-navbar-buttons button:last-child:hover{background-color:var(--mm-nav-button-seconday-hover);color:#fff}.announcement-bar{white-space:nowrap;border-bottom:var(--mm-nav-border-bottom);z-index:1;align-items:center;width:100%;padding:.5rem 0;font-size:.875rem;display:flex;position:relative;overflow:hidden;background-color:var(--mm-ab-background)!important}.announcement-track{align-items:center;padding-left:100%;animation:18s linear infinite guacMarquee;display:flex}.announcement-track span{color:var(--mm-ab-text);font-weight:500}.announcement-bar-flag:first-child,.announcement-bar-flag{width:var(--mm-ab-icon-size);height:var(--mm-ab-icon-size);justify-content:center;align-items:center;display:flex;margin-right:.5rem!important}.announcement-bar-flag:last-child{margin-left:.5rem!important;margin-right:0!important}.moodmap-notification{color:#fff;z-index:9999;pointer-events:none;border-radius:.5rem;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;animation:4s ease-in-out fadeInOut;position:fixed;bottom:25px;right:25px;box-shadow:0 6px 20px #0000004d}.moodmap-notification.correct{border:var(--mm-notification-outline-correct);background-color:green}.moodmap-notification.wrong{border:var(--mm-notification-outline-wrong);background-color:#e40808d8}.moodmap-notification.warning{border:var(--mm-notification-outline-warning);background-color:#ffb400}.login-section{text-align:center;min-height:100vh;color:var(--mm-auth-text);background-color:var(--mm-auth-section-background);justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.login-section:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff04 2px,#0000 1px),linear-gradient(#ffffff04 2px,#0000 1px);background-size:3rem 3rem;animation:10s linear infinite grid-drift;position:absolute;inset:0}.login-box{z-index:1;background:var(--mm-auth-background);border:4px solid #484191e6;border-radius:.75rem;grid-template-columns:3fr 2fr;width:100%;max-width:65rem;display:grid;overflow:hidden;box-shadow:10px 10px 2px #5047b480}.login-page-left{justify-content:center;align-items:center;padding:4rem;display:flex}.login-form-wrapper{width:100%;max-width:22.5rem}.login-form-wrapper h2{color:var(--mm-auth-text);margin-bottom:2rem;font-size:2rem;position:relative}.login-form-wrapper h2:after{content:"";background-color:var(--mm-auth-text);width:6rem;height:4px;margin:1rem auto 0;display:block}.login-form-wrapper form{flex-direction:column;gap:1.25rem;display:flex}.login-form-wrapper input{border:none;border-radius:.5rem;padding:.9rem 1rem;font-size:1rem}.login-form-wrapper input:focus{opacity:.8;border:none;box-shadow:4px 4px 1px #0000004d;outline:none!important}.button-wrapper-login{gap:1rem;margin-top:.5rem;display:flex}.button-wrapper-login button{border:var(--mm-auth-outline);background:var(--mm-auth-button-bg);color:var(--mm-auth-button-text);cursor:pointer;border-radius:.5rem;flex:1;padding:.9rem;font-size:1rem;font-weight:600;transition:transform .15s,background .2s}.button-wrapper-login button:hover{background:#636bf173;transform:translateY(-2px);box-shadow:4px 4px 1px #0000004d}.login-page-right{background:#473ea7;justify-content:center;align-items:center;display:flex}.login-right-logo{width:100%;max-width:15rem}.return-button-moodmap{z-index:999;position:fixed;top:35px;left:35px}.return-button-moodmap button{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff40;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem 1.25rem;font-size:1.5rem;transition:transform .15s,background .2s;display:flex;box-shadow:2px 2px 5px #0000004d}.return-button-moodmap button:hover{background:#636bf1;border:2px solid #ffffff80;transform:translateY(-2px)}.section-divider{border:0;border-top:2px solid #ffffff4d;margin:2rem 0}.section-divider-devlog{border:0;border-top:2px solid #ffffff26;margin:2rem 10rem 4rem}.dev-log-section{color:#fff;max-width:80%;margin:0 auto;padding:3rem 1.5rem}.dev-log-section a{color:inherit;z-index:1;text-decoration:none!important}.dev-log-content-wrapper{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#68677a26;border:4px solid #fff3;border-radius:.5rem;flex-direction:column;padding:2rem;display:flex;position:relative;box-shadow:6px 6px 1px #0000004d}.dev-log-meta{text-align:center;margin-bottom:3rem}.dev-log-meta p:first-child{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:-1rem;font-size:.8rem}.dev-log-meta h2{margin-bottom:.5rem;font-size:2rem}.dev-log-meta h2:after{content:"";background-color:var(--mm-auth-text);width:6rem;height:3px;margin:1rem auto 0;display:block}.dev-log-meta p:last-child{opacity:.7;font-size:1rem}.dev-log-entry{flex-direction:column;gap:1.5rem;display:flex}.dev-log-entry-header{flex-direction:column;gap:.75rem;display:flex}.dev-log-entry-meta{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.dev-log-reading-time,.dev-log-date{opacity:.8;font-size:.85rem}.dev-log-entry-meta-right span:not(:last-child){margin-right:.5rem}.dev-log-title{font-size:1.25rem;font-weight:600}.dev-log-badges{flex-wrap:wrap;gap:.5rem;display:flex}.dev-log-badge{opacity:1;-webkit-user-select:none;user-select:none;background:#ffffff14;border:2px solid #ffffff4d;border-radius:.5rem;padding:.3rem .5rem;font-size:.7rem;font-weight:600}.dev-log-badge.frontend{background-color:#1b74c7}.dev-log-badge.backend{background-color:#a89914}.dev-log-badge.setup{background-color:#cf0d0d}.dev-log-badge.components{background-color:#0a9b22}.dev-log-entry-body{flex-direction:column;gap:1rem;max-width:780px;line-height:1.6;display:flex}.dev-log-entry-body p{opacity:.9;margin-bottom:0}.dev-log-entry-body h3{margin-bottom:0;font-size:1.1rem}.dev-log-picture-text{margin:0;font-size:.7rem;opacity:.8!important}.dev-log-entry-body img{opacity:.95;border:2px solid #ffffff1a;border-radius:6px;width:100%;margin:.5rem 0;box-shadow:4px 4px 1px #00000080}.dev-log-entry-body .dev-log-img.extra-tiny{opacity:.95;border-radius:6px;width:12.5%}.dev-log-entry-body .dev-log-img.tiny{opacity:.95;border-radius:6px;width:25%}.dev-log-entry-body .dev-log-img.small{opacity:.95;border-radius:6px;width:50%}.dev-log-entry-body .dev-log-img.medium{opacity:.95;border-radius:6px;width:75%}.dev-log-code{color:#c7f9cc;background:#0e0e0e;border:1px solid #00ff6433;border-radius:6px;padding:.6rem .9rem;font-family:Fira Code,monospace;font-size:.9rem;box-shadow:inset 0 0 0 1px #00000080}.dev-log-code:before{content:"$ ";color:#7cff9e;opacity:.8}.dev-log-overview-wrapper{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto;display:flex}.dev-log-overview-card{z-index:1;background-color:var(--mm-comp-background);border:var(--mm-comp-border);min-width:400px;max-width:400px;box-shadow:var(--mm-comp-box-shadow);border-radius:.5rem;flex:300px;transition:all .2s ease-in-out}.dev-log-overview-card:hover{box-shadow:var(--mm-comp-box-shadow-hover);transform:translateY(var(--mm-comp-transform-hover))}.dev-log-overview-card-meta{background-color:var(--mm-comp-background-second);border-bottom:var(--mm-comp-header-border);opacity:.75;justify-content:space-between;padding:2rem;display:flex}.dev-log-overview-card-center{border-bottom:var(--mm-comp-header-border);justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.dev-log-overview-card-center img{object-fit:cover;width:100%;height:100%;display:block}.dev-log-overview-card-desc{background-color:var(--mm-comp-background-header);flex-direction:column;padding:2rem;display:flex;text-align:left!important}.dev-log-overview-card-desc span:not(:last-child){margin-bottom:1rem;font-weight:600}.dev-log-overview-card-desc span:first-child{font-size:1.2rem}.dev-log-overview-card-desc span:last-child{opacity:.85;font-size:1rem;font-style:italic}.graph-container{background-color:#0000000d;border:2px solid #6e6e6e;border-radius:1rem;flex-direction:column;width:600px;height:300px;padding:1rem;display:flex}.graph-container-title{text-align:center;color:#d6d6d6;margin:0 0 .5rem;font-size:1.5rem}.graph-stock-wrapper{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.graph-stock{flex:auto;justify-content:center;align-items:center;display:flex}.moodmap-intro-bar{border:var(--mm-comp-border);background-color:var(--mm-comp-background);max-width:90%;color:var(--mm-white);text-align:center;z-index:1;border-radius:.5rem;margin:0 auto 4rem;position:relative;box-shadow:0 6px 2px #0000004d}.moodmap-intro-bar-card{flex-direction:column;flex:1;padding:3rem;transition:all .2s ease-in-out;position:relative;overflow:visible}.moodmap-intro-bar-card:hover{background-color:var(--mm-comp-background-hover);border-radius:.5rem}.moodmap-intro-bar-card:not(:last-child):after{content:"";background-color:#ffffff0d;width:2px;height:80%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.moodmap-intro-bar-card i{opacity:.8;color:var(--mm-white);margin-bottom:.5rem;font-size:1.1rem}.moodmap-intro-bar-card.streak i{color:var(--mm-orange);opacity:1}.moodmap-intro-bar-card h2{margin-top:0;font-size:1.25rem;position:relative}.moodmap-intro-bar-card h2:after{content:"";opacity:.2;background-color:var(--mm-white);width:4rem;height:2px;margin:1rem auto 0;display:block}.moodmap-intro-bar-card span{opacity:.8;font-size:1.25rem}.moodmap-intro-bar-button{width:40%;color:var(--mm-white);box-shadow:var(--mm-button-box-shadow);background-color:#492c8d;border:2px solid #fff3;border-radius:.5rem;margin:0 auto;padding:.5rem;outline:none!important}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-line:not(:last-child){margin-bottom:.5rem}.tooltip{pointer-events:none;z-index:1000;background-color:var(--mm-tooltip-background);color:var(--mm-white);white-space:nowrap;border:var(--mm-tooltip-border);border-radius:.5rem;padding:.4rem .6rem;font-size:1rem;position:fixed;transform:translate(-50%)}.con-dot-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:-2rem auto 2rem;display:flex;position:relative}.con-dot{background-color:#fff3;border-radius:50%;width:.8rem;height:.8rem}.preloader{background-color:var(--mm-background);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;animation:1s ease-in-out forwards fadeOut;display:flex;position:fixed;top:0;left:0}.preloader-img{width:20%;height:auto;animation:1s ease-in-out bounceMoodmap}
@keyframes guacMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}99%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes bounceMoodmap{0%{transform:translateY(0)scale(1)}10%{transform:translateY(-3px)scale(1.015)}20%{transform:translateY(-6px)scale(1.025)}30%{transform:translateY(-9px)scale(1.035)}40%{transform:translateY(-12px)scale(1.05)}50%{transform:translateY(-9px)scale(1.035)}60%{transform:translateY(-6px)scale(1.025)}70%{transform:translateY(-3px)scale(1.015)}80%{transform:translateY(0)scale(1)}to{transform:translateY(0)scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(-2px)}}@keyframes popInOut{0%{opacity:0;transform:scale(.8)translateY(20px)}10%{opacity:1;transform:scale(1.1)translateY(0)}80%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.8)translateY(20px)}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:3rem 3rem,3rem 3rem}}