@import url(https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);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}:root{--glow-color:#a020f0cc;--primary-bg:#0a0a0a;--secondary-bg:#121212;--header-bg:#0a0a0acc;--card-bg:#181818;--text-primary:#fff;--text-secondary:#b3b3b3;--accent-color:#8c3c3c}body{background-color:#0a0a0a;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Roboto,sans-serif;margin:0}.site-wrapper{min-height:100vh;overflow-x:hidden;position:relative}.background-overlay{background-color:#050505;height:100%;opacity:.1;z-index:-1}.background-overlay,.site-header{left:0;position:fixed;top:0;width:100%}.site-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0acc;background-color:var(--header-bg);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 30px;z-index:100}.header-logo-link{flex-shrink:0}.header-logo{height:40px;width:auto}.hidden-on-homepage{display:none}.nav-placeholder{flex-grow:1}.hamburger-menu{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:7px;padding:14px;z-index:101}.bar{background-color:#8c3c3c;background-color:var(--accent-color);border-radius:2px;box-shadow:0 0 8px #a020f0cc;box-shadow:0 0 8px var(--glow-color);height:4px;transition:all .3s ease;width:32px}.hamburger-menu.open .bar:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-menu.open .bar:nth-child(2){opacity:0}.hamburger-menu.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.side-nav{background-color:#121212;background-color:var(--secondary-bg);box-shadow:-5px 0 15px #00000080;display:flex;flex-direction:column;height:100%;padding:80px 30px 30px;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.23,1,.32,1);width:300px;z-index:100}.side-nav.open{right:0}.mobile-nav{display:flex;flex-direction:column;gap:20px;margin-bottom:auto}.mobile-nav a{color:#fff;font-size:1.5rem;font-weight:300;padding:10px 0;text-decoration:none;transition:color .3s}.mobile-nav a:hover{color:#a020f0cc;color:var(--glow-color)}.submenu{display:none;margin-left:20px}.mobile-nav div:hover .submenu{display:block}.mobile-nav .submenu a{font-size:1.2rem;padding:5px 0}.mobile-auth .user-info{align-items:flex-start;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:15px;padding-top:20px}.mobile-auth .admin-link-button,.mobile-auth .auth-button{margin:5px 0;text-align:center;width:100%}.overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.site-content{padding-top:70px}.logo-container{padding:60px 20px}.main-logo-image{height:auto;max-width:450px;width:90%}.album-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 auto;max-width:1400px;padding:0 40px 40px}.album-card-wrapper{text-decoration:none}.album-card{aspect-ratio:1/1;border-radius:8px;overflow:hidden;position:relative;transition:transform .3s}.album-card-wrapper:hover .album-card{transform:scale(1.05)}.album-cover-image{height:100%;object-fit:cover;width:100%}.album-title-container{padding-top:15px;text-align:left}.album-card-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{border-top:1px solid #ffffff1a;color:#b3b3b3;color:var(--text-secondary);font-size:.9rem;margin-top:60px;padding:40px 20px;text-align:center}.site-footer p{margin:5px 0}.page-container{margin:0 auto;max-width:1200px;padding:40px}.page-title{font-family:UnifrakturMaguntia,cursive;font-size:3rem;margin-bottom:50px}.album-page-header{display:flex;gap:40px;margin-bottom:50px}.album-page-cover{border-radius:8px;flex-shrink:0;height:250px;object-fit:cover;width:250px}.album-page-info h1{font-size:3rem;margin:0}.album-page-info p{color:#b3b3b3;color:var(--text-secondary);font-size:1.2rem}.track-list-item{align-items:center;border-bottom:1px solid #181818;border-bottom:1px solid var(--card-bg);display:flex;padding:15px;transition:background-color .2s}.track-list-item:hover{background-color:#181818;background-color:var(--card-bg)}.track-item-info{flex-grow:1}.track-item-info h3{margin:0}.track-item-interactions{align-items:center;display:flex;gap:15px}.like-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.like-button.liked{color:#a020f0cc;color:var(--glow-color)}.like-count{font-weight:700}.login-page-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px)}.auth-container{background-color:#121212;background-color:var(--secondary-bg);border-radius:8px;max-width:400px;padding:30px;width:100%}.auth-form h3{text-align:center}.register-page-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px)}.register-form{background-color:#121212;background-color:var(--secondary-bg);border-radius:8px;display:flex;flex-direction:column;max-width:400px;padding:30px;width:100%}.register-form h3{text-align:center}.register-form input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;color:var(--text-primary);font-size:1rem;margin:10px 0;padding:10px;width:100%}.main-page-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 140px);padding:40px 20px 0}.logo-container{margin-bottom:30px;text-align:center}.main-page-container h1{font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.main-page-container p{font-size:1.1rem;margin-bottom:30px;text-align:center}.main-nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:20px}.main-nav a{background:#1e1e1ecc;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#8c3c3c;color:var(--accent-color);font-size:1.05rem;font-weight:600;letter-spacing:1px;padding:10px 22px;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.main-nav a:hover{background:#8c3c3c;background:var(--accent-color);box-shadow:0 4px 16px #8c3c3c4d;color:#fff}@media (max-width:600px){.main-logo-image{max-width:180px}.main-page-container h1{font-size:1.2rem}.main-nav{gap:10px}.main-nav a{font-size:.95rem;padding:8px 12px}}.auth-form-modern{align-items:center;background:#121212;background:var(--secondary-bg);border-radius:12px;box-shadow:0 4px 24px #8c3c3c40;display:flex;flex-direction:column;margin:60px auto;max-width:400px;padding:40px 32px}.auth-title{color:#8c3c3c;color:var(--accent-color);font-family:UnifrakturMaguntia,cursive;font-size:2rem;margin-bottom:24px;text-align:center}.input-group{margin-bottom:18px;width:100%}.auth-input{background:#1e1e1ecc;border:1px solid #8c3c3c;border:1px solid var(--accent-color);border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:12px;transition:border .2s;width:100%}.auth-input:focus{border-color:#a020f0cc;border-color:var(--glow-color)}.auth-button-modern{background:#8c3c3c;background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 2px 8px #8c3c3c26;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:12px;padding:12px;transition:background .2s;width:100%}.auth-button-modern:hover{background:#a020f0cc;background:var(--glow-color)}.toggle-auth-button-modern{background:none;border:none;color:#8c3c3c;color:var(--accent-color);cursor:pointer;font-size:1rem;margin-top:8px;text-decoration:underline}.error-message{color:#c41e3a;margin-bottom:12px;text-align:center}@media (max-width:600px){.auth-form-modern{margin:30px auto;padding:24px 10px}.auth-title{font-size:1.3rem}}.admin-page-wrapper{background-color:#121212;color:#fff;font-family:Roboto,sans-serif;min-height:100vh}.admin-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #282828;display:flex;justify-content:space-between;padding:15px 40px}.admin-header h2{color:#fff;font-size:1.5rem;margin:0}.back-to-site-button{background-color:#9b2c2c;border-radius:5px;color:#fff;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .2s}.back-to-site-button:hover{background-color:#c53030}.admin-container{margin:40px auto;max-width:900px;padding:20px}.admin-container h3,.admin-container h4,.admin-container h5{color:#fff}.admin-section{background-color:#1e1e1e;border:1px solid #282828;border-radius:8px;margin-bottom:30px;padding:20px}.admin-form{display:flex;flex-direction:column;gap:15px}.admin-form input,.admin-form select{background-color:#282828;border:1px solid #444;border-radius:5px;color:#fff;font-size:1rem;padding:10px}.admin-form button{background-color:#9b2c2c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background-color .2s}.admin-form button:hover{background-color:#c53030}.album-manage-card{background-color:#282828;border:1px solid #333;border-radius:5px;margin-bottom:15px;padding:15px}.album-manage-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.album-manage-card h4,.album-manage-card h5{margin:0}.album-manage-card ul{list-style:none;padding:0}.album-manage-card li{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.delete-button,.delete-button-small{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.delete-button-small{font-size:.8rem;padding:5px 10px}.delete-button-small:hover,.delete-button:hover{background-color:#777}.admin-form label{color:#b3b3b3;font-size:.9rem;margin-bottom:-10px;margin-top:10px}.admin-form input[type=file]{background-color:initial;border:none;padding:10px 0}.admin-form button:disabled{background-color:#555;cursor:not-allowed}.upload-indicator{background-color:#c53030;border-radius:5px;color:#fff;font-weight:700;left:50%;padding:10px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.comments-manage-list{display:flex;flex-direction:column;gap:15px}.comment-manage-item{align-items:flex-start;background-color:#333;border-radius:5px;display:flex;justify-content:space-between;padding:15px}.comment-manage-info .comment-author{color:#b3b3b3;font-size:.9rem;font-weight:700}.comment-manage-info .comment-text{margin:5px 0 0;white-space:pre-wrap}.homepage-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.submenu{display:flex;gap:30px;margin:30px 0}.submenu-link{color:var(--text-secondary);font-size:1.2rem;text-decoration:none;transition:color .3s}.submenu-link:hover{color:var(--text-primary)}.homepage-auth{max-width:450px;width:100%}.page-container{padding:20px}.page-title{font-size:2.5rem;margin-bottom:40px;text-align:center}
/*# sourceMappingURL=main.3b606987.css.map*/