body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ripple{animation:ripple-anim .6s linear forwards;background:#fff6;border-radius:50%;height:0;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:0;z-index:9999}@keyframes ripple-anim{0%{height:0;opacity:.5;width:0}to{height:150px;opacity:0;width:150px}}:root{--duo-green:#179cf0;--duo-blue:#1cb0f6;--duo-red:#ff4b4b;--duo-purple:#8e44ad;--duo-orange:#ff9600;--light-gray:#e5e5e5;--medium-gray:#afafaf;--dark-gray:#777;--font-color:#4b4b4b;--bg-color:#fff;--card-bg:#fff;--sidebar-bg:#ffffffe6;--border-radius:16px}.dark-mode{--font-color:#e5e5e5;--bg-color:#121212;--card-bg:#1e1e1e;--light-gray:#333;--medium-gray:#666;--dark-gray:#999;--sidebar-bg:#121212e6}.token-string{color:#98c379}.token-function{color:#61afef}.token-number{color:#d19a66}.token-operator{color:#56b6c2}.token-default{color:#abb2bf}::selection{background:#179cf0;background:var(--duo-green);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatBubble{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes floatTriangle{0%,to{transform:translate(-50%) rotate(45deg)}50%{transform:translate(-50%,-6px) rotate(45deg)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes burn{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}to{filter:brightness(1);transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}}body{background-color:#fff;background-color:var(--bg-color);color:#4b4b4b;color:var(--font-color);font-family:Nunito,sans-serif;font-weight:900;margin:0;transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}.app{display:flex;flex-direction:column;height:100vh}.main-layout{animation:fadeIn .6s ease-out;display:grid;grid-template-columns:256px 1fr;margin:0 auto;max-width:1200px;width:100%}.left-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;background-color:var(--sidebar-bg);border-right:2px solid #e5e5e5;border-right:2px solid var(--light-gray);height:100vh;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:0}.logo-container{padding:0 12px 20px}.duocode-logo{color:#179cf0;color:var(--duo-green);font-size:32px;font-weight:800;letter-spacing:-1px;margin:0}.left-sidebar ul{list-style:none;margin:0;padding:0}.left-sidebar li{align-items:center;border:2px solid #0000;border-radius:16px;border-radius:var(--border-radius);color:#777;cursor:pointer;display:flex;font-size:15px;font-weight:900;gap:15px;letter-spacing:.8px;margin-bottom:10px;padding:12px;position:relative;text-transform:uppercase;transition:background-color .2s}.left-sidebar li:hover{background-color:#e5e5e5;background-color:var(--light-gray)}.left-sidebar li.active{background-color:#ddf4ff;border-color:#84d8ff}.left-sidebar li.active,.left-sidebar li.active .menu-icon{color:#1cb0f6;color:var(--duo-blue)}.menu-icon{align-items:center;color:#777;color:var(--dark-gray);color:#1cb0f6;display:flex;justify-content:center;width:40px}.main-content{display:flex;flex-direction:column;padding:20px}.main-content-header{background-color:#179cf0;background-color:var(--duo-green);border:none;border-radius:16px;border-radius:var(--border-radius);margin-bottom:20px;padding:15px 20px;text-align:left}.main-content-header h2{color:#ccecfc;font-size:14px;font-weight:800;margin:0 0 5px;text-transform:uppercase}.main-content-header span{color:#fff;font-size:20px;font-weight:800}.lesson-wrapper{margin:0 auto;max-width:600px;width:100%}.level-path{flex-direction:column;gap:20px;padding:20px 0}.level-node,.level-path{align-items:center;display:flex}.level-node{background-color:#179cf0;background-color:var(--duo-green);border-radius:50%;box-shadow:0 6px 0 #1170aa;color:#fff;cursor:pointer;height:58px;justify-content:center;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;width:70px}.level-node:hover{transform:scale(1.05)}.level-node:active{box-shadow:none!important;transform:scale(.95) translateY(4px)}.level-node.locked{background-color:#e5e5e5;box-shadow:0 6px 0 #b7b7b7;color:#afafaf}.level-node.completed{background-color:#179cf0;background-color:var(--duo-green);box-shadow:0 6px 0 #1170aa}.level-icon{font-size:32px}.level-node:not(.locked):not(.completed):after{animation:floatBubble 2s ease-in-out infinite;background-color:#fff;background-color:var(--card-bg);border:2px solid #e5e5e5;border:2px solid var(--light-gray);border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#179cf0;color:var(--duo-green);content:"ANFANGEN";font-size:14px;font-weight:900;left:50%;padding:8px 12px;position:absolute;text-transform:uppercase;top:-55px;transform:translateX(-50%);white-space:nowrap;z-index:10}.level-node:not(.locked):not(.completed):before{animation:floatTriangle 2s ease-in-out infinite;background-color:#fff;background-color:var(--card-bg);border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--light-gray);border-right:2px solid #e5e5e5;border-right:2px solid var(--light-gray);content:"";height:14px;left:50%;position:absolute;top:-26px;transform:translateX(-50%) rotate(45deg);width:14px;z-index:9}.level-node.locked .level-icon{filter:grayscale(100%);opacity:.6}.lootbox-node{align-items:center;background-color:#ff9600;border:2px solid #ffb700;border-radius:16px;box-shadow:0 6px 0 #cc7800;color:#fff;cursor:pointer;display:flex;height:65px;justify-content:center;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;width:70px}.lootbox-node:hover{transform:scale(1.05)}.lootbox-node:active{box-shadow:0 2px 0 #cc7800;transform:scale(.95) translateY(4px)}.right-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;background-color:var(--sidebar-bg);display:none;flex-direction:column;gap:20px;padding:20px;width:320px}.stats-bar{justify-content:space-around}.stat-item,.stats-bar{align-items:center;display:flex}.stat-item{cursor:pointer;font-size:16px;font-weight:900;gap:8px}.stat-item.streak span{color:#ff9600;color:var(--duo-orange)}.stat-item.gems span{color:#1cb0f6;color:var(--duo-blue)}.stat-item.hearts span{color:#ff4b4b;color:var(--duo-red)}.stat-item.course-selector img{display:block}.stat-item.course-selector{border-radius:8px;padding:5px}.widget-card{background-color:#fff;background-color:var(--card-bg);border:2px solid #e5e5e5;border:2px solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);padding:15px}.widget-card h3{font-size:18px;margin-top:0}.league-info{align-items:center;display:flex;gap:15px;margin:15px 0}.league-shield-icon{color:#8e44ad;color:var(--duo-purple)}.mission-item{align-items:center;display:flex;font-weight:900;gap:15px}.quest-icon{color:#ff9600;color:var(--duo-orange)}.widget-button{background-color:initial;border:2px solid #e5e5e5;border-bottom:4px solid #e5e5e5;border:solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);border-width:2px 2px 4px;color:#1cb0f6;color:var(--duo-blue);cursor:pointer;font-weight:900;margin-top:10px;padding:10px;text-transform:uppercase;transition:all .1s;width:100%}.widget-button:active{border-bottom-width:0;transform:translateY(4px)}.league-widget .widget-button{border-color:#ce93d8;color:#8e44ad;color:var(--duo-purple)}.quests-widget .widget-button{border-color:#90caf9;color:#1cb0f6;color:var(--duo-blue)}.lesson-full-screen{animation:fadeIn .4s ease-out;background-color:#fff;background-color:var(--bg-color);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.lesson-header{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1000px;padding:40px 40px 20px;width:100%}.close-button{background:none;border:none;cursor:pointer;padding:0}.progress-container{background-color:#e5e5e5;background-color:var(--light-gray);border-radius:8px;flex-grow:1;height:16px;overflow:hidden;position:relative}.progress-bar{background-color:#179cf0;background-color:var(--duo-green);border-radius:8px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar.combo-active{background-color:#ff9600;background-color:var(--duo-orange);box-shadow:0 0 10px #ff960080}.combo-indicator{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:900;gap:5px;height:100%;left:50%;position:absolute;text-shadow:0 1px 2px #0003;top:0;transform:translateX(-50%);z-index:5}.combo-indicator.pop{animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}.hearts-display{color:#ff4b4b;color:var(--duo-red);font-size:20px;font-weight:900;gap:8px}.hearts-display,.lesson-body{align-items:center;display:flex}.lesson-body{flex-grow:1;justify-content:center;overflow-y:auto;padding:20px}.lesson-content-wrapper{max-width:600px;width:100%}.lesson-content-wrapper h2{font-size:24px;font-weight:900;margin-bottom:30px}.info-screen{padding:20px;text-align:center}.info-screen p{color:#4b4b4b;color:var(--font-color);font-size:22px;font-weight:800;line-height:1.6;margin-top:20px}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:30px}.option-card{background-color:#fff;background-color:var(--card-bg);border:2px solid #e5e5e5;border-bottom:4px solid #e5e5e5;border:solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);border-width:2px 2px 4px;cursor:pointer;font-size:18px;font-weight:800;padding:20px;text-align:center;transition:all .2s cubic-bezier(.25,.8,.25,1)}.option-card:hover{background-color:#f7f7f7;transform:translateY(-2px)}.option-card:active{border-bottom-width:0;transform:translateY(4px)}.landing-page{animation:fadeIn .8s ease-out;background-color:#fff;background-color:var(--bg-color);background-image:radial-gradient(#e5e5e5 2px,#0000 0);background-size:30px 30px;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.landing-header{padding:20px 40px}.landing-header,.landing-main{align-items:center;display:flex;position:relative;z-index:1}.landing-main{flex-grow:1;justify-content:center;padding:20px;text-align:center}.landing-hero-icon{animation:float 3s ease-in-out infinite;height:140px;margin-bottom:20px}.landing-content h1{color:#4b4b4b;color:var(--font-color);font-size:48px;font-weight:900;line-height:1.2;margin-bottom:40px}.landing-button{background-color:#179cf0;background-color:var(--duo-green);border:none;border-bottom:6px solid #1170aa;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 20px #179cf04d;color:#fff;cursor:pointer;font-size:20px;font-weight:900;padding:20px 60px;text-transform:uppercase;transition:all .1s cubic-bezier(.4,0,.2,1)}.landing-button:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02)}.landing-button:active{border-bottom-width:0;box-shadow:none;transform:translateY(6px)}.landing-features{display:flex;gap:40px;justify-content:center;margin-top:60px}.feature-item{align-items:center;display:flex;flex-direction:column;gap:10px}.feature-item span{font-size:40px}.feature-item p{color:#777;color:var(--dark-gray);font-weight:900;margin:0;text-transform:uppercase}.streak-screen{background-color:#111;color:#fff}.streak-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center}.streak-flame-container{margin-bottom:30px;position:relative}.streak-flame-anim{animation:burn 1.5s ease-in-out infinite}.streak-number{color:#fff;font-size:40px;font-weight:900;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-40%)}.streak-content h2{color:#ff9600;font-size:36px;margin-bottom:10px}.streak-content p{color:#ccc;font-size:18px;max-width:300px}.floating-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.shape{animation:float 4s ease-in-out infinite;font-family:Consolas,Monaco,monospace;font-weight:900;opacity:.15;position:absolute}.shape-1{animation-duration:6s;color:#179cf0;color:var(--duo-green);font-size:60px;left:10%;top:15%}.shape-2{animation-delay:1s;animation-duration:7s;color:#8e44ad;color:var(--duo-purple);font-size:80px;right:15%;top:25%}.shape-3{animation-delay:2s;animation-duration:8s;bottom:20%;color:#1cb0f6;color:var(--duo-blue);font-size:100px;left:15%}.shape-4{animation-delay:.5s;animation-duration:5s;bottom:30%;color:#ff9600;color:var(--duo-orange);font-size:70px;right:10%}.shape-5{animation-duration:9s;color:#e5e5e5;color:var(--light-gray);font-size:120px;left:50%;opacity:.1;top:50%;transform:translate(-50%,-50%)}.summary-screen{background-color:#fff;background-color:var(--bg-color)}.summary-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px}.summary-header-icon{animation:pop .6s cubic-bezier(.175,.885,.32,1.275);font-size:80px;margin-bottom:10px}.summary-content h2{color:#ff9600;color:var(--duo-orange);font-size:28px;margin-bottom:40px;text-transform:uppercase}.summary-stats-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.summary-stat-card{animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275) backwards;background-color:#fff;background-color:var(--card-bg);border:2px solid #e5e5e5;border:2px solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);padding:15px;text-align:center;width:130px}.summary-stat-card.xp{background-color:#fff9e6;border-color:#ffc800}.summary-stat-card.time{background-color:#e8f5fe;border-color:#1cb0f6}.summary-stat-card.combo{background-color:#fff0e5;border-color:#ff9600}.summary-stat-card:first-child{animation-delay:.1s}.summary-stat-card:nth-child(2){animation-delay:.2s}.summary-stat-card:nth-child(3){animation-delay:.3s}.summary-stat-card h3{color:#777;color:var(--dark-gray);font-size:13px;margin:0 0 10px;text-transform:uppercase}.stat-value{align-items:center;display:flex;flex-direction:column;font-size:20px;font-weight:900;gap:5px}.summary-footer{border-top:2px solid #e5e5e5;border-top:2px solid var(--light-gray);display:flex;justify-content:flex-end;padding:30px 40px}.option-card.selected{background-color:#ddf4ff;border-color:#1cb0f6;border-color:var(--duo-blue);border-bottom-color:#1899d6;color:#1cb0f6;color:var(--duo-blue)}.code-editor{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;font-family:Consolas,Monaco,monospace;gap:15px;margin-bottom:40px;min-height:140px;overflow:hidden;padding:20px;position:relative}.code-editor:before{background-color:#252526;border-bottom:1px solid #181a1f;content:"";height:24px;left:0;position:absolute;right:0;top:0}.code-editor:after{color:#abb2bf;content:"main.py";font-size:12px;font-weight:700;left:50%;position:absolute;top:4px;transform:translateX(-50%)}.line-numbers{color:#495162;display:flex;flex-direction:column;font-size:20px;font-weight:700;line-height:1.5;min-width:25px;padding-top:20px;text-align:right;-webkit-user-select:none;user-select:none}.assembly-area{align-items:flex-start;gap:8px;padding:20px 0 0;width:100%}.assembly-area,.word-bank{display:flex;flex-wrap:wrap}.word-bank{gap:10px;justify-content:center}.word-block{background-color:#fff;background-color:var(--card-bg);border:none;border-bottom:4px solid #d1d5db;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-family:monospace;font-size:20px;font-weight:900;padding:10px 16px;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none}.word-block:hover{background-color:#e5e5e5;background-color:var(--light-gray)}.word-block:active{border-bottom-width:0;box-shadow:none;transform:translateY(4px)}.code-editor .word-block{background-color:initial;border:none;box-shadow:none;color:#abb2bf;font-family:Consolas,Monaco,monospace;padding:5px}.check-button-container{align-items:center;display:flex;justify-content:space-between;width:100%}.default-footer{margin:0 auto;max-width:1000px}.check-button{background-color:#179cf0;background-color:var(--duo-green);border:none;border-bottom:4px solid #1170aa;border-radius:16px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;font-weight:900;padding:15px 30px;text-transform:uppercase;transition:all .1s cubic-bezier(.4,0,.2,1)}.check-button.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.check-button:hover{filter:brightness(1.1)}.check-button:disabled{background-color:#e5e5e5;background-color:var(--light-gray);border-bottom-color:#afafaf;border-bottom-color:var(--medium-gray);cursor:not-allowed;transform:none}.check-button:active:not(:disabled){border-bottom-width:0;transform:translateY(4px)}.skip-button{background-color:initial;border:2px solid #e5e5e5;border-bottom:4px solid #e5e5e5;border:solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);border-width:2px 2px 4px;color:#afafaf;color:var(--medium-gray);cursor:pointer;font-size:16px;font-weight:900;padding:15px 30px;text-transform:uppercase;transition:all .1s cubic-bezier(.4,0,.2,1)}.skip-button:active{border-bottom-width:0;transform:translateY(4px)}.feedback-footer{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);border-top:2px solid #e5e5e5;border-top:2px solid var(--light-gray);padding:30px 40px;transition:all .3s ease}.feedback-footer.correct{background-color:#d7ffb8}.feedback-footer.incorrect{background-color:#ffdfe0}.feedback-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;width:100%}.feedback-content h3{font-weight:900;margin:0}.feedback-footer.correct .feedback-content h3{color:#58a700}.feedback-footer.incorrect .feedback-content h3{color:#ff4b4b;color:var(--duo-red)}.continue-button{background-color:#179cf0;background-color:var(--duo-green);border:none;border-bottom:4px solid #1170aa;border-radius:16px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;font-weight:900;padding:15px 30px;text-transform:uppercase;transition:all .1s}.continue-button:hover{filter:brightness(1.1)}.continue-button:active{border-bottom-width:0;transform:translateY(4px)}@media (min-width:1024px){.main-layout{gap:24px;grid-template-columns:256px 592px 368px;justify-content:center}.right-sidebar{display:flex}}.profile-card{padding:30px}.profile-header-section{align-items:center;display:flex;gap:20px;margin-bottom:20px}.profile-avatar-large{align-items:center;border:3px dashed #e5e5e5;border:3px dashed var(--light-gray);border-radius:50%;display:flex;height:120px;justify-content:center;width:120px}.profile-image{border-radius:50%;height:100%;width:100%}.divider{border:none;border-top:2px solid #e5e5e5;border-top:2px solid var(--light-gray);margin:20px 0}.stat-box{align-items:center;border:2px solid #e5e5e5;border:2px solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);display:flex;gap:15px;padding:15px 20px;width:-webkit-fit-content;width:fit-content}.stat-box h4{font-size:20px;margin:0}.stat-box p{color:#afafaf;color:var(--medium-gray);font-size:14px;margin:0}.theme-toggle{background:none;border:2px solid #e5e5e5;border:2px solid var(--light-gray);border-radius:20px;color:#4b4b4b;color:var(--font-color);cursor:pointer;font-weight:900;margin-top:10px;padding:10px 20px}.theme-toggle:hover{background-color:#e5e5e5;background-color:var(--light-gray)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--card-bg);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;text-align:center;width:90%}.modal-content h2{color:#ff4b4b;color:var(--duo-red);font-size:28px;margin-top:0}.modal-button{background-color:#ff4b4b;background-color:var(--duo-red);border:none;border-bottom:4px solid #d32f2f;border-radius:16px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;font-weight:900;margin-top:20px;padding:15px 30px;text-transform:uppercase;width:100%}.modal-button:active{border-bottom-width:0;transform:translateY(4px)}.login-modal{border:1px solid #e5e5e5;border:1px solid var(--light-gray);box-shadow:0 8px 24px #0000001a;max-width:420px;padding:40px}.login-icon{font-size:60px;margin-bottom:20px}.login-modal p{color:#777;color:var(--dark-gray);font-weight:700}.google-login-button{align-items:center;background-color:#fff;background-color:var(--card-bg);border:2px solid #e5e5e5;border-bottom:4px solid #e5e5e5;border:solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);border-width:2px 2px 4px;color:#1cb0f6;color:var(--duo-blue);cursor:pointer;display:flex;font-size:16px;font-weight:900;gap:10px;justify-content:center;margin-top:24px;padding:15px;text-transform:uppercase;transition:all .1s;width:100%}.google-login-button:active{border-bottom-width:0;transform:translateY(4px)}.google-login-button img{height:24px;width:24px}.text-button{background:none;border:none;color:#afafaf;color:var(--medium-gray);cursor:pointer;font-size:14px;font-weight:700;margin-top:20px;text-transform:none}.text-button:hover{color:#1cb0f6;color:var(--duo-blue)}.more-popover{background-color:#fff;background-color:var(--card-bg);border:2px solid #e5e5e5;border:2px solid var(--light-gray);border-radius:16px;border-radius:var(--border-radius);bottom:100%;box-shadow:0 4px 10px #0000001a;left:0;margin-bottom:10px;padding:10px;position:absolute;width:200px;z-index:100}.logout-button{background:none;border:none;border-radius:8px;color:#4b4b4b;color:var(--font-color);cursor:pointer;font-size:14px;font-weight:900;padding:10px;text-align:left;text-transform:uppercase;width:100%}.logout-button:hover{background-color:#f7f7f7}.mascot-container{bottom:100px;height:150px;left:40px;position:fixed;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:150px;z-index:50}.mascot-container:hover{transform:scale(1.1) rotate(5deg)}.confetti-piece{background-color:#ffd300;height:10px;opacity:0;position:absolute;top:-10px;width:10px}@keyframes confetti-fall{0%{opacity:1;top:-10px;transform:rotate(0deg) translateX(0)}to{opacity:0;top:100vh;transform:rotate(2turn) translateX(100px)}}
/*# sourceMappingURL=main.dbf65a62.css.map*/