@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Noto+Nastaliq+Urdu:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg: rgb(243, 244, 247);--bg-white: rgb(255, 255, 255);--txt-white: rgb(255, 255, 255);--txt-dark: #333;--light-txt: #555;--border: #ccc;--border-2: #ccc;--song-item: rgba(0, 0, 0, .125);--song-item-hover: rgba(0, 0, 0, .325);--poet: #424242;--webkit-scrollbar-track-bg: #f1f1f1;--webkit-scrollbar-thumb-bg: #888;--accent: #22abc1;--accent-hover: #1e98aa;--icon-color: #666;--icon-color-hover: #4b4b4b;--signup-bg: #f8d7da;--signup-color: #721c24;--upload-success-bg: #e8f5e9;--upload-error: #f44336;--upload-error-bg: #ffebee;--logout-button: rgb(255, 113, 19);--logout-button-hover: rgb(237, 95, 0);--heart: rgb(255, 0, 0);--form-group-hover: #c9f9ff;--txt: #000000;--nav-item-hover: rgb(238, 238, 238)}[data-theme=dark]{--bg: rgb(26, 26, 27);--bg-white: rgb(34, 36, 38);--txt: rgb(232, 233, 233);--txt-dark: rgb(232, 233, 233);--light-txt: rgb(160, 162, 165);--poet: rgb(145, 147, 150);--border: rgb(58, 60, 63);--border-2: rgb(48, 50, 53);--song-item: rgba(0, 0, 0, .35);--song-item-hover: rgba(0, 0, 0, .65);--accent: #22abc1;--accent-hover: #1e98aa;--icon-color: rgb(170, 174, 178);--icon-color-hover: rgb(220, 223, 226);--nav-item-hover: rgb(42, 44, 47);--webkit-scrollbar-track-bg: rgb(32, 34, 36);--webkit-scrollbar-thumb-bg: rgb(95, 100, 105);--logout-button: rgb(255, 113, 19);--logout-button-hover: rgb(237, 95, 0);--heart: rgb(255, 80, 80);--form-group-hover: rgba(34, 171, 193, .12)}body{background-color:var(--bg);font-family:Comfortaa,Arial,sans-serif}body,#root{width:100%;min-height:100vh}.header{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;background-color:var(--bg-white);z-index:1000;height:60px;border-bottom:.5px solid var(--border)}.nav_logo{padding:0 12px;display:flex;align-items:center;height:100%}.nav_logo img{height:50px;vertical-align:middle}.nav-logo-link{text-decoration:none;color:var(--accent);font-weight:700;display:flex;align-items:center}.nav-menu{list-style:none;padding:0;display:flex;align-items:center;justify-content:flex-end;flex-grow:1;height:100%;transition:right .3s ease}.nav-menu-list{text-decoration:none;color:var(--txt);color:var(--icon-color);padding:10px 20px;display:block}.nav-menu li:hover{cursor:pointer;background-color:var(--nav-item-hover);border-radius:4px}.menuToggleBtn{cursor:pointer;color:var(--icon-color);font-size:24px;display:none;position:absolute;right:20px;top:15px}.upload-link{font-weight:600;color:var(--accent);border-radius:5px}.upload-link:hover{background-color:var(--accent);color:var(--txt-white)}@media screen and (max-width:880px){.menuToggleBtn{display:block}.nav-menu{position:fixed;top:60px;right:-100%;width:300px;height:calc(100vh - 60px);flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;z-index:1500;box-shadow:0 4px 6px var(--song-item);border:.5px solid var(--border)}.nav-menu.open{right:0}.nav-menu-list{padding:15px 0;text-align:center;width:100%}.nav-menu li{width:100%}}.profile-link{font-size:24px}.header-right{display:flex;align-items:center;gap:20px;padding-right:10px}.theme-toggle{background:none;border:none;cursor:pointer;font-size:20px;color:var(--icon-color);display:flex;align-items:center;justify-content:center;padding:8px;margin:0}.menuToggleBtn{cursor:pointer;color:var(--icon-color);font-size:24px;display:none;position:static;padding:8px}@media screen and (max-width:880px){.menuToggleBtn{display:flex;align-items:center;justify-content:center}.header-right{gap:15px}}.theme-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--icon-color)}.theme-toggle:hover{color:var(--icon-color-hover)}.theme-toggle{color:var(--icon-color)}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:0 10px;background-color:var(--bg)}.search-bar-container{width:100%;padding:20px 0 3px;position:sticky;top:60px;background-color:inherit;z-index:999;display:flex;justify-content:center;align-items:center}.search-bar{width:95%;max-width:900px;padding:10px;font-size:16px;margin:auto}.search-input-wrapper{position:relative;width:95%;max-width:900px;display:flex;align-items:center;background-color:var(--bg-white);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--icon-color);z-index:1;font-size:16px}.search-bar{max-width:900px;padding:10px 10px 10px 25px;font-size:16px;border-radius:4px;outline:none;border:none;transition:border-color .3s ease,box-shadow .3s ease;margin:auto;background-color:var(--bg-white);color:var(--txt)}.search-input-wrapper:has(.search-bar:focus){border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.search-bar:focus{background-color:var(--bg-white);color:var(--txt);outline:none;box-shadow:none}.list-container{width:100%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding-top:10px}.song-item{position:relative;cursor:pointer;margin:5px;padding:10px;border-radius:8px;width:95%;max-width:600px;box-shadow:0 2px 4px var(--song-item);transition:box-shadow .3s,transform .2s;background:var(--bg-white)}.song-item:hover{box-shadow:0 2px 4px var(--song-item-hover)}.song-item .text-container .scrollable span{color:var(--poet);font-size:12.5px}.song-content{display:flex;flex-direction:column;gap:0px}.text-container{width:100%;position:relative;overflow:hidden}.scrollable{white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;width:100%;display:block}.song-item .scrollable strong{color:var(--txt);margin-right:95px}.scrollable::-webkit-scrollbar{height:3px}.scrollable::-webkit-scrollbar-track{background:var(--webkit-scrollbar-track-bg)}.scrollable::-webkit-scrollbar-thumb{background:var(--webkit-scrollbar-thumb-bg);border-radius:4px}.scrollable{-ms-overflow-style:none;scrollbar-width:thin}.song-sooner-card-outer{position:absolute;z-index:10;top:-0px;right:-0px;background:var(--bg);width:95px;height:30px;border-bottom-left-radius:4px;box-shadow:inset 3px 0 3px -3px var(--song-item-hover),inset 0 -3px 3px -3px var(--song-item-hover)}.song-corner-card{position:absolute;z-index:10;top:-0px;right:-0px;width:90px;height:25px;background:var(--accent);border-radius:4px;display:flex;justify-content:center;align-items:center}.song-corner-card-text{font-size:12px;color:var(--txt-white)}.language-filter-wrapper{width:100%;max-width:900px;margin:0 auto;overflow-x:auto;overflow-y:hidden;padding:10px 0;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-white)}.language-filter-wrapper::-webkit-scrollbar{height:6px}.language-filter-wrapper::-webkit-scrollbar-track{background:var(--bg-white);border-radius:10px}.language-filter-wrapper::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.language-filter-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.language-filter{display:flex;gap:5px;padding:0 20px;justify-content:center;min-width:100%;width:max-content}.language-chip{flex:0 0 auto;padding:6px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-white);cursor:pointer;font-size:14px;transition:all .2s ease;white-space:nowrap;color:var(--txt)}.language-chip:hover{background:var(--accent);color:var(--txt)}.language-chip.active{background:var(--accent);color:var(--txt-white);border-color:var(--accent)}.about-page{padding:40px;line-height:1.6;color:var(--txt-dark);margin:40px auto;max-width:1200px;text-align:center}.about-page h1,.about-page h2{color:var(--txt-dark)}.about-page h1{font-size:1.5rem;margin-bottom:30px}.about-page h2{font-size:1.25rem;margin-top:30px;margin-bottom:20px;border-bottom:3px solid var(--accent);padding-bottom:10px}.about-page p{font-size:1rem;color:var(--light-txt);margin-bottom:20px;text-align:justify}.about-page .about-contact-link{font-size:1.2rem;color:var(--txt-white);background-color:var(--accent);padding:10px 20px;border-radius:5px;transition:background-color .3s ease-in-out;text-decoration:none}.about-page .about-contact-link:hover{background-color:var(--accent-hover);box-shadow:0 2px 6px var(--song-item);text-decoration:none}.about-page h1 strong{font-family:Comfortaa,sans-serif;font-weight:700;color:var(--accent)}.about-domains{margin-top:10px;text-align:center}.about-domains a{display:inline-block;margin:6px 0;font-size:1.05rem;font-weight:600;color:var(--accent);text-decoration:none;transition:color .2s ease,transform .2s ease}.about-domains a:hover{color:var(--accent-hover);transform:translateY(-1px);text-decoration:underline}.profile-content,.profile-form{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:90%;margin-left:auto;margin-right:auto}.profile-form form{display:flex;flex-direction:column;border:none;padding:20px;border-radius:8px;background:var(--bg-white);box-shadow:0 4px 16px var(--song-item);width:90%;max-width:320px}.profile-form .form-group{margin-bottom:20px}.profile-form input[type=email],.profile-form input[type=password]{padding:12px;width:100%;border:2px solid var(--border);border-radius:4px}.profile-info input{padding:10px;border:1.25px solid var(--border);border-radius:8px}.profile-info label,.profile-info span{color:var(--light-txt)}.save-button{margin-left:15px}.profile-form .auth-button{background-color:var(--accent);color:var(--txt-white);padding:12px;border-radius:4px;cursor:pointer;transition:background-color .2s}.profile-form .auth-button:hover{background-color:var(--accent)}.profile-form .login-error,.signup-success{text-align:center;font-size:14px;width:100%;margin-top:10px}.signup-success{background-color:var(--signup-bg);color:var(--signup-color);padding:12px 24px;border-radius:8px;box-shadow:0 2px 4px var(--song-item);margin-bottom:20px;max-width:750px}.profile-form .toggle-button{margin-top:20px;background:none;color:var(--accent);cursor:pointer;border:none;transition:text-decoration .2s}.profile-form .toggle-button:hover{text-decoration:underline}.toggle-button{font-size:18px;color:var(--accent);background:none;border:none;cursor:pointer;padding:10px;transition:text-decoration .3s,color .3s}.toggle-button:hover{text-decoration:underline;color:var(--accent-hover)}.profile-content .button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.upload-button,.my-songs-button,.logout-button{font-size:16px;background-color:var(--accent);color:var(--txt-white)}.upload-button:hover,.my-songs-button:hover,.logout-button:hover{background-color:var(--accent-hover)}.profile-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--txt)}.upload-success,.upload-error{text-align:center;padding:10px;border-radius:4px;margin:10px 0;width:90%}.upload-success{color:var(--accent);background-color:var(--upload-success-bg);border:1px solid var(--accent)}.upload-error{color:var(--upload-error);background-color:var(--upload-error-bg);border:1px solid var(--upload-error)}.profile-actions{margin:20px 0;display:flex;gap:10px}.welcome-message{width:100%;background-color:var(--txt-white);text-align:left;padding:20px;box-shadow:0 4px 8px var(--song-item);margin-bottom:20px;border-radius:15px;background:var(--bg-white);color:var(--txt)}.welcome-message strong{color:var(--accent)}.toggle-upload-button{padding:8px 16px;background-color:var(--accent);color:var(--txt-white);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.toggle-upload-button:hover{background-color:var(--accent-hover)}.upload-button{margin-bottom:50px}.logout-button{background-color:var(--logout-button);transition:background-color .2s}.logout-button:hover{background-color:var(--logout-button-hover)}.profileDetails{display:flex;align-items:center;justify-content:space-between}.profileDetailsText{display:flex;align-items:center;gap:8px}.profileDetailsText label,.profileDetailsText span{font-size:16px}.editUserName{background-color:transparent;color:var(--icon-color);padding:5px;font-size:20px}.editUserName:hover{color:var(--icon-color-hover)}.my-songs:hover{background-color:var(--accent-hover)}.profile-form .form-group{margin-bottom:20px;width:100%}.profile-form input[type=text],.profile-form input[type=email],.profile-form input[type=password],.profile-form textarea{padding:12px;width:100%;border:2px solid var(--border);border-radius:4px;background:var(--bg);color:var(--txt)}.profile-form input:focus,.profile-form textarea:focus,.profile-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.profile-form input,.profile-form input:focus,.profile-form input:active,.profile-form input:focus-visible{background-color:var(--bg);color:var(--txt)}.profile-form h1{margin-bottom:20px;color:var(--accent)}.song-upload-section input[type=text],.song-upload-section textarea{min-width:100%;box-sizing:border-box}.song-upload-section h2{color:var(--accent);margin-bottom:10px}.song-upload-section .form-group{display:flex;flex-direction:column;align-items:flex-start}.song-upload-section select{width:100%;padding:8px;margin:8px 0;border:1px solid var(--border-2);border-radius:4px}@media(max-width:768px){.profile-form .form-group{width:100%}}.song-upload-section{width:100%;max-width:900px;padding:20px;background:var(--bg-white);border-radius:10px;box-shadow:0 4px 16px var(--song-item);margin-bottom:30px}.song-upload-section .form-group{margin-bottom:15px;width:100%}.song-upload-section input[type=text],.song-upload-section textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg);text-align:center}.song-upload-section textarea{min-height:210px;line-height:2;resize:none;overflow:hidden}.song-upload-section select{width:100%;padding:12px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg)}.song-upload-section label{display:block;margin-bottom:8px;font-weight:700}.profile-form .writer-selection label{display:flex;align-items:center;margin-bottom:5px}.profile-form .writer-selection input[type=radio]{margin-right:10px}.profile-form .writer-selection .radio-label-text{margin-left:5px}.writer-selection input{margin-right:10px}.song-upload-section select,.song-upload-section option{font-family:Comfortaa,sans-serif;font-weight:400}.song-upload-section select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-white);font-family:Comfortaa,sans-serif;font-size:1rem;color:var(--txt-dark);appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpolygon%20fill%3D%22%23666%22%20points%3D%220%2C0%206%2C6%2012%2C0%22%2F%3E%3C/g%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;cursor:pointer}.song-upload-section select:focus{border-color:var(--accent);outline:none}.song-upload-section option{font-family:Comfortaa,sans-serif}.profile-hero-image{margin:30px 0;display:flex;justify-content:center}.profile-hero-image img{max-width:320px;width:100%;height:auto;border-radius:18px}.song-upload-section .form-group input{text-align:left}.profile-form input:-webkit-autofill,.profile-form input:-webkit-autofill:hover,.profile-form input:-webkit-autofill:focus,.profile-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important;-webkit-text-fill-color:var(--txt)!important;caret-color:var(--txt);transition:background-color 9999s ease-in-out 0s}.login-error{background-color:var(--signup-bg);color:var(--signup-color);padding:12px 16px;border-radius:8px;margin-top:12px;font-size:14px;text-align:center;margin-bottom:12px}.welcome-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.welcome-avatar{width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.welcome-text{margin:0}.welcome-text strong{background:var(--bg);border-radius:6px;padding:5px}.welcome-subtext{text-align:center}.edit-username-button{font-size:16px;transition:background-color .2s ease}.edit-username-button:hover{background-color:var(--accent-hover)}.edit-username-group{width:100%;max-width:420px;text-align:left}.edit-username-actions{display:flex;gap:14px;margin-top:12px}.cancel-button{background-color:var(--border);color:var(--txt)}.cancel-button:hover{background-color:var(--border-2)}.profile-info input{outline:none;background-color:var(--bg-white);color:var(--txt)}input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent)!important;box-shadow:0 0 8px var(--accent)}.wrapper{display:flex;flex-direction:column;align-items:center;min-height:80vh;color:var(--txt)}.section{width:95%;max-width:800px;margin:20px 0;display:flex;flex-direction:column;align-items:center}.section h2{width:100%;text-align:center;color:var(--txt-dark);margin-bottom:20px}.card{background:var(--bg-white);padding:15px;margin:5px 0;border-radius:8px;box-shadow:0 2px 4px var(--song-item);width:100%;transition:transform .2s ease,box-shadow .3s ease}.card.clickable{cursor:pointer}.card:hover{box-shadow:0 2px 4px var(--song-item-hover)}.card-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.title-container{flex:1;min-width:0;overflow:hidden}.scroll-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.title-text{display:inline-block;font-weight:700;white-space:nowrap;padding-bottom:5px;color:var(--txt)}.stats-container{flex-shrink:0;white-space:nowrap}.stats{color:var(--light-txt);font-size:.9em}.container{max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--txt)}.form-group{width:100%;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--txt-dark)}.form-group input[type=text],.form-group textarea{width:100%;padding:12px;margin-bottom:10px;border:2px solid var(--border);border-radius:5px;font-size:1rem}.edit-form textarea{min-height:210px;line-height:1.8;resize:none;overflow:hidden}.form-group textarea{min-height:210px}.radio-group{display:flex;justify-content:center;gap:20px;margin:10px 0}.radio-group label{cursor:pointer;color:var(--light-txt)}.radio-group input[type=radio]{margin-right:5px}.edit-form{width:100%;background-color:var(--bg-white);padding:20px;border-radius:8px;box-shadow:0 4px 8px var(--song-item)}.edit-form input,.edit-form textarea{background-color:var(--bg)}.edit-form h2{color:var(--accent);margin-bottom:10px}button{background-color:var(--accent);color:var(--txt-white);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s;margin-right:10px}.song-header-right button{margin:0;padding:6px;background:none;border:none}button:last-child{margin-right:0}.like-button .fa-heart{color:var(--heart)}.lyrics{margin-top:20px;background-color:var(--bg-white);border:1px solid var(--border);border-radius:5px;padding:20px;width:100%;max-width:900px;min-height:30vh;font-size:16px;color:var(--txt-dark);text-align:center;-webkit-user-select:none;user-select:none;line-height:2}.lyrics pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.controls-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0}.edit-button{color:var(--icon-color);font-size:24px}.edit-button:hover{color:var(--icon-color-hover)}.khowar-lyrics-textarea{font-family:Noto Nastaliq Urdu,serif}.login-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--signup-bg);color:var(--signup-color);padding:12px 24px;border-radius:8px;box-shadow:0 2px 4px var(--song-item);z-index:1000;animation:slideDown .3s ease-out,fadeOut .3s ease-in 2.7s}@keyframes slideDown{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.form-group select{width:100%;padding:12px;border:2px solid var(--border);border-radius:4px;background-color:var(--bg-white);color:var(--txt-dark);font-family:Comfortaa,sans-serif;font-size:1rem;appearance:none;cursor:pointer}.form-group option{padding:8px;background-color:var(--bg);color:var(--txt-dark)}.form-group select:focus{border-color:var(--accent);outline:none}.form-group select:hover{background-color:var(--form-group-hover)}.form-group select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpolygon%20fill%3D%22%23666%22%20points%3D%220%2C0%206%2C6%2012%2C0%22%2F%3E%3C/g%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.form-group input[type=text],.form-group textarea{color:var(--txt-dark)}@media(max-width:768px){.form-group select{padding:10px}}.profile-form h1{margin-bottom:10px}.writer-name-bottom{margin:5px 0}.song-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:900px;margin-bottom:15px}.song-header-left{text-align:left}.song-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;margin:0;color:var(--txt)}.song-writer{font-size:.95rem;color:var(--light-txt);margin-top:4px}.song-header-right{display:flex;flex-direction:column;align-items:center;gap:0px}.like-button,.edit-button{background:none;border:none;cursor:pointer;font-size:22px;padding:6px}.uploader-name{margin-top:10px;color:var(--txt)}.youtube-section{margin-top:3rem;text-align:center;width:100%;max-width:900px}.youtube-section h3{color:var(--light-txt)}.youtube-embed{width:100%;max-width:900px;margin:1rem auto 0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;color:var(--txt)}.wrapper h1{margin-top:10px;color:var(--accent)}.songCard{margin:10px;padding:15px;background:var(--bg-white);box-shadow:0 2px 4px var(--song-item);border-radius:8px;width:80%;max-width:800px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.songCard:hover{box-shadow:0 2px 4px var(--song-item-hover)}.title{font-size:1.2em;font-weight:700;margin-bottom:5px}.writer{color:var(--light-txt);font-size:.9em}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:Comfortaa,sans-serif}.reset-password-form{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;padding:40px 20px}.reset-password-form h1{color:var(--txt);font-family:Comfortaa,sans-serif}.reset-password-form input[type=password]{width:100%;padding:12px;color:var(--txt);background:var(--bg-white);border:1px solid var(--border);border-radius:4px}.reset-password-form .auth-button{margin-top:12px}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.content{margin-top:60px}.App-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;background-color:var(--header-bg);position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.08)}.logo{height:50px}.nav-links{list-style:none;display:flex;gap:1rem}.nav-links li a{text-decoration:none;color:var(--text);font-weight:700}.nav-toggle{display:none;cursor:pointer}.hamburger,.hamburger:before,.hamburger:after{content:"";display:block;width:25px;height:3px;background-color:var(--text);transition:all .3s}@media(max-width:768px){.nav-links{position:fixed;right:0;top:0;bottom:0;background-color:var(--card-bg);width:300px;transform:translate(100%);transition:transform .3s;flex-direction:column;justify-content:space-around;align-items:center;padding:2rem;border-left:1px solid rgba(0,0,0,.08);box-shadow:-2px 0 5px #0000001a}.nav-links.active{transform:translate(0)}.nav-toggle{display:flex}.hamburger{background-color:var(--text)}}