.container,.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px}.btn,.navbar-logout-btn{display:inline-block;padding:.5rem 1rem;border:none;cursor:pointer;text-decoration:none;font-size:1rem}.btn:disabled,.navbar-logout-btn:disabled{cursor:not-allowed}.flex,.navbar-container,.navbar-toggle,.navbar-menu,.navbar-user{display:flex}.flex-col,.navbar-toggle{flex-direction:column}.items-center,.navbar-container,.navbar-toggle,.navbar-menu,.navbar-user{align-items:center}.justify-between,.navbar-container{justify-content:space-between}.justify-center,.navbar-toggle{justify-content:center}.gap-3,.navbar-user{gap:.75rem}.gap-4,.navbar-menu{gap:1rem}.p-2,.navbar-link,.navbar-logout-btn{padding:.5rem}.p-3,.navbar{padding:.75rem}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}.flex,.navbar-container,.navbar-toggle,.navbar-menu,.navbar-user{flex-direction:column}}.navbar{position:sticky;top:0;z-index:1000;width:100%;min-height:70px;border-bottom:1px solid black;background-color:#fff}.navbar-container{height:100%}.navbar-brand{font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-toggle{display:none;width:30px;height:30px;border:none;cursor:pointer;position:relative}.navbar-toggle .navbar-toggle-icon{width:20px;height:2px;margin:2px 0;transition:.3s}.navbar-toggle.active .navbar-toggle-icon:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.navbar-toggle.active .navbar-toggle-icon:nth-child(2){opacity:0}.navbar-toggle.active .navbar-toggle-icon:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-link{text-decoration:none;font-weight:500;transition:opacity .2s ease}.navbar-link:hover{opacity:.7}.navbar-username{font-weight:500}.navbar-logout-btn{font-size:.875rem}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:1rem;gap:.75rem;display:none}.navbar-menu.active{display:flex}.navbar-user{flex-direction:column;align-items:flex-start;gap:.5rem}}.container,.home{max-width:1200px;margin:0 auto;padding:0 20px}.flex,.home-header,.translations-list,.translation-item,.translation-info{display:flex}.flex-col,.translations-list,.translation-info{flex-direction:column}.items-center,.home-header,.translation-item{align-items:center}.justify-between,.home-header,.translation-item{justify-content:space-between}.gap-1,.translation-info{gap:.25rem}.gap-3,.translations-list{gap:.75rem}.mb-4,.home-header{margin-bottom:1rem}.p-3,.translation-item{padding:.75rem}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}.flex,.home-header,.translations-list,.translation-item,.translation-info{flex-direction:column}}.translation-link{font-size:1.125rem;font-weight:600}.translation-languages{font-size:.875rem;display:flex;align-items:center;gap:4px}.container,.view-translation{max-width:1200px;margin:0 auto;padding:0 20px}.flex,.translation-header{display:flex}.items-center,.translation-header{align-items:center}.justify-between,.translation-header{justify-content:space-between}.mb-4,.translation-header,.translation-content{margin-bottom:1rem}.pt-3,.translation-footer{padding-top:.75rem}.pb-3,.translation-header{padding-bottom:.75rem}.text-center,.translation-footer,.loading,.error{text-align:center}@media (max-width: 768px){.grid-cols-2,.translation-content{grid-template-columns:1fr}.flex,.translation-header{flex-direction:column}}.lyrics-text{line-height:1.8;white-space:pre-line}.lyrics-text .line{min-height:30px;padding:0 8px}.activeLine{background-color:#a7bdd1}.hoveredLine{background-color:#d9e7f4}.container,.edit-translation{max-width:1200px;margin:0 auto;padding:0 20px}.flex,.edit-header,.edit-actions{display:flex}.items-center,.edit-header{align-items:center}.justify-between,.edit-header{justify-content:space-between}.gap-2,.edit-actions{gap:.5rem}.grid,.translation-content{display:grid}.grid-cols-2,.translation-content{grid-template-columns:1fr 1fr}.mb-4,.edit-header,.translation-content,.error-message{margin-bottom:1rem}.p-4,.loading,.error{padding:1rem}.pb-3,.edit-header{padding-bottom:.75rem}.text-center,.loading,.error{text-align:center}@media (max-width: 768px){.grid-cols-2,.translation-content{grid-template-columns:1fr}.flex,.edit-header,.edit-actions{flex-direction:column}}.translation-title h1{font-size:1.75rem;margin-bottom:.5rem}.translation-title p{margin-bottom:.25rem}.translation-languages{font-weight:500;display:flex;align-items:center;gap:4px}.lyrics-section h2{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;padding-left:80px}.lyrics-text.original{line-height:1.8;white-space:pre-line;padding:1rem}.lyrics-text.original .line{min-height:30px;padding:0 8px}.lyrics-editable{width:100%;min-height:400px;padding:1rem;font-family:inherit;line-height:1.8}.lyrics-editable div{min-height:30px;padding:0 8px}.lyrics-line{min-height:1.6em;padding:.125rem 0}.lyrics-line:focus{outline:none;padding:.0625rem .25rem;margin:.0625rem -.25rem}.container,.create-translation{max-width:1200px;margin:0 auto;padding:0 20px}.flex,.form-info-section,.form-lyrics-section,.checkbox-group,.language-select-container,.form-actions{display:flex}.flex-col,.form-info-section,.form-lyrics-section,.language-select-container{flex-direction:column}.items-center,.checkbox-group{align-items:center}.justify-between,.form-actions{justify-content:space-between}.gap-2,.checkbox-group,.language-select-container{gap:.5rem}.gap-3,.form-actions{gap:.75rem}.gap-4,.form-layout,.form-info-section{gap:1rem}.grid,.form-layout{display:grid}.grid-cols-2,.form-layout{grid-template-columns:1fr 1fr}.mb-1,.checkbox-group{margin-bottom:.25rem}.mb-4,.create-header,.form-layout,.error-message{margin-bottom:1rem}.mt-4,.form-actions{margin-top:1rem}.p-3,.error-message{padding:.75rem}.p-4,.create-form,.loading,.error{padding:1rem}.pt-3,.form-actions{padding-top:.75rem}.text-center,.create-header,.loading,.error{text-align:center}@media (max-width: 768px){.grid-cols-2,.form-layout{grid-template-columns:1fr}.flex,.form-info-section,.form-lyrics-section,.checkbox-group,.language-select-container,.form-actions{flex-direction:column}}.create-header h1{font-size:1.75rem;margin-bottom:.5rem}.create-header p{font-size:1rem}.checkbox-label{font-weight:500;cursor:pointer;margin:0}.checkbox-description{font-size:.875rem;margin:0;line-height:1.4}.search-input{margin-bottom:0}.loading,.error{font-size:1.125rem}.flex,.not-found{display:flex}.items-center,.not-found{align-items:center}.justify-center,.not-found{justify-content:center}.p-4,.not-found{padding:1rem}.text-center,.not-found{text-align:center}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}.flex,.not-found{flex-direction:column}}.not-found{min-height:calc(100vh - 70px)}.not-found-content{max-width:500px}.not-found-content h1{font-size:7.5rem;margin:0;font-weight:700;line-height:1}.not-found-content h2{font-size:2rem;margin:0 0 1rem}.not-found-content p{font-size:1.125rem;margin:0 0 2rem;line-height:1.5}.flex,.auth-container{display:flex}.items-center,.auth-container{align-items:center}.justify-center,.auth-container{justify-content:center}.mb-4,.auth-header{margin-bottom:1rem}.mt-4,.auth-footer{margin-top:1rem}.p-4,.auth-container,.auth-card,.auth-form{padding:1rem}.text-center,.auth-header,.auth-footer{text-align:center}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}.flex,.auth-container{flex-direction:column}}.auth-container{min-height:calc(100vh - 70px)}.auth-card{max-width:500px;width:100%}.auth-header h1{font-size:1.75rem;margin-bottom:.5rem}.auth-header p{font-size:1rem}.auth-footer a{text-decoration:none;font-weight:500}.App{min-height:100vh}.main-content{padding:1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}p{margin-bottom:1rem}a{text-decoration:none;color:#00e;transition:all .25s}a:hover{transition:all .25s;color:#b0e}.btn{display:inline-block;padding:.5rem 1rem;border:none;cursor:pointer;text-decoration:none;font-size:1rem}.btn:disabled{cursor:not-allowed}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem;border:1px solid;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{margin-right:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:1fr 1fr}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}.flex{flex-direction:column}}