@charset "UTF-8";:root{--discord-color: #525dea;--gamebanana-color: #c39313;--patreon-color: #f86c59;--steam-color: #0a2668;--github-color: #2a7aef;--pinterest-color: #e60023}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#232627;overflow-y:auto}#root{min-height:100vh;width:100%;background-color:#232627;position:relative;top:0;left:0}@font-face{font-family:Odin;src:url(/fonts/odin-rounded.regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:OdinLight;src:url(/fonts/odin-rounded.light.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:SansGG;font-style:normal;font-weight:400;src:url(/fonts/gg-sans-Regular.otf) format("opentype")}.image-track{display:flex;align-items:center;cursor:default;user-select:none;-webkit-user-select:none;gap:20px;height:100%;box-sizing:border-box;padding-right:50vw}.image-track.grabbing{cursor:default}.image-track>:not(.profileFrame){grid-column:auto}.left-text{color:#fff;font-size:5vh;padding-right:20px;display:flex;align-items:center;white-space:nowrap;position:relative;z-index:1;font-family:Odin;white-space:pre-line;text-align:center}.image-item{display:grid;position:relative;transform-origin:center;transition:all .3s ease-in;gap:20px;justify-items:center;perspective:1000px;cursor:pointer}.image-item a{-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.image-item img{width:20vw;height:70vh;object-fit:cover;object-position:100% center;border-radius:1vmin;transition:all .3s ease-out;position:relative;backface-visibility:hidden;user-select:none;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-webkit-user-drag:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;pointer-events:none}.image-item:hover img{width:30vw;cursor:pointer}.image-track[data-dragging=true] .image-item:hover img{width:20vw;cursor:pointer}.text-overlay{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Space Mono,monospace;position:absolute;color:#0f0;font-size:2vw;font-weight:700;z-index:2;padding:1px 6px;background-color:transparent;border-radius:5px;opacity:1;transition:opacity .3s ease;pointer-events:none}.text-overlay[data-text=discord]{color:var(--discord-color)}.text-overlay[data-text=gamebanana]{color:var(--gamebanana-color)}.text-overlay[data-text=patreon]{color:var(--patreon-color)}.text-overlay[data-text=steam]{color:var(--steam-color)}.text-overlay[data-text=github]{color:var(--github-color)}.text-overlay[data-text=pinterest]{color:var(--pinterest-color)}.text-overlay[data-text=wfm]{color:var(--wfm-color)}.image-item:hover .text-overlay{background-color:#000}.image-track[data-dragging=true] .image-item:hover .text-overlay{background-color:transparent}.profileFrame{overflow:visible;bottom:1%;object-fit:cover;width:.001vw;height:20vh;z-index:1;pointer-events:none;opacity:0;position:absolute;transition:all .3s ease}.image-item:hover .profileFrame{width:20vw;opacity:1;transition:opacity,width .3s ease}.image-track[data-dragging=true] .image-item:hover .profileFrame{width:0vw;opacity:0}.steamFrame{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;overflow:hidden;width:.001vw;font-family:"Motiva Sans",Sans-serif;font-weight:400;bottom:10%;opacity:0;transition:all .3s ease;pointer-events:none}.image-item:hover .steamFrame{width:20vw;max-width:330px;opacity:1;transition:opacity,width .3s ease}.image-track[data-dragging=true] .image-item:hover .steamFrame{width:.001vw;opacity:0}@keyframes unblur{0%{filter:blur(20px);opacity:0}to{filter:blur(0);opacity:1}}.image-track-container,.image-track,.image-item{animation:unblur .5s cubic-bezier(.4,0,.2,1) forwards}.image-track-container{width:100%;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box}.info-icon{opacity:.8;position:absolute;bottom:20px;left:70px;z-index:100}.info-icon .info-mask{width:40px;height:40px;background-color:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;transition:transform .3s ease,background-color .3s ease;cursor:pointer}.info-icon .info-mask:hover{transform:scale(1.1);background-color:#ccc}.hyperiya-ab-container{position:relative;width:100%;height:100vh;overflow:hidden;perspective:80%}.sakura{position:absolute;z-index:1000}.projects-container{padding:2rem;max-width:1200px;margin:0 auto}.projects-container h1{font-family:Odin,sans-serif;font-size:2.5rem;margin-bottom:.5rem;color:#fff}.projects-container .projects-subtitle{color:#ffffffb3;margin-bottom:2rem;font-family:OdinLight,sans-serif}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;color:#fff;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.project-card .project-header{display:flex;align-items:center;margin-bottom:1rem}.project-card .project-header h2{font-family:Odin,sans-serif;font-size:1.25rem;margin:0 auto 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card .project-header .language-dot{width:12px;height:12px;border-radius:50%;margin-right:6px}.project-card .project-header .language-name{font-size:.8rem;opacity:.8;font-family:OdinLight,sans-serif}.project-card .project-description{font-family:OdinLight,sans-serif;font-size:.9rem;line-height:1.5;margin-bottom:1rem;flex-grow:1;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card .project-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-card .project-topics .topic-tag{background-color:#ffffff1a;padding:.25rem .5rem;border-radius:20px;font-size:.7rem;font-family:OdinLight,sans-serif}.project-card .project-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#ffffffb3}.project-card .project-footer .stars{display:flex;align-items:center;gap:4px;font-family:OdinLight,sans-serif}.project-card .project-footer .updated-at{font-size:.75rem;font-family:OdinLight,sans-serif}.projects-loading,.projects-error,.no-repos{display:flex;justify-content:center;align-items:center;height:300px;color:#fff;font-family:OdinLight,sans-serif}.about-container{padding:2rem;max-width:800px;margin:0 auto;color:#fff}.about-container h1{font-family:Odin,sans-serif;font-size:2.5rem;margin-bottom:1.5rem}.about-container h2{font-family:Odin,sans-serif;font-size:1.8rem;margin:1.5rem 0 1rem}.about-container h3{font-family:Odin,sans-serif;font-size:1.3rem;margin-bottom:.5rem}.about-container p{font-family:OdinLight,sans-serif;line-height:1.6;margin-bottom:1rem;font-size:1.1rem}.about-content{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.about-section{margin-bottom:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.skill-category ul{list-style-type:none;padding:0;margin:0}.skill-category ul li{font-family:OdinLight,sans-serif;position:relative;padding:.3rem 0 .3rem 1.2rem}.skill-category ul li:before{content:"•";position:absolute;left:0;color:#ffffffb3}.artists-heading{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.artists-heading:hover{color:#fffc}.artists-list{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}.artists-list a{color:#add8e6}.artist-item{display:flex;align-items:center;font-family:OdinLight,sans-serif}.artist-item .image-number{font-weight:700;margin-right:.5rem;min-width:60px}.artist-item .artist-name{color:#ffffffe6}body,html{height:100%;overflow-y:scroll}.admin-login{display:flex;justify-content:center;align-items:center;min-height:80vh}.admin-login .login-container{background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;width:100%;max-width:400px}.admin-login .login-container h1{color:#fff;font-family:Odin,sans-serif;margin-bottom:1.5rem;text-align:center}.admin-login .login-container .form-group{margin-bottom:1.5rem}.admin-login .login-container .form-group label{display:block;color:#fff;margin-bottom:.5rem;font-family:OdinLight,sans-serif}.admin-login .login-container .form-group input{width:100%;padding:.75rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:monospace;font-size:1rem}.admin-login .login-container .form-group input:focus{outline:none;border-color:#ffffff80}.admin-login .login-container .error-message{color:#ff6b6b;margin-bottom:1rem;font-family:OdinLight,sans-serif;font-size:.9rem}.admin-login .login-container button{width:100%;padding:.75rem;background-color:#fff3;border:none;border-radius:4px;color:#fff;font-family:Odin,sans-serif;font-size:1rem;cursor:pointer;transition:background-color .3s}.admin-login .login-container button:hover{background-color:#ffffff4d}.admin-panel{padding:2rem;max-width:1200px;margin:0 auto 2rem;color:#fff;min-height:calc(100vh - 4rem);position:relative;overflow-y:scroll}.admin-panel #panel{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;margin-top:2rem;box-shadow:0 8px 24px #0000004d;animation:slideUp .5s ease-out forwards;opacity:0;max-width:1200px;margin-left:auto;margin-right:auto}.admin-panel .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-panel .admin-header h1{font-family:Odin,sans-serif;margin:0}.admin-panel .admin-header .logout-button{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5rem 1rem;color:#fff;font-family:OdinLight,sans-serif;cursor:pointer;transition:background-color .3s}.admin-panel .admin-header .logout-button:hover{background-color:#fff3}.admin-panel .admin-content{background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem}.admin-panel .admin-section{margin-bottom:2rem}.admin-panel .admin-section h2{font-family:Odin,sans-serif;margin-bottom:1rem;font-size:1.5rem}.admin-panel .admin-controls{display:flex;flex-wrap:wrap;gap:1rem}.admin-panel .admin-controls button{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.75rem 1.5rem;color:#fff;font-family:OdinLight,sans-serif;cursor:pointer;transition:all .3s}.admin-panel .admin-controls button:hover{background-color:#fff3;transform:translateY(-2px)}.admin-panel .status-item{display:flex;margin-bottom:.5rem;font-family:OdinLight,sans-serif}.admin-panel .status-item .status-label{width:150px;color:#ffffffb3}button.active{background-color:#4a6cf7!important;color:#fff!important;border-color:#4a6cf7!important}.label{font-family:OdinLight}.analytics-floating-panel h2{font-family:Odin,sans-serif;margin-bottom:1rem;font-size:1.5rem;color:#fff}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.analytics-container{padding:20px;margin-top:15px}.analytics-container h3{margin-top:0;margin-bottom:20px;color:#fff;font-family:Odin,sans-serif}.line-graph{position:relative;height:250px;padding:20px 10px 30px}.graph-grid{position:absolute;top:0;left:0;right:0;bottom:30px;display:flex;flex-direction:column;justify-content:space-between}.graph-grid .grid-line{width:100%;height:1px;background-color:#ffffff1a}.line-path{position:relative;height:100%;display:flex;align-items:flex-end}.line-path svg{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:visible}.line-path svg path{stroke:#4a6cf7;stroke-width:3;fill:none;filter:drop-shadow(0 0 8px rgba(74,108,247,.5))}.line-path svg .area-path{fill:url(#gradient);stroke:none;opacity:.2}.data-points{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:flex-end}.data-points .point{position:relative;width:10px;height:10px;border-radius:50%;background-color:#4a6cf7;box-shadow:0 0 10px #4a6cf7cc;z-index:2}.data-points .point:hover{transform:scale(1.5);background-color:#fff}.data-points .point:hover .tooltip{opacity:1;transform:translateY(-5px)}.data-points .point .tooltip{font-family:OdinLight;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s}.x-axis{display:flex;justify-content:space-between;margin-top:5px}.x-axis .label{font-size:11px;width:30px;text-align:center}html,body{overflow-y:auto!important}.analytics-summary{display:flex;gap:20px;margin-bottom:20px}.analytics-summary .summary-card{background-color:#0000004d;border-radius:8px;padding:15px;flex:1;text-align:center}.analytics-summary .summary-card .summary-value{font-family:Odin,sans-serif;font-size:28px;font-weight:700;color:#4a6cf7;margin-bottom:5px}.analytics-summary .summary-card .summary-label{font-family:Odin,sans-serif;color:#ffffffb3;font-size:14px}.analytics-loading{color:#fff;text-align:center;padding:20px}.user-management-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.user-management-panel .panel-header h2{margin:0;font-family:Odin,sans-serif;color:#fff}.user-management-panel .panel-header .add-user-btn{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-family:OdinLight,sans-serif;transition:background-color .3s}.user-management-panel .panel-header .add-user-btn:hover{background-color:#3a5ce7}.user-management-panel .error-message{font-family:OdinLight;background-color:#ff00001a;border-left:3px solid #ff4d4d;color:#ff4d4d;padding:.75rem;margin-bottom:1rem;border-radius:4px}.user-management-panel .user-form{background-color:#ffffff0d;padding:1.5rem;border-radius:6px;margin-bottom:1.5rem}.user-management-panel .user-form h3{margin-top:0;margin-bottom:1rem;font-family:Odin,sans-serif;color:#fff}.user-management-panel .user-form .form-group{margin-bottom:1rem}.user-management-panel .user-form .form-group label{display:block;margin-bottom:.5rem;color:#fffc;font-family:OdinLight,sans-serif}.user-management-panel .user-form .form-group input{width:100%;padding:.75rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:OdinLight,sans-serif}.user-management-panel .user-form .form-group input:focus{outline:none;border-color:#4a6cf7}.user-management-panel .user-form .form-actions{display:flex;gap:1rem}.user-management-panel .user-form .form-actions button{padding:.75rem 1rem;border:none;border-radius:4px;cursor:pointer;font-family:OdinLight,sans-serif}.user-management-panel .user-form .form-actions button[type=submit]{background-color:#4a6cf7;color:#fff}.user-management-panel .user-form .form-actions button[type=submit]:hover{background-color:#3a5ce7}.user-management-panel .user-form .form-actions button[type=button]{background-color:#ffffff1a;color:#fff}.user-management-panel .user-form .form-actions button[type=button]:hover{background-color:#fff3}.user-management-panel .users-table-container{overflow-x:auto}.user-management-panel .users-table{width:100%;border-collapse:collapse;color:#fff}.user-management-panel .users-table th,.user-management-panel .users-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.user-management-panel .users-table th{font-family:Odin,sans-serif;font-weight:400;color:#ffffffb3}.user-management-panel .users-table td{font-family:OdinLight,sans-serif}.user-management-panel .users-table .actions{display:flex;gap:.5rem}.user-management-panel .users-table .actions button{padding:.5rem .75rem;border:none;border-radius:4px;cursor:pointer;font-family:OdinLight,sans-serif;font-size:.8rem}.user-management-panel .users-table .actions button.edit-btn{background-color:#4a6cf733;color:#4a6cf7}.user-management-panel .users-table .actions button.edit-btn:hover{background-color:#4a6cf74d}.user-management-panel .users-table .actions button.delete-btn{background-color:#ff4d4d33;color:#ff4d4d}.user-management-panel .users-table .actions button.delete-btn:hover{background-color:#ff4d4d4d}.user-management-panel .users-table .actions button.kill-btn{background-color:#ffaf4d33;color:#ffaf4d}.user-management-panel .users-table .actions button.kill-btn:hover{background-color:#ffaf4d4d}.user-management-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#fff;font-family:OdinLight,sans-serif}.profile-management-loading{margin-top:10px;font-family:odin,sans-serif}.profile-management-panel{margin-top:20px}.profile-management-panel h2{margin-bottom:20px;color:#fff}.profile-management-panel .panel-header{font-family:Odin,sans-serif;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-management-panel .panel-header h2{margin:0}.profile-management-panel .panel-header .create-btn{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .2s;font-family:Odin,sans-serif}.profile-management-panel .panel-header .create-btn:hover{background-color:#1944f5}.profile-management-panel .form-group small{display:block;color:#fff9;font-size:12px;margin-top:4px}.profile-management-panel .profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.profile-management-panel .profile-card{background-color:#0000004d;border-radius:8px;border-left:4px solid;overflow:hidden;transition:transform .2s}.profile-management-panel .profile-card:hover{transform:translateY(-5px)}.profile-management-panel .profile-card img{width:100%;height:150px;object-fit:cover}.profile-management-panel .profile-card .profile-info{padding:15px}.profile-management-panel .profile-card .profile-info h3{font-family:Odin,sans-serif;margin:0 0 10px;color:#fff}.profile-management-panel .profile-card .profile-info p{font-family:Odin,sans-serif;margin:0;color:#ffffffb3;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-management-panel .profile-card .profile-info .color-indicator{width:20px;height:20px;border-radius:50%;margin-top:10px}.profile-management-panel .profile-card .card-actions{display:flex;width:100%}.profile-management-panel .profile-card .card-actions .edit-btn,.profile-management-panel .profile-card .card-actions .delete-btn{flex:1;padding:10px;border:none;color:#fff;cursor:pointer}.profile-management-panel .profile-card .card-actions .edit-btn{font-family:Odin,sans-serif;background-color:#ffffff1a}.profile-management-panel .profile-card .card-actions .edit-btn:hover{background-color:#fff3}.profile-management-panel .profile-card .card-actions .delete-btn{font-family:Odin,sans-serif;background-color:#dc354599}.profile-management-panel .profile-card .card-actions .delete-btn:hover{background-color:#dc3545cc}.profile-management-panel .edit-profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.profile-management-panel .edit-profile-modal .modal-content{background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;width:90%;max-width:500px}.profile-management-panel .edit-profile-modal .modal-content h3{margin-top:0;margin-bottom:20px;color:#fff;font-family:Odin,sans-serif}.profile-management-panel .edit-profile-modal .modal-content .form-group{margin-bottom:20px}.profile-management-panel .edit-profile-modal .modal-content .form-group label{display:block;margin-bottom:5px;color:#fff;font-family:OdinLight,sans-serif}.profile-management-panel .edit-profile-modal .modal-content .form-group input{width:100%;padding:10px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:OdinLight,sans-serif}.profile-management-panel .edit-profile-modal .modal-content .form-group input:focus{outline:none;border-color:#4a6cf7}.profile-management-panel .edit-profile-modal .modal-content .form-actions{display:flex;justify-content:flex-end;gap:10px}.profile-management-panel .edit-profile-modal .modal-content .form-actions button{padding:10px 20px;border-radius:4px;cursor:pointer;font-family:OdinLight,sans-serif}.profile-management-panel .edit-profile-modal .modal-content .form-actions button[type=submit]{background-color:#4a6cf7;color:#fff;border:none}.profile-management-panel .edit-profile-modal .modal-content .form-actions button[type=button]{background-color:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.image-section{margin-bottom:15px}.image-actions{display:flex;gap:10px;margin-bottom:10px}.image-actions .image-upload-container{position:relative}.image-actions .upload-new-image-btn{padding:10px 0;min-width:125px;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s;font-family:OdinLight,sans-serif}.image-actions .upload-new-image-btn:hover{background-color:#3a5cd7}.image-actions .upload-new-image-btn.active{background-color:#dc3545}.image-actions .upload-new-image-btn.active:hover{background-color:#c82333}.image-actions .image-dropdown{flex:1;padding:10px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:OdinLight,sans-serif}.image-actions .image-dropdown:focus{outline:none;border-color:#4a6cf7}.image-actions .image-dropdown option{background-color:#232627;color:#fff}.image-uploader-compartment{overflow:hidden;position:relative;margin-bottom:15px}.image-preview{margin-top:10px;max-width:200px;border-radius:4px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.image-uploader-popup{position:relative;width:100%;box-shadow:0 5px 15px #00000080;border-radius:8px;overflow:hidden;transform-origin:top center;margin-bottom:15px}.image-uploader-content{background-color:#000c;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.image-uploader-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#00000080;border-bottom:1px solid rgba(255,255,255,.1)}.image-uploader-header h3{font-size:1.2rem;color:#fff;font-family:Odin,sans-serif;display:flex;margin-bottom:0!important}.image-uploader-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ffffffb3;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.image-uploader-header .close-button:hover{background-color:#ffffff1a;color:#fff}.image-uploader-body{padding:15px}.image-uploader-body .upload-error{font-family:OdinLight,sans-serif;color:#ff6b6b;margin-bottom:15px;padding:8px;background-color:#d32f2f33;border-radius:4px;border:1px solid rgba(211,47,47,.3);font-size:.9rem}.image-uploader-body .file-input-container{margin-bottom:15px}.image-uploader-body .file-input-container input[type=file]{position:absolute;left:-9999px}.image-uploader-body .file-input-container label{display:inline-block;padding:8px 12px;background-color:#4a6cf7;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s;font-family:Odin,sans-serif;font-size:.9rem}.image-uploader-body .file-input-container label:hover{background-color:#3a5cd7}.image-uploader-body .file-input-container label.disabled{background-color:#333;cursor:not-allowed}.image-uploader-body .file-preview{margin:15px 0;text-align:center}.image-uploader-body .file-preview img{max-width:100%;max-height:200px;border-radius:4px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 8px #0000004d}.image-uploader-body .button-group{display:flex;gap:8px;margin-top:15px}.image-uploader-body .button-group button{flex:1;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-family:Odin,sans-serif;font-size:.9rem}.image-uploader-body .button-group button:disabled{background-color:#333;color:#666;cursor:not-allowed}.image-uploader-body .button-group .upload-button{background-color:#4a6cf7;color:#fff}.image-uploader-body .button-group .upload-button:hover:not(:disabled){background-color:#3a5cd7}.image-uploader-body .button-group .cancel-button{background-color:#ffffff1a;color:#fff}.image-uploader-body .button-group .cancel-button:hover:not(:disabled){background-color:#fff3}.image-uploader-body .progress-bar{margin-top:15px;height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.image-uploader-body .progress-bar .progress{height:100%;background-color:#4a6cf7;transition:width .3s ease}.content-management-panel{margin-top:20px;font-family:OdinLight,sans-serif}.content-management-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-management-panel .panel-header h2{margin:0;color:#fff}.content-management-panel .panel-header .upload-btn{font-family:OdinLight,sans-serif;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .2s}.content-management-panel .panel-header .upload-btn:hover{background-color:#1944f5}.content-management-panel .panel-header .upload-btn:disabled{background-color:#6c757d;cursor:not-allowed}.content-management-panel .error-message{background-color:#dc354533;color:#ff6b6b;padding:10px;border-radius:4px;margin-bottom:20px}.content-management-panel .content-section{background-color:#0000004d;border-radius:8px;padding:20px;margin-bottom:20px}.content-management-panel .content-section h3{margin-top:0;margin-bottom:15px;color:#fff}.content-management-panel .content-section .no-content{color:#fff9;font-style:italic}.content-management-panel .content-section .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.content-management-panel .content-section .images-grid .image-card{display:flex;flex-direction:column;background-color:#0003;border-radius:6px;overflow:hidden;cursor:pointer;align-items:center;justify-content:center;transition:transform .2s;border:2px solid transparent}.content-management-panel .content-section .images-grid .image-card:hover{transform:translateY(-5px)}.content-management-panel .content-section .images-grid .image-card.selected{border-color:#4a6cf7}.content-management-panel .content-section .images-grid .image-card .image-preview{height:150px;overflow:hidden}.content-management-panel .content-section .images-grid .image-card .image-preview img{width:100%;height:100%;object-fit:cover}.content-management-panel .content-section .images-grid .image-card .image-info{padding:10px}.content-management-panel .content-section .images-grid .image-card .image-info .image-name{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.content-management-panel .content-section .images-grid .image-card .image-info .delete-btn{width:100%;background-color:#dc354599;color:#fff;border:none;border-radius:4px;padding:5px 0;cursor:pointer;font-size:12px;font-family:OdinLight,sans-serif}.content-management-panel .content-section .images-grid .image-card .image-info .delete-btn:hover{background-color:#dc3545cc}.content-management-panel .image-details{background-color:#0000004d;border-radius:8px;padding:20px}.content-management-panel .image-details h3{margin-top:0;margin-bottom:15px;color:#fff}.content-management-panel .image-details .details-content{display:flex;gap:20px}.content-management-panel .image-details .details-content .large-preview{flex:1;max-width:400px;border-radius:6px;overflow:hidden}.content-management-panel .image-details .details-content .large-preview img{width:100%;height:auto;display:block}.content-management-panel .image-details .details-content .details-info{flex:1}.content-management-panel .image-details .details-content .details-info .detail-item{margin-bottom:15px}.content-management-panel .image-details .details-content .details-info .detail-item .detail-label{display:block;color:#fff9;font-size:14px;margin-bottom:5px;font-family:OdinLight,sans-serif}.content-management-panel .image-details .details-content .details-info .detail-item .detail-value{color:#fff;word-break:break-all;font-family:OdinLight,sans-serif}.content-management-panel .image-details .details-content .details-info .detail-item .delete-btn{background-color:#dc354599;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;margin-top:10px;font-family:OdinLight,sans-serif}.content-management-panel .image-details .details-content .details-info .detail-item .delete-btn:hover{background-color:#dc3545cc}.url-container{display:flex;align-items:center;gap:10px}.url-container .detail-value{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:OdinLight,sans-serif}.url-container .copy-btn{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;padding:5px 10px;cursor:pointer;font-size:12px;font-family:OdinLight,sans-serif}.url-container .copy-btn:hover{background-color:#fff3}body{margin:0;padding:0}#root{display:flex}.content-wrapper{margin-left:80px;width:calc(100% - 80px);min-height:100vh}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#232627;z-index:9999;display:flex;align-items:center;justify-content:center}.progress-bar{max-width:90%;width:0%;height:10px;background-color:#ff4163;transition:width .3s ease;border-radius:5vh}.enter-page{user-select:none;-webkit-user-select:none!important;position:fixed;right:0;width:calc(100vw + -0px);height:100vh;background-color:#0102020d;z-index:99;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer;display:flex;justify-content:center;align-items:center}.enter-page.clicked{pointer-events:none}.enter-page h1{translate:80px 0;font-family:Odin,sans-serif;font-size:2rem;color:#fff;text-align:center}.fade-out{animation:fadeOut .5s forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.navbar-container{display:flex;flex-direction:column;align-items:center;width:80px;height:100dvh;padding:1rem 0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);box-sizing:border-box;position:fixed;left:0;top:0;z-index:100;justify-content:flex-start}.spacer{flex-grow:1}.bottom-item{margin-bottom:20px;list-style:none;display:flex;justify-content:center}.email-item a{padding:0 1.7rem;margin-bottom:-1rem;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;flex-grow:1;justify-content:center}.email-item a:hover .nav-icon,.email-item a:hover .nav-label{opacity:1}.nav-item .nav-link{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.discord-link{text-decoration:none;color:inherit;cursor:pointer;display:block}.discord-link:hover .root{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;width:100%}.profile-section:after{content:"";position:absolute;top:0;left:100%;width:20px;height:20%;background-color:transparent}.profile-section:hover{pointer-events:auto}.profile-section .discord-profile-popup{position:absolute;left:90px;top:10px;z-index:1000;width:300px;animation:fadeIn .2s ease-in-out;transform-origin:left center}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.navbar-avatar{width:48px;height:48px;border-radius:50%;margin-bottom:10px}.navbar-username{user-select:none;-webkit-user-select:none!important;color:#fff;font-family:OdinLight;font-size:.8rem;font-weight:500;letter-spacing:1px}.navigation{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;width:100%;flex-grow:0;justify-content:center}.navigation li{margin:1rem 0;display:flex;justify-content:center}.navigation a{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;flex-grow:1;justify-content:center}.navigation a:hover .nav-icon,.navigation a:hover .nav-label{opacity:1}.nav-icon{width:24px;height:24px;margin-bottom:5px;opacity:.7;transition:opacity .3s ease}.nav-label{color:#fff;user-select:none;-webkit-user-select:none!important;font-size:.7rem;opacity:.7;transition:opacity .3s ease;font-family:OdinLight}.navbar-divider{width:60%;height:1px;background-color:#ffffff1a;margin:1rem auto}.root{width:300px;height:auto;opacity:1;border-radius:8px;overflow:hidden;background-color:#242429}.banner{position:relative;display:flex;flex-direction:column;height:80px;object-fit:cover;overflow:hidden}.pfp{position:relative;width:60px;height:60px;flex-shrink:0}.avatar{height:100%;width:100%;border-radius:50%}.username{font-size:18px;margin:0 0 4px;font-family:SansGG;color:#fff}.userinfo{display:flex;flex-direction:column;justify-content:center;margin-left:12px}.activity{word-wrap:unset;color:#8a94a9;position:relative;font-size:14px;width:auto;left:0;bottom:0;font-family:SansGG}.avatarOnline{width:20px;height:20px;position:absolute;right:0;bottom:0;border-radius:100%;box-shadow:0 0 0 3px #2b2d31,inset 0 0 0 3px #2b2d31}.profile{background-color:#242429;color:var(--foreground-color);position:relative;display:flex;flex-direction:row;align-items:center;padding:16px;overflow:hidden;outline:#1d1d20 solid 1px}.profile:hover{background-color:#303036}.audio-section{display:flex;align-items:flex-end;gap:20px;position:fixed;bottom:5px;left:100px;height:64px;flex-shrink:0;scale:.8;transform-origin:top left;z-index:10}.audio-controls{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;gap:12px;background:#121212cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px;border-radius:999999px;box-shadow:0 4px 15px #0003;transition:all .3s ease;min-width:64px;min-height:64px}.audio-controls:hover{width:auto;border-radius:99999999px;background:#181818f2;padding:12px 16px;transform:scale(1.02);transition:all .3s ease}#musicToggle{background:none;border:none;color:#fff;cursor:pointer;border-radius:50%;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease;display:flex;padding:0;transform:translate(25%);min-height:28px;min-width:28px}#musicToggle:hover{transform:translate(25%) scale(1.15);background-color:#ffffff1a}#musicToggle:active{transform:translate(25%) scale(.95)}.volume-waves{opacity:1}.mute-x,[data-muted=true] .volume-waves{opacity:0}[data-muted=true] .mute-x{opacity:1}.volume-icon:hover{opacity:.8}.volume-slider-container{width:0;overflow:hidden;transition:width .3s ease-in-out;display:flex;align-items:center}.audio-controls:hover .volume-slider-container{width:200px}.audio-controls:hover #volumeSlider::-webkit-slider-thumb{display:block}.audio-controls:not(:hover) #volumeSlider::-webkit-slider-thumb{display:none}.audio-controls:hover #volumeSlider::-moz-range-thumb{display:block}.audio-controls:not(:hover) #volumeSlider::-moz-range-thumb{display:none}#volumeSlider{overflow:visible;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;transition:all .2s ease;cursor:pointer}#volumeSlider::-webkit-slider-runnable-track{background:linear-gradient(to right,white var(--volume-percentage, 50%),rgba(255,255,255,.2) var(--volume-percentage, 50%));border-radius:2px;height:4px}#volumeSlider::-moz-range-progress{background-color:#fff;border-radius:2px}#volumeSlider::-ms-fill-lower{background-color:#fff;border-radius:2px}#volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;overflow:visible;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 0 4px #0003;transform:translateY(-30%)}#volumeSlider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 0 4px #0003}#volumeSlider::-webkit-slider-thumb:hover{transform:scale(1.2) translateY(-30%);background:#fff}#volumeSlider::-moz-range-thumb:hover{transform:scale(1.2);background:#fff}#volumeSlider:active::-webkit-slider-thumb{transform:scale(.95) translateY(-30%)}#volumeSlider:active::-moz-range-thumb{transform:scale(.95)}#volumeSlider:hover{background:#ffffff4d}.song-info{display:flex;flex-direction:column;justify-content:space-between;height:inherit;pointer-events:none;height:64px;transform:translateY(-4px)}.time{transform:translate(-2px);color:#fff;font-size:42.6666666667px;white-space:nowrap;margin-bottom:0;font-family:Odin;font-weight:1000;user-select:none;-webkit-user-select:none!important}.song-text{color:#fff;font-size:21.3333333333;white-space:nowrap;opacity:.8;font-family:OdinLight;user-select:none;-webkit-user-select:none!important}@keyframes musicPlaying{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.playing #musicToggle{animation:musicPlaying 2s infinite}