@import"https://fonts.googleapis.com/css2?family=Allan:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Allan:wght@400;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.outer-container{display:flex;min-height:100%;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-left:auto}.step-circle-container{margin-left:auto;margin-right:auto;width:100%;max-width:35rem;border:2px solid black;border-radius:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#f1faee}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.footer-nav{margin-top:2.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{transition:all .35s;border-radius:.25rem;padding:.25rem .5rem;color:#000;cursor:pointer;font-weight:700;background-color:#f1faee00;border:none}.back-button:hover{color:#52525b}.back-button.inactive{pointer-events:none;opacity:.5;color:#000}.next-button{transition:all .35s;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#f1faee;color:#000;font-weight:700;letter-spacing:-.025em;padding:.375rem .875rem;cursor:pointer;border:1px solid black}.next-button:hover{background-color:#000!important;color:#f1faee}.next-button:active{background-color:#000;color:#f1faee}.step-indicator{position:relative;cursor:pointer;outline:none}.step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600}.active-dot{height:.75rem;width:.75rem;border-radius:9999px;background-color:#060606}.step-number{font-size:.875rem}.step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:#52525b}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#000}input,textarea{width:100%;padding:10px;border-radius:8px;background-color:#000;border:1px solid rgba(255,255,255,.2);color:#f1faee;font-size:15px;outline:none;transition:border .3s ease-in-out}input::placeholder,textarea::placeholder{color:#f1faee8e}input:focus,textarea:focus{border-color:#00d8ff}.alert-popup{display:flex;align-items:center;gap:10px;background-color:#0c0c0c;color:#fff;border:1px solid #1f1f1f;border-radius:12px;padding:10px 16px;font-weight:400;box-shadow:0 0 10px #0003;animation:fadeSlideIn .3s ease-out;max-width:fit-content;position:fixed;bottom:20px;right:20px;z-index:999}.alert-icon{padding:2px 6px;border-radius:3px;font-size:16px}.alert-message{font-size:14px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:40px;font-weight:800;text-align:center;margin-top:40px}.login-page{background-color:#000;color:#f1faee;text-align:start}@media (max-width: 768px){.form-row{flex-direction:column}.login-form{width:70vw}}.register-title{font-size:40px;font-weight:800;text-align:center;margin-top:40px}h2{color:#000}.register-redirect{text-align:center}.register-redirect a{color:#00d8ff}.register-page{background-color:#000;color:#f1faee;text-align:start}@media (max-width: 768px){.form-row{flex-direction:column}.register-form{width:70vw}}.sidebar{background-color:#000;color:#80868b;width:260px;height:98vh;padding:8px 15px;box-sizing:border-box;margin-left:15px}.sidebar-section{display:flex;align-items:center;padding:10px 8px;cursor:pointer;transition:color .3s}.sidebar-section:hover{color:#fff}.icon{margin-right:6px;width:24px;height:24px;stroke:#80868b;transition:stroke .3s}.sidebar-section:hover .icon{stroke:#fff}.sidebar-text{font-size:16px;font-weight:600;color:#80868b;transition:color .3s}.sidebar-section:hover .sidebar-text{color:#fff}.divider{border-top:1px solid #222;margin:18px 0}.dsa-header{display:flex;align-items:center;padding:10px 8px;cursor:pointer;transition:color .3s}.dsa-icon{margin-right:6px;stroke:#80868b;width:24px;height:24px;transition:stroke .3s}.dsa-title{font-size:16px;font-weight:600;transition:color .3s}.chevron-icon{width:18px;height:18px;stroke:#80868b;transition:transform .3s,stroke .3s;margin-left:auto}.sheet-list{margin-top:4px;padding-left:22px}.sheet-item{display:flex;align-items:center;gap:8px;padding:6px;cursor:pointer;color:#80868b;transition:color .3s;font-size:13px;font-weight:400}.sheet-item:hover,.sheet-item:hover span{color:#fff}.sheet-logo{width:20px;height:20px;border-radius:4px;object-fit:cover}.sheet-item span{color:#80868b;transition:color .3s;font-size:14px;font-weight:400}.sheet-item.active-sheet{background-color:#000;border:1px solid #00ffff;border-left:3px solid #00f0ff;color:#00f0ff;border-radius:5px}.sheet-item.active-sheet span{color:#00f0ff;font-weight:600}.selected-dsa .dsa-icon,.selected-dsa .sidebar-text,.selected-dsa .chevron-icon,.active-section .dsa-icon,.active-section .sidebar-text{stroke:#0ff!important;color:#0ff!important}.sidebar-logo{width:120px;display:block;margin-bottom:50px}@media (min-width: 768px){.desktop-logo{display:block}}.hamburger-icon{display:flex;padding:10px;position:fixed;top:15px;left:15px;z-index:999;background-color:#000;border-radius:8px;cursor:pointer}@media (min-width: 768px){.hamburger-icon{display:none}}.sidebar{transition:transform .3s ease}@media (max-width: 767px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background-color:#000;z-index:998;transform:translate(-100%);box-shadow:2px 0 10px #00000080}.sidebar.open-mobile{transform:translate(0)}.sidebar-logo{margin-left:10px}}.close-icon{stroke:#80868b;cursor:pointer;transition:stroke .3s}.close-icon:hover{stroke:red}.sidebar-section.active-section,.sheet-item.active-sheet{color:#0ff;font-weight:600}.icon{transition:stroke .3s,color .3s}.sheet-header-container{width:calc(100vw - 275px);padding:1rem;text-align:center;box-sizing:border-box}.sheet-title{font-size:2.5rem;font-weight:800;color:#0ff;font-family:Allan,"serif";margin-bottom:1rem}.sheet-description{font-size:1rem;color:#e0e0e0;max-width:calc(100vw - 300px);margin:0 auto;padding:0 1rem;line-height:1.6}@media screen and (max-width: 768px){.sheet-header-container{width:100vw;padding:1.5rem 1rem;text-align:center}.sheet-description{font-size:.95rem;max-width:100%;padding:0 1rem;margin:0 auto}}.progress-bar-container{display:flex;background-color:#000;padding:30px;border-radius:15px;width:calc(100vw - 400px);margin:30px auto;border:1px solid #ffffff}.progress-bar-left{flex:1;display:flex;flex-direction:column;gap:12px;margin:20px 40px}.progress-bar-box{border:1px solid;border-radius:5px;padding:10px;max-width:500px}.progress-bar-header{display:flex;justify-content:space-between;font-weight:300;margin-bottom:6px;font-size:14px}.progress-bar-difficulty-label{font-weight:400}.progress-bar-solved-count{color:#ffdbdb;font-weight:400}.progress-bar-wrapper{background-color:#1e1e1e;height:6px;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:5px;transition:width .4s ease-in-out}.progress-bar-separator{width:1px;height:100%;background-color:#3a3a3a;margin:0 20px;transform:translate(-20px)}.progress-bar-right{display:flex;align-items:center;gap:10px}.progress-bar-circular-progress{position:relative;width:200px;height:200px}.progress-bar-ring{transform:rotate(-90deg)}.progress-bar-ring-bg{fill:none;stroke:#333;stroke-width:8}.progress-bar-ring-fill{fill:none;stroke:#00ff85;stroke-width:10;stroke-linecap:butt;transition:stroke-dashoffset .5s ease}.progress-bar-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#0ff;font-size:24px;font-weight:700}.progress-bar-text{font-size:14px;font-weight:400;padding-right:7px}.progress-bar-percentage{font-size:26px;font-weight:500;text-align:center;color:#0ff}.progress-bar-info{margin:0 10px}.progress-bar-total-text{margin-bottom:10px;font-weight:500;color:#fff;font-size:14px;text-align:center}.progress-bar-solved-total{font-size:40px;font-weight:500}@media screen and (max-width: 1080px){.progress-bar-container{flex-direction:column}.progress-bar-right{display:flex;justify-content:center}}@media screen and (max-width: 768px){.progress-bar-right{flex-direction:column}.progress-bar-container{width:80vw}}.questionlist-wrapper{max-width:calc(100vw - 375px);border:1px solid #2d2d2d;border-radius:10px;padding:8px 14px;background-color:transparent}.questionlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;padding-left:0}.questionlist-left{display:flex;align-items:center;gap:10px;cursor:pointer}.topic-title{font-family:Allan,cursive;font-size:30px;color:#c5c5c5;line-height:1.2;font-weight:700}.solved-count{color:#c5c5c5;font-size:22px;margin-left:6px;font-family:Allan,cursive;font-weight:700}.highlight{color:#0ff!important}.questionlist-body{padding-left:80px;display:flex;flex-direction:column;gap:18px;padding-top:10px}.questionlist-question-row{margin-bottom:6px}.notes-icon-button{background:transparent;border:1px solid #9d9d9d;cursor:pointer;padding:8px;margin-left:auto;display:flex;align-items:center;border-radius:50%}.notes-icon-button .notes-icon{color:#9d9d9d;transition:color .2s ease;stroke:#9d9d9d}.notes-icon-button{border-color:#fff}.notes-icon-button:hover .notes-icon{border-color:#fff;stroke:#fff}.questionlist-question-row{display:flex;align-items:center;justify-content:space-between}.highlight{border-color:#0ff}.notes-highlight{stroke:#0ff!important}@media screen and (max-width: 768px){.questionlist-wrapper{max-width:80vw}}@media screen and (max-width: 1200px){.questionlist-body{padding-left:0;display:flex;align-items:center}}.question-container{display:flex;align-items:center;width:calc(100vw - 500px);border:2px solid #2d2d2d;border-radius:15px}.question-container.solved-border{border-color:#0ff}.question-container.saved-border{border-color:#ee4b2b}.checkbox{width:calc((100vw - 500px)*.1);height:70px;border-left:1px solid #2d2d2d;border-right:1px solid #2d2d2d;display:flex;justify-content:center;align-items:center}.leftmost{border-radius:15px 0 0 15px;border-left:none}.rightmost{border-radius:0 15px 15px 0;border-right:none}.q-name{display:flex;justify-content:start;align-items:center;width:calc((100vw - 500px)*.4);height:70px;border-left:1px solid #2d2d2d;border-right:1px solid #2d2d2d;padding-left:20px;box-sizing:border-box}.custom-checkbox{width:18px;height:18px;border:2px solid #2d2d2d;border-radius:6px;background-color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;outline:none}.custom-checkbox:checked{background-color:#00b9b9;border-color:#00b9b9}.custom-checkbox:checked:after{content:"";position:absolute;width:10px;height:5px;border-left:3px solid #000;border-bottom:3px solid #000;transform:rotate(-45deg);top:4px;left:3px}.custom-checkbox,.bookmark-icon{transition:all .2s ease}.question-text{font-size:14px;font-weight:400;color:#fff;text-decoration:none}.question-text.solved{color:#00b9b9}.question-text.saved{color:#ee4b2b}.icon{color:#fff;display:flex;align-items:center;justify-content:center}.icon svg{stroke:#fff}.icon.solved svg{stroke:#00b9b9}.icon.saved svg{stroke:#ee4b2b}.platform-icon img{width:28px;height:28px;object-fit:contain}.difficulty{padding:8px;border-radius:14px;font-size:12px;font-weight:400}.difficulty.easy{background-color:#0b2816;color:#168c28}.difficulty.medium{background-color:#482200;color:#c68804}.difficulty.hard{background-color:#470c08;color:#d81b08}.bookmark-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.bookmark-icon{color:#fff}.bookmark-icon.solved{color:#00b9b9;stroke:#00b9b9}.bookmark-icon.active{color:#ee4b2b;fill:#ee4b2b;stroke:#ee4b2b}.checkbox.leftmost{width:calc((100vw - 500px)*.08)}.q-name{width:calc((100vw - 500px)*.4)}.solution-icon-box{width:calc((100vw - 500px)*.1)}.notes-icon-box{width:calc((100vw - 500px)*.1);border-left:1px solid #2d2d2d;display:flex;align-items:center;justify-content:center}.notes-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.notes-icon{color:#fff;stroke:#fff;transition:all .2s ease}.notes-icon.solved{color:#00b9b9;stroke:#00b9b9}.notes-icon.active{color:#ee4b2b;stroke:#ee4b2b}@media screen and (max-width: 1200px){.question-container{max-width:80vw}.difficulty-icon-box{display:none}.checkbox.leftmost{width:6.75vw}.q-name{width:33.75vw}.solution-icon-box{width:9.75vw}.notes-icon-box{width:7.5vw}}@media screen and (max-width: 1000px){.question-container{max-width:80vw}.difficulty-icon-box,.platform-icon-box,.solution-icon-box{display:none}.checkbox{width:9.75vw}.checkbox.leftmost{width:7.5vw}.q-name{width:33.75vw}.solution-icon-box{width:12vw}.notes-icon-box{width:9vw}}@media screen and (max-width: 768px){.question-container{width:75vw}.checkbox{width:11.25vw}.checkbox.leftmost{width:9.75vw}.q-name{width:41.25vw}.solution-icon-box{width:9.75vw}.notes-icon-box{width:11.25vw}}.desktop-save-btn{display:flex}.mobile-ai-btn{display:none}@media screen and (max-width: 768px){.desktop-save-btn{display:none}.mobile-ai-btn{display:flex;justify-content:center;align-items:center;width:9.75vw;border-left:1px solid #2d2d2d}}.hover-message-wrapper{position:relative;display:inline-block}.hover-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;background-color:#000;border:1px solid #3a3a3a;padding:5px 10px;font-size:12px;font-weight:600;color:#fff;border-radius:5px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999;white-space:nowrap;width:fit-content;max-width:none;text-align:center}.hover-tooltip.show{opacity:1;visibility:visible}.ai-solution-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.ai-solution-container{background-color:#0d1117;color:#c9d1d9;width:50vw;max-height:90vh;overflow-y:auto;padding:20px 30px;border-radius:10px;position:relative;animation:zoomIn .3s ease;scrollbar-width:thin;scrollbar-color:#444 #1e1e1e}@media only screen and (max-width: 768px){.ai-solution-container{width:90vw;padding:20px}}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.ai-close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;transition:color .2s}.ai-close-button:hover{color:#fff;transform:scale(1.1)}.ai-loading{display:flex;align-items:center;gap:10px;font-size:16px;color:#888;margin-bottom:20px}.spinner{width:18px;height:18px;border:3px solid #888;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-markdown{line-height:1.6}.ai-markdown h1,.ai-markdown h2,.ai-markdown h3{border-bottom:1px solid #30363d;margin-top:24px}.ai-markdown pre{background-color:#161b22;padding:12px;border-radius:5px;overflow-x:auto;font-size:14px}.ai-markdown code{font-family:Consolas,Courier New,monospace}.ai-markdown ul,.ai-markdown ol{padding-left:20px}.ai-markdown blockquote{border-left:4px solid #30363d;padding-left:10px;color:#8b949e}.ai-solution-container::-webkit-scrollbar{width:8px}.ai-solution-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}.ai-solution-container::-webkit-scrollbar-track{background-color:#1e1e1e}.ai-markdown{font-size:1rem;line-height:1.8;word-wrap:break-word;font-family:Inter,sans-serif;overflow-wrap:break-word}.ai-markdown h1,.ai-markdown h2,.ai-markdown h3{font-weight:600;margin-top:1.5rem;margin-bottom:1rem;letter-spacing:-.02em;border-bottom:1px solid #333;padding-bottom:.5rem}.ai-markdown h1{color:#0ff;font-size:1.8rem}.ai-markdown h2{color:#00e5e5;font-size:1.5rem}.ai-markdown h3{color:#0cc;font-size:1.25rem}.ai-markdown p{margin-bottom:1.25rem;line-height:1.8}.ai-markdown ul,.ai-markdown ol{margin-bottom:1.25rem;padding-left:1.5rem}.ai-markdown li{margin-bottom:.5rem}.ai-markdown blockquote{border-left:4px solid #00cccc;padding-left:1rem;margin:1rem 0;font-style:italic;color:#bbb}.ai-markdown a{color:#0ff;text-decoration:none;border-bottom:1px dotted #00ffff;transition:all .2s ease}.ai-markdown a:hover{border-bottom:1px solid #00ffff}.ai-markdown img{max-width:100%;height:auto;border-radius:6px;margin:1.5rem 0}.ai-markdown pre{background-color:#121212;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-size:.9rem;border:1px solid #333}.ai-markdown code{font-family:Fira Code,monospace;font-size:.95rem;color:#0ff;background-color:#1a1a1a;padding:.2rem .4rem;border-radius:3px;white-space:pre-wrap;word-break:break-word}.ai-markdown pre code{background:none;padding:0;color:inherit}.topics-title{font-size:50px!important;font-family:Inter,sans-serif!important;font-weight:700;color:#0ff;text-align:center}.notes-popup-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notes-popup-box{background:#1e1e1e;padding:25px 30px;border-radius:12px;width:500px;max-width:90vw;position:relative;color:#fff;box-shadow:0 4px 12px #0006;animation:popUpScale .3s ease-in-out}@media (max-width: 600px){.notes-popup-box{width:calc(100vw - 40px);margin:0 20px}}@keyframes popUpScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close-btn{position:absolute;top:8px;right:8px;background:#444;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.close-btn:hover{background-color:#ff4c4c;color:#fff}.notes-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:10px;color:#fff}.note-input-section{display:flex;gap:10px;margin-top:10px}.note-input-section input{flex:1;padding:8px 12px;border-radius:8px;border:none;background:#2e2e2e;color:#fff}.note-input-section button{padding:8px 16px;background-color:#0ff;border:none;border-radius:8px;cursor:pointer;color:#000;font-weight:600}.notes-list{list-style:none;margin-top:20px;padding-left:10px}.note-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:15px;margin-bottom:10px;word-break:break-word}.note-content{flex:1;white-space:pre-wrap;word-wrap:break-word}.trash-icon{flex-shrink:0;cursor:pointer;transition:color .2s ease;color:red;min-width:16px;min-height:16px}.trash-icon:hover{stroke:red}.no-notes-text{color:#aaa;font-size:14px;margin-top:12px}.header{display:flex;align-items:center;justify-content:center;background-color:#000;position:relative;padding:20px 30px 20px 80px;box-sizing:border-box;min-height:80px;border-bottom:1px solid #3a3a3a}.header-title{font-size:50px;font-weight:800;color:#0ff;text-align:center;flex-grow:1;padding-right:60px}.profile-wrapper{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;border:3px solid #00ffff;overflow:hidden;cursor:pointer;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.profile-wrapper.gold{border-color:gold}.profile-wrapper.silver{border-color:silver}.profile-wrapper.bronze{border-color:#cd7f32}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover}@media screen and (max-width: 768px){.header{padding:16px 20px 16px 80px}.header-title{font-size:32px;padding-right:70px}.profile-wrapper{width:42px;height:42px}.profile-pic{width:36px;height:36px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;color:#fff}body{background-color:#000}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #000000 inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff!important;font-family:inherit!important;transition:background-color 9999s ease-in-out 0s}.initial-loader-fallback{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;font-weight:500;color:#666}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}*{scrollbar-width:thin;scrollbar-color:#444 #1e1e1e}.sheet-wrapper{display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 280px);width:100%;overflow-x:hidden;box-sizing:border-box;padding:0 20px}.topics-container{width:100%;box-sizing:border-box;margin-left:30px;margin-top:40px}.questionlist-spacing{margin-bottom:24px;width:100%}.sep{height:1px;width:100%;background-color:#2d2d2d;margin:30px 0 10px}.section-separator{width:100%;height:1px;background-color:#2d2d2d;margin:20px 0;display:block}.topics-title{font-size:65px;font-family:Allan,cursive;font-weight:700;color:#0ff;text-align:center}@media screen and (max-width: 768px){.sheet-wrapper{max-width:100vw;padding:0 12px}.topics-container{width:85vw}.topics-title{font-size:40px;margin-top:10px;padding:0 8px}.questionlist-spacing{margin-bottom:20px}.sep,.section-separator{margin:20px 0}}.profile-header-container{display:flex;justify-content:space-between;align-items:center;padding:28px 0 12px;width:90%;border-top:1px solid #3a3a3a;margin:0 auto}.edit-profile-button{display:flex;align-items:center;gap:2px;padding:10px 16px;background-color:#fff;color:#000;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;transition:background-color .3s ease;border:none}.edit-profile-button .icon{stroke:#000}.edit-profile-button span{color:#000}.edit-profile-button:hover{background-color:#cfcfcf}.profile-header-right{display:flex;align-items:center;background-color:#000}.profile-header-right span{color:#fff}.profile-header-right:hover{background-color:#2a2a2a}.icon-button{display:flex;align-items:center;gap:0px;background:none;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:color .3s ease}.icon-button .icon{stroke:#fff}@media screen and (max-width: 1080px){.profile-header-container{max-width:80%}}.user-info-container{max-width:50%;margin-top:40px}.user-info-social-container{max-width:30%;margin-top:40px;margin-right:100px}.upper-section{margin-bottom:40px}.user-name{color:#898e93;font-size:16px;font-weight:400;margin:2px 0}.display-name{color:#e8eaed;font-size:52px;font-weight:800;margin:2px 0}.tagline{font-size:22px;font-weight:500}.logo-info{display:flex;gap:10px;font-size:16px;color:#898e93;stroke:#898e93;padding:4px 0}.logo-info span{font-size:16px;color:#898e93}.logo{stroke:#898e93}.input-field{background:transparent;border:1px solid white;padding:6px 10px;color:#e8eaed;border-radius:6px;outline:none;margin-top:6px;width:100%}.location-input-wrapper{position:relative;display:flex;align-items:center;margin-top:10px}.location-input{padding-left:30px}.location-icon{position:absolute;left:8px;color:#e8eaed;pointer-events:none}.action-btns,.action-btns-social{margin-top:20px;display:flex;gap:10px}.save-btn{padding:8px 20px;background:#fff;border:none;border-radius:6px;color:#121212;font-weight:600;cursor:pointer}.cancel-btn{padding:8px 20px;background:#3a3a3a;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.edit-btn{margin-top:20px;padding:8px 16px;background:#e8eaed;border:none;border-radius:6px;color:#121212;font-weight:600;cursor:pointer}.social-link{margin-left:0;color:#898e93;text-decoration:none;font-weight:500}.social-link:hover{text-decoration:underline}@media screen and (max-width: 1080px){.user-info-container{max-width:90%}.user-info-social-container{max-width:65%;margin-right:0}.display-name{font-size:24px}.user-name{font-size:14px}.tagline{font-size:16px}.logo,.location-icon{width:15px}.logo-info span{font-size:12px}}.profile-banner{width:90%;height:350px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:start;padding:30px;border-radius:16px;box-shadow:0 0 20px #0000004d;margin:20px auto;opacity:.7;border:1px solid #3a3a3a}.profile-photo-wrapper{position:relative;width:260px;height:260px;border-radius:50%;border:5px solid #00ffff;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-left:40px;background-color:#000}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;padding:5px;transition:opacity .3s ease}.edit-icon-button{position:absolute;background-color:#0f0f0f;border:2px solid white;border-radius:50%;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .3s ease}.edit-icon-button svg{stroke:#fff}.edit-icon-button:hover{background-color:#2a2a2a}.banner-edit{top:16px;right:16px}.profile-photo-wrapper{position:relative}.profile-edit{position:absolute;bottom:0;right:0;transform:translate(50%,50%)}.profile-photo.editable-photo{opacity:.5}.profile-edit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.below-section{width:90%;margin:0 auto 30px}@media screen and (max-width: 1080px){.profile-photo-wrapper{margin-left:0}.profile-banner{display:flex;justify-content:center;width:80%}.below-section{width:80%;flex-direction:column}}.first{display:flex;justify-content:center;align-items:center;height:60px;max-width:90%;border:1px solid #3a3a3a;border-radius:10px 10px 0 0;margin:70px auto 0;font-size:14px;font-weight:800}.leader-board{margin-bottom:20px}.first:hover{background-color:#2a2a2aab}.others{width:13%}.first span{display:flex;justify-content:center}@media screen and (max-width: 768px){.first{width:80%;font-size:12px;margin-right:30px}.others{width:15%}.username{display:none!important;width:0!important;padding:0!important;margin:0!important}.name{width:40%}}.row{max-width:90%;display:flex;align-items:center;font-size:14px;margin:0 auto;height:65px;font-weight:500;color:#3a3a3a;border:1px solid #3a3a3a;justify-content:center;position:relative}.row:hover{background-color:#2a2a2a}.comman{width:13%}.name{width:35%}.row span{display:flex;justify-content:center;color:#b0afaf}.sep-wrapper{display:flex;justify-content:center;align-items:center;gap:7px}.wrapper{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;border:3px solid #00ffff;overflow:hidden;cursor:pointer;position:relative}.wrapper.gold{border-color:gold}.wrapper.silver{border-color:silver}.wrapper.bronze{border-color:#cd7f32}.pfp{width:30px;height:30px;border-radius:50%;object-fit:cover}.medal{width:20px;height:20px;position:absolute;left:-30px}.rank-img{width:30px}.rank-img-contain{width:13%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.row{width:80%;margin-right:30px}.username{display:none!important;width:0!important;padding:0!important;margin:0!important}.comman{width:15%}.name{width:40%}.rank-img-contain{width:15%}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}