#home{display:flex;flex-direction:column;min-height:100vh;padding:10px;background:var(--base);z-index:0}#home svg{transition:.2s ease stroke}#home>header{display:flex;justify-content:center;align-items:center;height:15vh}#home>main{display:flex;flex-direction:column;align-items:center;gap:10px}#home>main h2{font-family:var(--default-font);font-size:32px;color:var(--text-2)}#home>footer{display:flex;margin-top:auto;justify-content:right}#home>footer svg{stroke:var(--text-3)}#home>footer svg:hover{stroke:var(--text-2)}#home-title{position:relative}#home-title-surface{position:relative;font-family:var(--default-font);color:var(--text);border-radius:10px;font-size:48px;background:var(--blue);padding:5px 70px;z-index:1}#home-title-back{position:absolute;height:115%;width:85%;top:50%;left:50%;translate:-50% -50%;border-radius:10px;z-index:0;background:var(--brblue)}#input-wrapper{display:flex;flex-direction:column}#user-input{height:75px;border:4px solid var(--overlay);background:var(--overlay-2);border-radius:10px;padding:10px;font-family:var(--default-font);font-size:36px;color:var(--text-3);transition:.3s ease border-color;width:min(600px,90vw)}#user-input:focus{outline:none;border-color:var(--text-2)}#user-input:hover{border-color:var(--text-2)}#user-input::placeholder{color:var(--text-3);opacity:.7}#search-results{background:var(--overlay-2);border:4px solid var(--overlay);border-radius:10px;width:min(600px,90vw);max-height:500px;transition:.3s ease border-color;overflow:auto}#search-results>li{list-style:none;display:flex;flex-direction:column}#search-results>li>ul{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s ease background-color;font-family:var(--default-font);font-size:36px;color:var(--text-3);padding:15px;height:94px}#search-results>li>ul>div{display:flex;align-items:center;gap:12px}#search-results>li>ul>span{font-size:24px}#search-results>li>ul:hover{background-color:color-mix(in srgb,var(--overlay-2) 100%,black 20%)}#search-results img{width:64px;border-radius:100%}#search-results:hover{border-color:var(--text-2)}#results-not-found,#results-loading{padding:15px;font-family:var(--default-font);color:var(--text-3);font-size:36px}:is(#results-not-found,#results-loading)>span{font-size:24px}:is(#results-not-found,#results-loading)>span>a{text-decoration:underline;color:unset;transition:.2s ease color}:is(#results-not-found,#results-loading)>span>a:hover{color:var(--text-2)}#orpheus-flag{position:absolute;top:20px;left:0;z-index:3;width:250px}.avatar-placeholder{height:64px;border-radius:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/default-avatar.png)}@media screen and (max-width:1000px){#orpheus-flag{display:none}}.card{background:var(--overlay-2);padding:10px 20px;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:auto;scrollbar-width:none;gap:3px;font-size:28px;border-radius:8px;box-shadow:var(--default-shadow);flex-shrink:0}@media(max-width:600px){.card{width:170px}}.card:not(.top-project-card){white-space:nowrap}.card>.card-first{color:var(--text-2)}.card>.divider{height:2px;border-radius:3px;width:100%;background:var(--text-2)}.card>.card-second{color:var(--text-3)}.modal{position:fixed;height:100vh;width:100vw;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal h2{color:var(--text-2);font-size:28px}.modal-content{max-height:85vh;overflow:auto;background:var(--overlay-2);padding:20px;box-shadow:var(--default-shadow);border-radius:12px}.heatmap{background:var(--overlay-2);border-radius:8px;width:fit-content;min-width:300px;box-shadow:var(--default-shadow)}.heatmap>.heatmap-grid{padding:15px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,1fr);max-width:85vw;overflow-x:auto;gap:4px}.heatmap>.heatmap-grid>div{position:relative;border-radius:3px;height:25px;width:25px}.heatmap>.heatmap-grid>div:before{content:"";position:absolute;height:100%;width:100%;border:1px solid var(--overlay);opacity:.5;border-radius:3px}.top-project-card{width:364px;padding:10px;align-items:flex-start;overflow:auto;gap:0}.top-project-card>.divider{margin:5px 0}.top-project-card>.top-project-title{color:var(--text-2);font-size:30px}.top-project-card>.top-project-description{color:var(--text-3);font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.top-project-card .top-project-stats{color:var(--text-2);font-size:22px;line-height:100%}.card-selector{position:absolute;z-index:2;top:25px;left:20px;display:flex;overflow-x:auto;gap:10px;background:var(--overlay-2);border:3px solid var(--overlay);box-shadow:var(--default-shadow);border-radius:12px;padding:10px;max-width:95%}.card-selector-bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-selector-card{position:relative;transition:.2s ease outline;outline:3px solid transparent}.card-selector-card:hover{outline:3px solid var(--blue)}.card-selector-card:hover>.customizable-card-edit-overlay{opacity:100}.customizable-card{position:relative;cursor:pointer;transition:.2s ease outline;outline:3px solid transparent;overflow:hidden}.customizable-card:hover{outline:3px solid var(--blue)}.customizable-card:hover>.customizable-card-edit-overlay{opacity:100}.customizable-card-edit-overlay{transition:.2s ease opacity;opacity:0;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,var(--brblue) 75%,transparent 25%)}.customizable-card-edit-overlay>svg{color:var(--blue)}#layout-editor{display:flex;flex-direction:column;gap:20px}#layout-editor>button{font-family:var(--default-font);padding:7px 15px;font-size:24px;border-radius:8px;transition:.2s ease background;display:flex;align-items:center;justify-content:center;gap:7.67px}#layout-editor-content{position:relative;background:var(--base);padding:25px;border-radius:12px;border:5px solid var(--text-2);display:flex;flex-direction:column;gap:15px}#layout-editor-save{background:var(--green);border:3px solid var(--brgreen);width:fit-content;color:var(--text)}#preview canvas{max-height:600px;border:5px solid var(--text-2);border-radius:12px}#preview-content{display:flex;flex-direction:column;gap:8.67px}#preview-canvas-container{position:relative}#preview-canvas-image-format{position:absolute;bottom:15px;right:10px;padding:3px 5px;border-radius:5px;color:var(--text);background:#0007;transition:.2s ease background}#preview-canvas-image-format:hover{background:#00000091}#preview-canvas-buttons{display:flex;gap:10px}#preview-canvas-buttons>button{font-family:var(--default-font);padding:7px 15px;font-size:24px;border-radius:8px;transition:.2s ease background;display:flex;align-items:center;justify-content:center;gap:7.67px}#preview-download-btn{color:var(--text);background:var(--text-2);border:3px solid var(--text-4)}#preview-download-btn:hover{background:color-mix(in srgb,var(--text-2) 100%,var(--base) 3%)}#preview-layout-btn{background:var(--blue);border:3px solid var(--brblue);color:var(--text)}#preview-layout-btn:hover{background:color-mix(in srgb,var(--blue) 100%,var(--base) 3%)}#stats{display:flex;flex-direction:column;min-height:100vh;background:var(--base);font-family:var(--default-font);padding:50px;gap:30px}@media(max-width:600px){#stats{padding:25px}}#stats>header,#stats main,#stats footer{animation:fadeIn .5s linear}#stats h1{font-size:48px;line-height:100%}@media(max-width:600px){#stats h1{font-size:30px}}#stats>header{display:flex;justify-content:space-between;align-items:center}#stats>header>button svg{stroke:var(--text-2)}@media(max-width:600px){#stats>header button{display:none}}#stats .stats-header-left{display:flex;align-items:center;gap:25px;color:var(--text-2)}#stats .stats-header-left>div:not(.avatar){display:flex;flex-direction:column}#stats .stats-header-left>div:not(.avatar)>span{font-size:20px}#stats>main,#stats #preview-main{display:flex;flex-direction:column;gap:30px}:is(#stats>main,#stats #preview-main) .stats-row{display:flex;flex-wrap:wrap;gap:30px}:is(#stats>main,#stats #preview-main) .stats-row>section{display:flex;flex-direction:column;gap:3px}:is(#stats>main,#stats #preview-main) .stats-row>section>h2{color:var(--text-2)}:is(#stats>main,#stats #preview-main) .stats-row>section>div:not(.card,.heatmap){display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}:is(#stats>main,#stats #preview-main) .stats-row>section>div:not(.card,.heatmap)>div{display:flex;flex-wrap:wrap;gap:10px 20px}@media(max-width:600px){:is(#stats>main,#stats #preview-main) .stats-row>section>div:not(.card,.heatmap)>div{gap:10px 10px}}.avatar{position:relative}.avatar .avatar-img{height:125px;border-radius:100%;border:10px solid var(--red)}.avatar .avatar-hat{position:absolute;height:130px;top:-50px;left:-24px}.projects-grid{display:grid!important;grid-template-columns:repeat(2,1fr);width:fit-content;height:fit-content;gap:inherit}@media(max-width:600px){.projects-grid{display:flex!important;flex-wrap:wrap}}.devlogs-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:fit-content;width:fit-content;gap:inherit;grid-auto-flow:column}#tooltip{position:fixed;background:var(--overlay-2);padding:5px 10px;border:2px solid var(--overlay);border-radius:8px;color:var(--text-2)}#download-card-btn{display:flex;align-items:center;gap:12px;font-family:var(--default-font);color:var(--text);background:var(--text-2);border:3px solid var(--text-4);font-size:28px;width:fit-content;padding:10px 20px;border-radius:8px;transition:.2s ease background}#download-card-btn:hover{background:color-mix(in srgb,var(--text-2) 100%,var(--base) 3%)}#stats-loading{position:absolute;top:50%;left:50%;translate:-50% -50%;color:var(--text-2);font-size:48px}#stats-loading:after{content:"";position:absolute;bottom:0;left:0;height:4px;width:100%;transform-origin:bottom left;background:var(--text-2);animation:loadingUnderline 5s ease-out}#stats-error-wrapper{position:absolute;display:flex;flex-direction:column;left:50%;top:50%;translate:-50% -50%;max-width:600px;background:var(--overlay-2);padding:15px;border-radius:8px;box-shadow:var(--default-shadow)}#stats-error-wrapper>h2{font-size:64px;color:var(--text-2)}#stats-error-wrapper>#stats-error{font-size:32px;color:var(--text-2)}#stats-error-wrapper>span{font-size:24px;color:var(--text-3)}#stats-error-wrapper>div{display:flex;gap:10px;align-items:center;justify-content:right;margin-top:20px}#stats-error-wrapper>div>button{font-family:var(--default-font);color:var(--text);background:var(--text-3);font-size:32px;height:60px;min-width:170px;border:3px solid var(--text-2);border-radius:8px;transition:.2s ease background}#stats-error-wrapper>div>button:hover{background:color-mix(in srgb,var(--text-3) 100%,var(--base) 3%)}.Toastify{position:absolute;padding:0;height:0;width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingUnderline{0%{transform:scaleX(0)}to{transform:scaleY(1)}}#not-found{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--base)}#not-found>main{display:flex;flex-direction:column;gap:10px;padding:15px;font-family:var(--default-font);color:var(--text-2);border-radius:8px;box-shadow:var(--default-shadow);background:var(--overlay-2);font-size:24px}#not-found>main>button{font-family:var(--default-font);color:var(--text);background:var(--text-3);width:fit-content;font-size:32px;height:55px;min-width:170px;border:3px solid var(--text-2);border-radius:8px;transition:.2s ease background}#not-found>main>button:hover{background:color-mix(in srgb,var(--text-3) 100%,var(--base) 3%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--default-font: "Jua", system-ui;--default-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);--base: #E7D4B1;--overlay: #D7B593;--overlay-2: #F8E9D3;--text: #F8E9D3;--text-2: #4E2C33;--text-3: #7B4942;--text-4: #AD7858;--green: #73A542;--brgreen: #D0DA90;--red: #BA4A51;--brred: #F4B19F;--blue: #3D5E8A;--brblue: #4F8FBA;--toastify-text-color-light: var(--text-2) !important;--toastify-color-light: var(--overlay-2) !important;--toastify-color-info: var(--brblue) !important}button{background:unset;border:unset;cursor:pointer}.noto-emoji{font-family:"Noto Emoji",system-ui;font-weight:1000}