.wrapper{background-color:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:0 10px;display:flex}.search-bar-container{background-color:inherit;z-index:999;justify-content:center;align-items:center;width:100%;padding:20px 0 3px;display:flex;position:sticky;top:60px}.search-bar{width:95%;max-width:900px;margin:auto;padding:10px;font-size:16px}.search-input-wrapper{background-color:var(--bg-white);border:1px solid var(--border);border-radius:4px;outline:none;align-items:center;width:100%;max-width:900px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.search-icon{color:var(--icon-color);z-index:1;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar{background-color:var(--bg-white);max-width:900px;color:var(--txt);border:none;border-radius:4px;outline:none;margin:auto;padding:10px 10px 10px 25px;font-size:16px;transition:border-color .3s,box-shadow .3s}.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);box-shadow:none;outline:none}.list-container{flex-direction:column;flex-grow:1;align-items:center;width:100%;padding-top:10px;display:flex;overflow-y:auto}.song-item{cursor:pointer;width:100%;max-width:600px;box-shadow:0 2px 4px var(--song-item);background:var(--bg-white);-webkit-user-select:none;user-select:none;border-radius:8px;margin:5px;padding:10px;text-decoration:none;transition:box-shadow .3s,transform .2s;display:block;position:relative}.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{flex-direction:column;gap:0;display:flex}.text-container{width:100%;position:relative;overflow:hidden}.scrollable{white-space:nowrap;width:100%;padding-bottom:5px;display:block;overflow:auto hidden}.song-item .scrollable strong{color:var(--txt);margin-right:85px}.song-item .text-container .scrollable span{margin-right:95px}.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{z-index:10;background:var(--bg);width:95px;height:30px;box-shadow:inset 3px 0 3px -3px var(--song-item-hover),  inset 0 3px 3px -3px var(--song-item-hover);border-top-left-radius:4px;position:absolute;bottom:0;right:0}.song-corner-card{z-index:10;background:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:4px;justify-content:center;align-items:center;width:90px;height:25px;display:flex;position:absolute;bottom:0;right:0}.song-corner-card-text{color:var(--accent);font-size:12px;font-weight:600}.language-filter-wrapper{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-white);width:100%;max-width:900px;font-style:none;margin:60px auto 0;padding:10px 0;overflow:auto hidden}.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{justify-content:center;gap:5px;width:max-content;min-width:100%;padding:0 20px;display:flex}.language-chip{border:1px solid var(--border);background:var(--bg-white);cursor:pointer;white-space:nowrap;color:var(--txt);border-radius:10px;flex:none;padding:6px 14px;font-size:14px;transition:all .2s}.language-chip:hover{background:var(--accent);color:var(--txt)}.language-chip.active{background:var(--accent);color:var(--txt-white);border-color:var(--accent)}.scrollable::-webkit-scrollbar{height:4px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background-color:var(--webkit-scrollbar-thumb-bg);border-radius:999px}.scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--webkit-scrollbar-thumb-bg-hover)}.scrollable{scrollbar-width:thin;scrollbar-color:var(--webkit-scrollbar-thumb-bg) transparent}.scrollable:hover{scrollbar-color:var(--webkit-scrollbar-thumb-bg-hover) transparent}.song-stats{color:var(--light-txt);background-color:var(--bg-white);z-index:5;border-radius:6px;flex-direction:row;align-items:center;gap:12px;padding:4px 8px;font-size:.75rem;display:flex;position:absolute;top:25%;right:10px;transform:translateY(-50%)}.song-stats span{align-items:center;gap:3px;display:flex}.song-stats .fa-heart{color:var(--heart)}.featured-section{border-radius:12px;width:100%;max-width:900px;margin:0 auto;padding:14px 0 0;position:relative}.featured-row-header{background-color:var(--bg-white);border:1px solid var(--border);border-radius:5px;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:6px;margin-left:auto;margin-right:auto;padding:5px 10px;display:flex}.featured-dismiss{color:var(--light-txt);cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0;padding:2px 6px;font-size:1.1rem;transition:color .2s}@media (min-width:700px){.featured-dismiss{font-size:.95rem}}.featured-dismiss:hover{color:var(--txt)}.featured-row{width:100%;max-width:900px;margin-bottom:12px;margin-left:auto;margin-right:auto}.featured-row-title{color:var(--light-txt);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:600}.featured-scroll{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;gap:10px;max-width:900px;margin-left:auto;margin-right:auto;padding:4px 2px 8px;display:flex;overflow-x:auto}@media (min-width:700px){.featured-scroll{justify-content:center}}.featured-scroll::-webkit-scrollbar{height:4px}.featured-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.featured-card{cursor:pointer;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, black));will-change:transform;-webkit-overflow-scrolling:touch;border-radius:12px;flex-direction:column;flex:0 0 120px;justify-content:flex-start;gap:4px;width:120px;height:120px;padding:10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}@media (hover:hover){.featured-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000004d}}.featured-card-title{color:#fff;white-space:normal;scrollbar-width:none;-ms-overflow-style:none;flex-grow:1;margin:0;font-size:.75rem;font-weight:700;line-height:1.3;overflow:hidden auto}.featured-card-title::-webkit-scrollbar{display:none}.featured-card-poet{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin:0;font-size:.65rem;overflow:hidden}.featured-card-score{color:#ffffffb3;flex-shrink:0;align-items:center;gap:6px;margin:0;font-size:.65rem;display:flex}.scroll-to-top{background:var(--bg);-webkit-backdrop-filter:blur(8px);width:44px;height:44px;color:var(--accent);cursor:pointer;box-shadow:none;z-index:998;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:2.5rem;transition:transform .2s;animation:.2s fadeInUp;display:flex;position:fixed;bottom:24px;right:20px}.scroll-to-top:hover{transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-popup-overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feedback-popup{background:var(--bg-white);width:min(220px,100%);color:var(--txt);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 18px 45px #00000038}.feedback-popup-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.feedback-popup-header h3{color:var(--txt-dark);margin:0;font-size:1.15rem}.feedback-popup-header p{color:var(--light-txt);margin-top:6px;font-size:.85rem}.feedback-close-btn{color:var(--icon-color);cursor:pointer;background:0 0;border:none;padding:4px}.feedback-stars{justify-content:center;gap:8px;margin:14px 0 20px;display:flex}.feedback-star-btn{color:var(--border);cursor:pointer;background:0 0;border:none;transition:transform .15s,color .15s}.feedback-star-btn.active{color:var(--accent)}.feedback-star-btn:hover{color:var(--accent);transform:scale(1.08)}.feedback-label{color:var(--txt-dark);margin-bottom:8px;font-size:.85rem;display:block}.feedback-textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:90px;font-family:var(--font-main);background:var(--bg);color:var(--txt);border-radius:12px;outline:none;padding:12px}.feedback-textarea:focus{border-color:var(--accent)}.feedback-submit-btn{background:var(--accent);color:#fff;cursor:pointer;width:100%;font-family:var(--font-main);border:none;border-radius:999px;margin-top:14px;padding:12px 16px}.feedback-submit-btn:disabled{opacity:.55;cursor:not-allowed}.feedback-submit-btn:not(:disabled):hover{background:var(--accent-hover)}.feedback-popup{border-radius:14px;width:min(285px,100vw - 24px);padding:12px}.feedback-popup-header{margin-bottom:6px}.feedback-popup-header h3{font-size:.9rem;line-height:1.1}.feedback-popup-header p{margin-top:2px;font-size:.7rem;line-height:1.25}.feedback-close-btn{padding:0}.feedback-stars{gap:0;margin:4px 0 10px}.feedback-star-btn{padding:2px}.feedback-star-btn svg{width:35px;height:35px}.feedback-label{margin-bottom:4px;font-size:.72rem}.feedback-textarea{border-radius:9px;min-height:75px;padding:8px;font-size:16px}.feedback-submit-btn{margin-top:8px;padding:8px 10px;font-size:.76rem}.feedback-star-btn{justify-content:center;align-items:center;display:flex}