body{background:linear-gradient(135deg,#21219af2,#7a0f9af2);font-family:Montserrat,sans-serif;overflow:hidden}nav{height:4rem;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:linear-gradient(135deg,#21219af2,#7a0f9af2);position:sticky;top:0;z-index:1000}.left-half{display:flex;align-items:center}.logo{font-size:2.2rem;color:#fff;margin-right:18px;cursor:pointer;transition:.3s ease}.logo:hover{color:#6ee7ff;transform:scale(1.08);text-shadow:0 0 18px rgba(110,231,255,.8)}.home{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#ffffff14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);color:#ddd;border-radius:50%;margin-right:18px;cursor:pointer;transition:.35s ease}.home:hover{background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;transform:translateY(-3px);box-shadow:0 0 18px #7a0f9a66}nav .search{width:380px!important;height:50px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;box-sizing:border-box!important;background:#ffffff14!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;padding:0!important;margin:0!important;transition:.35s ease}nav .search:hover{border-color:#6ee7ff!important;box-shadow:0 0 18px #6ee7ff40!important}nav .search .search-icon{width:50px!important;height:50px!important;flex:0 0 50px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;color:#d7d7d7;font-size:1.15rem}nav .search:hover .search-icon{color:#6ee7ff}nav .search .input-box{flex:1 1 auto!important;width:auto!important;height:50px!important;display:block!important;padding:0 18px 0 0!important;margin:0!important;background:transparent!important;color:#fff!important;border:none!important;outline:none!important;font-size:15px!important;line-height:50px!important;box-sizing:border-box!important}nav .search .input-box::placeholder{color:#d2d2d2!important;opacity:1}.right-half{display:flex;align-items:center;gap:20px;margin-left:auto}.right-half_pt-1,.right-half_pt-2{display:flex;align-items:center;gap:15px}.voice-assis{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);color:#ddd;border-radius:50%;cursor:pointer;transition:.35s ease}.voice-assis:hover{background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;transform:translateY(-3px);box-shadow:0 0 18px #7a0f9a66}.download{display:flex;justify-content:center;align-items:center;gap:10px;height:48px;padding:0 22px;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);color:#ddd;border-radius:30px;cursor:pointer;transition:.35s ease}.download:hover{background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;transform:translateY(-3px);box-shadow:0 0 18px #7a0f9a66}.settings-button{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);color:#ddd;border-radius:50%;cursor:pointer;transition:.35s ease;font-size:1.2rem;text-decoration:none}.settings-button:hover{background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;transform:translateY(-3px);box-shadow:0 0 18px #7a0f9a66}.user-chip{max-width:170px;height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(110,231,255,.35);color:#6ee7ff;border-radius:30px;cursor:pointer;text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.35s ease}.user-chip:hover{background:linear-gradient(135deg,#6ee7ff33,#21219a99);transform:translateY(-2px);box-shadow:0 8px 20px #6ee7ff40}.login-button{width:125px;height:48px;border:none;border-radius:30px;cursor:pointer;background:linear-gradient(135deg,#21219af2,#7a0f9af2);box-shadow:0 8px 20px #7a0f9a59;transition:.35s ease;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.5px;font-size:1rem}.login-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7a0f9a8c}.main{height:calc(100vh - 4rem);display:flex;gap:15px;padding:15px;overflow:hidden}.main-left-part{width:22%;height:100%;background:#00000026;border-radius:12px;padding:15px;overflow:hidden}.main-right-part{width:78%;height:100%;background:#00000026;border-radius:12px;position:relative;overflow-y:auto;overflow-x:hidden;padding:20px;scrollbar-width:none}.main-right-part::-webkit-scrollbar{display:none}.library{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.library p{font-size:1.1rem;font-weight:700;color:#fff}.library-heading{margin-bottom:12px}.library-add-audio{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer}.library-add-audio:hover{background:#6ee7ff33;color:#6ee7ff}.visually-hidden-audio-input{display:none}.library-list{height:auto;max-height:calc(100% - 50px);overflow-y:auto;padding-right:2px}.library-nav-item{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#eff3ffc7;text-align:left;cursor:pointer}.library-nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-nav-item span i{width:22px;color:#c6d3ffa8}.library-nav-item small{color:#c6d3ff8f}.library-nav-item:hover,.library-nav-item.active{background:#6ee7ff21;color:#fff}.library-nav-item.active span i{color:#6ee7ff}.library-playlist-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 6px 5px;color:#c6d3ff9e;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-playlist-heading button{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#c6d3ff;cursor:pointer}.library-playlist-heading button:hover{background:#ffffff1f;color:#6ee7ff}.library-empty{margin:4px 8px 10px;color:#c6d3ff7a;font-size:.8rem}.library-upload-status{max-height:110px;margin-top:12px;overflow-y:auto}.library-upload-status li{padding:6px 8px;font-size:.75rem}.library-upload-status .upload-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-container{height:calc(100% - 60px);overflow-y:auto;padding-right:8px;scrollbar-width:none}.box-container::-webkit-scrollbar{display:none}.box{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:18px;margin-bottom:18px;transition:.3s}.box:hover{background:#ffffff24;transform:translateY(-2px)}.box h4{color:#fff;font-size:1rem;margin-bottom:10px}.box p{color:#fffefe;font-size:.9rem;margin-bottom:15px;line-height:22px}.box button{padding:10px 18px;border:none;border-radius:25px;background:#fff;color:gray;font-weight:700;cursor:pointer;transition:.3s}.box button:hover{transform:scale(1.05)}.box i{font-size:2rem;color:#ff4d6d;cursor:pointer;transition:.3s}.box i.active{color:#ff1744;transform:scale(1.15)}.music-section{margin-bottom:40px}.music-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px}.songs{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding-bottom:10px;scrollbar-width:none}.songs::-webkit-scrollbar{display:none}.music-card{min-width:180px;background:#ffffff0f;border-radius:15px;padding:15px;cursor:pointer;position:relative;transition:.3s}.music-card:hover{background:#ffffff26;transform:translateY(-6px)}.music-card img{width:150px;height:150px;object-fit:cover;border-radius:12px;display:block;margin:auto}.music-card.active{outline:2px solid #6EE7FF;background:#6ee7ff1f}.music-card.active .music-card-icon{box-shadow:0 0 0 2px #6ee7ff inset}.card-heart{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;cursor:pointer;background:#00000059;border-radius:50%;color:#ffffffb3;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:.25s;z-index:2}.card-heart:hover{background:#0009;color:#ff4d6d}.card-heart.liked{color:#ff4d6d}.card-add{position:absolute;top:10px;left:10px;width:30px;height:30px;border:none;cursor:pointer;background:#00000059;border-radius:50%;color:#ffffffb3;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:.25s;z-index:2;opacity:0}.music-card:hover .card-add{opacity:1}.card-add:hover{background:#6ee7ff4d;color:#6ee7ff}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.playlist-chooser{width:min(420px,92vw);max-height:70vh;overflow-y:auto;background:linear-gradient(135deg,#21219af7,#7a0f9af7);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:22px;color:#fff;box-shadow:0 20px 60px #00000080}.playlist-chooser h4{font-size:1.15rem;margin-bottom:6px}.popover-song{color:#fff9;font-size:.85rem;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chooser-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border:none;border-radius:12px;background:#ffffff14;color:#fff;cursor:pointer;text-align:left;font-size:.95rem;transition:.2s}.chooser-item:hover{background:#6ee7ff33;color:#6ee7ff}.chooser-item i{color:#6ee7ff}.chooser-count{margin-left:auto;font-size:.75rem;color:#ffffff8c;background:#ffffff1a;padding:2px 9px;border-radius:20px}.playlist-name-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#fff;font-size:1rem;outline:none;box-sizing:border-box;margin:10px 0}.playlist-name-input::placeholder{color:#fff6}.playlist-name-input:focus{border-color:#6ee7ff}.chooser-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{padding:10px 18px;border-radius:25px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;font-weight:600}.btn-create{padding:10px 22px;border-radius:25px;border:none;background:linear-gradient(135deg,#6ee7ff,#a78bfa);color:#14002b;cursor:pointer;font-weight:700}.btn-create:disabled{opacity:.4;cursor:not-allowed}.playlist-create-box button{width:100%;padding:10px 18px;border:none;border-radius:25px;background:linear-gradient(135deg,#6ee7ff,#a78bfa);color:#14002b;font-weight:700;cursor:pointer;transition:.3s}.playlist-create-box button:hover{transform:scale(1.03);filter:brightness(1.1)}.nav-card{cursor:pointer}.nav-card:hover{background:#ffffff29}.nav-hint{display:inline-block;font-size:.72rem;color:#6ee7ff;margin-top:2px}.add-songs-box button{width:100%;padding:10px 18px;border:none;border-radius:25px;background:linear-gradient(135deg,#6ee7ff,#a78bfa);color:#14002b;font-weight:700;cursor:pointer;transition:.3s}.add-songs-box button:hover{transform:scale(1.03);filter:brightness(1.1)}.upload-status-list{list-style:none;margin:14px 0 0;padding:0;max-height:150px;overflow-y:auto;scrollbar-width:none}.upload-status-list::-webkit-scrollbar{display:none}.upload-status-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;font-size:.78rem;color:#fff;border-radius:8px;margin-bottom:4px}.upload-status-list li.uploading{background:#ffffff0f}.upload-status-list li.done{background:#4caf501f}.upload-status-list li.error{background:#ff4d6d26}.upload-name{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-error-message{display:block;margin-top:3px;color:#ffb4c1;font-size:.7rem;white-space:normal;overflow-wrap:anywhere}.local-audio-analysis{margin-top:6px;color:#9df2c4;font-size:11px;text-transform:capitalize}.analysis-retry{padding:0;border:0;background:none;color:#ffd080;font:inherit;cursor:pointer;text-decoration:underline}.playback-error{display:block;max-width:240px;margin-top:3px;color:#ffb4c1;font-size:.68rem;line-height:1.25}.upload-icon{flex-shrink:0;color:#aaa}.sidebar-playlist-list{list-style:none;margin:14px 0 0;padding:0;max-height:180px;overflow-y:auto;scrollbar-width:none}.sidebar-playlist-list::-webkit-scrollbar{display:none}.sidebar-playlist-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-bottom:6px;background:#ffffff14;border-radius:10px;font-size:.85rem;color:#fff}.sidebar-playlist-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-playlist-count{color:#ffffff80;font-size:.72rem;background:#ffffff1a;padding:2px 8px;border-radius:20px;flex-shrink:0}.row-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.playlist-delete-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;cursor:pointer;font-size:.85rem;transition:.25s}.playlist-delete-btn:hover{background:#ff4d6d40;color:#ff4d6d}.card-equalizer{position:absolute;top:12px;left:12px;color:#6ee7ff;font-size:.9rem;animation:pulse 1.2s infinite;z-index:2}.emoji-sticker-bar{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 0 14px;margin-bottom:10px;scrollbar-width:none}.emoji-sticker-bar::-webkit-scrollbar{display:none}.emoji-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:76px;padding:10px 8px;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;transition:.25s;flex-shrink:0}.emoji-sticker:hover{background:#ffffff26;transform:translateY(-2px)}.emoji-sticker.active{background:#6ee7ff2e;border-color:#6ee7ff}.sticker-emoji{font-size:1.6rem;line-height:1}.sticker-label{font-size:.72rem;font-weight:600;color:#fffc}.emoji-sticker.active .sticker-label{color:#6ee7ff}.row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.row-header h2{margin:0;flex-shrink:0}.count-chip{font-size:.75rem;font-weight:600;color:#6ee7ff;background:#6ee7ff1f;padding:3px 10px;border-radius:20px;vertical-align:middle}.scroll-btns{display:flex;gap:8px;flex-shrink:0}.scroll-btns button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;cursor:pointer;font-size:.85rem;transition:.25s}.scroll-btns button:hover{background:#6ee7ff33;color:#6ee7ff}.empty-hint{color:#ffffff80;font-size:.95rem;padding:16px 2px}.load-hint{color:#fff;font-size:1.1rem;padding:20px 0}.load-error{color:#ff4d6d;font-size:1.1rem;padding:20px 0}@media (max-width:768px){.count-chip,.scroll-btns{display:none}}.img-title{margin-top:15px;color:#fff;font-size:1rem;font-weight:600}.img-description{margin-top:6px;color:#fff;font-size:.85rem;line-height:18px}.music-play-btn{position:absolute;bottom:85px;right:22px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#21219af2;border-radius:50%;color:#7a0f9af2;font-size:2rem;opacity:0;transform:translateY(15px);transition:.3s;border:none;cursor:pointer}.music-card:hover .music-play-btn{opacity:1;transform:translateY(0)}.music-play-btn:hover{transform:scale(1.1)}.corner{position:fixed;top:90px;right:20px;z-index:1000}.ai_mood_detector{width:105px;padding:12px 10px;background:#ffffff14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 8px 25px #00000059,0 0 15px #1db95426;text-align:center;transition:.3s ease}.ai_mood_detector:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000073,0 0 20px #1db95440}.ai_mood_detector h2{margin:0 0 12px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px}.moods{display:flex;flex-direction:column;align-items:center;gap:10px}.mood{width:48px;height:48px;display:flex;justify-content:center;align-items:center;font-size:1.6rem;background:#ffffff1f;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.mood:hover{transform:scale(1.12);background:linear-gradient(135deg,#21219af2,#7a0f9af2);box-shadow:0 0 15px #21219af2}.mood.active{background:linear-gradient(135deg,#21219af2,#7a0f9af2);box-shadow:0 0 20px #7a0f9af2}.music-control{position:fixed;bottom:15px;left:50%;transform:translate(-50%);width:96%;height:90px;background:linear-gradient(135deg,#21219af2,#7a0f9af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:25px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;box-shadow:0 15px 35px #77046e73,0 0 25px #1362a214;z-index:999}.song-info{display:flex;align-items:center;gap:15px;width:28%}.song-info img{width:62px;height:62px;border-radius:16px;object-fit:cover;box-shadow:0 5px 15px #740e8e80}.song-text h4{color:#fff;font-size:16px;margin-bottom:4px}.song-text p{color:#fff;font-size:13px}.player{width:44%;display:flex;flex-direction:column;align-items:center;gap:12px}.player-buttons{display:flex;align-items:center;gap:18px}.icon-btn{width:42px;height:42px;border:none;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#352a7c;color:#fff;transform:translateY(-3px);box-shadow:0 0 15px #0573b899}.icon-btn.active{color:#6ee7ff}.play-btn{width:58px;height:58px;border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:20px;background:linear-gradient(135deg,#074370,#851060);box-shadow:0 0 20px #1db95499;transition:.3s;display:flex;align-items:center;justify-content:center}.play-btn:hover{transform:scale(1.1)}.progress-bar{width:100%;display:flex;align-items:center;gap:12px;color:#fff;font-size:13px}.progress-bar input{flex:1;accent-color:#6d17c9}.right-controls{width:28%;display:flex;justify-content:flex-end;align-items:center;gap:12px}.right-controls input{width:120px;accent-color:#471db9}.music-card-icon{width:150px;height:150px;display:flex;justify-content:center;align-items:center;background:#ffffff14;border-radius:12px;margin:auto;font-size:3rem;color:#fff6}.song-info-icon{width:62px;height:62px;display:flex;justify-content:center;align-items:center;background:#ffffff26;border-radius:16px;font-size:1.5rem;color:#fff9;flex-shrink:0}.song-list{display:flex;flex-direction:column;gap:2px}.song-row{display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:8px;cursor:pointer;transition:.2s ease;color:#fff}.song-row:hover{background:#ffffff1a}.song-row.active{background:#6ee7ff26;border-left:3px solid #6EE7FF}.song-row-index{width:30px;text-align:center;color:#fff6;font-size:.85rem;flex-shrink:0}.song-row-title{flex:1;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row-artist{width:160px;text-align:left;color:#fff9;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.song-row-duration{width:50px;text-align:right;color:#ffffff80;font-size:.85rem;flex-shrink:0}.song-playing-indicator{color:#6ee7ff;font-size:.75rem;flex-shrink:0;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:1200px){.corner{display:none}.search{width:300px}.main-left-part{width:28%}.main-right-part{width:72%;padding-right:20px}}@media (max-width:900px){.main{flex-direction:column}.main-left-part{width:100%;height:250px}.main-right-part{width:100%;height:calc(100vh - 330px)}.search{width:220px}}@media (max-width:700px){.download,.voice-assis{display:none}.search{width:180px}.login-button{width:90px;font-size:.85rem}.user-chip{max-width:110px;padding:0 12px;font-size:.8rem}.corner{right:10px}}.settings-container{min-height:100vh;background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;font-family:Montserrat,sans-serif}.settings-header{display:flex;align-items:center;gap:20px;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h1{margin:0;font-size:1.5rem}.settings-back{color:#6ee7ff;text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:.3s}.settings-back:hover{color:#fff}.settings-layout{display:flex;min-height:calc(100vh - 80px)}.settings-sidebar{width:260px;background:#0003;border-right:1px solid rgba(255,255,255,.1);padding:20px;display:flex;flex-direction:column;gap:20px}.sidebar-section{display:flex;flex-direction:column}.sidebar-header{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:12px;padding-left:10px}.sidebar-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;border-radius:10px;background:transparent;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:.3s;text-align:left}.sidebar-tab:hover{background:#ffffff14;color:#fff}.sidebar-tab.active{background:#6ee7ff26;color:#6ee7ff}.tab-icon{font-size:1.1rem}.account-info{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;margin-bottom:12px}.account-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#ffffff80;font-size:1.2rem}.account-details{flex:1;min-width:0}.account-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.8rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid rgba(244,67,54,.4);border-radius:10px;background:#f4433626;color:#ff6b5e;font-size:.9rem;font-weight:500;cursor:pointer;transition:.3s}.logout-btn:hover{background:#f4433640}.guest-info{padding:12px;background:#ffffff0d;border-radius:12px}.guest-info p{font-size:.9rem;color:#fff9;margin:0 0 12px}.login-link,.register-link{display:inline-block;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:.85rem;margin-right:8px;transition:.3s}.login-link{background:#6ee7ff;color:#1a1a4e;font-weight:600}.register-link{border:1px solid rgba(255,255,255,.3);color:#fff}.login-link:hover,.register-link:hover{transform:translateY(-2px)}.settings-content{flex:1;padding:30px 40px;overflow-y:auto}.tab-content h2{margin:0 0 8px;font-size:1.5rem}.tab-description{color:#fff9;margin:0 0 30px;font-size:.95rem}.profile-form{max-width:500px}.avatar-section{display:flex;align-items:flex-end;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.avatar-container{width:100px;height:100px;border-radius:50%;overflow:hidden}.avatar-large{width:100%;height:100%;object-fit:cover}.avatar-large.placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff6;font-size:2.5rem}.avatar-controls{flex:1}.avatar-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:#6ee7ff33;border:1px solid rgba(110,231,255,.4);color:#6ee7ff;font-size:.9rem;cursor:pointer;transition:.3s}.avatar-upload-btn:hover{background:#6ee7ff4d}.avatar-note{font-size:.8rem;color:#fff6;margin:8px 0 0}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;color:#ffffffe6}.form-group input,.form-group select{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:.95rem;outline:none;transition:.3s}.form-group input:hover,.form-group select:hover{border-color:#ffffff4d}.form-group input:focus,.form-group select:focus{border-color:#6ee7ff;box-shadow:0 0 0 3px #6ee7ff26}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group .readonly-field{background:#0003;cursor:not-allowed}.form-group small{display:block;font-size:.8rem;color:#fff6;margin-top:8px}.notifications-form{max-width:550px}.notification-option{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.notification-option h3{margin:0 0 4px;font-size:1rem;font-weight:500}.notification-option p{margin:0;font-size:.85rem;color:#ffffff80}.toggle-switch{position:relative;width:52px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;border-radius:28px;transition:.3s}.toggle-switch .slider:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.3s}.toggle-switch input:checked+.slider{background:#6ee7ff}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.playback-form{max-width:500px}.playback-option{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.playback-option h3{margin:0 0 4px;font-size:1rem;font-weight:500}.playback-option p{margin:0;font-size:.85rem;color:#ffffff80}.account-section{max-width:500px}.server-info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px}.server-info-card h3{margin:0 0 16px;font-size:1rem}.connection-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.connected{background:#4caf50;box-shadow:0 0 8px #4caf5080}.status-dot.disconnected{background:#f44336}.server-ip{color:#6ee7ff;font-size:.9rem;margin:0 0 12px}.server-link{display:inline-block;padding:8px 16px;border-radius:8px;border:1px solid rgba(110,231,255,.4);background:#6ee7ff26;color:#6ee7ff;text-decoration:none;font-size:.85rem;transition:.3s}.server-link:hover{background:#6ee7ff40}.account-actions h3{margin:0 0 16px;font-size:1rem}.danger-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;border:1px solid rgba(244,67,54,.5);background:#f4433633;color:#ff6b5e;font-size:.9rem;cursor:pointer;transition:.3s}.danger-btn:hover:not(:disabled){background:#f443364d}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.danger-note{font-size:.8rem;color:#fff6;margin:12px 0 0}.preferences-form{max-width:400px}.save-section{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.save-message{margin:0 0 12px;padding:10px 16px;border-radius:8px;font-size:.9rem}.save-message:has(.✅){background:#4caf5026;color:#4caf50}.save-message:has(.❌){background:#f4433626;color:#ff6b5e}.save-btn{padding:14px 28px;border-radius:10px;border:none;background:#6ee7ff;color:#1a1a4e;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6ee7ff4d}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 15px;flex-direction:row;flex-wrap:wrap;gap:10px}.sidebar-section{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.sidebar-header{display:none}.sidebar-tab{padding:8px 14px;font-size:.85rem}.account-info{padding:8px 12px;margin-bottom:0}.account-avatar{width:36px;height:36px}.account-name{font-size:.85rem}.account-email{font-size:.75rem}.logout-btn{padding:8px 12px;font-size:.8rem}.guest-info{padding:8px 12px;display:flex;align-items:center;gap:12px}.guest-info p{margin:0;font-size:.85rem}.settings-content{padding:20px}.avatar-section{flex-direction:column;align-items:flex-start;gap:15px}.avatar-container{width:80px;height:80px}}.music-card .card-download{width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;background:linear-gradient(135deg,#5141c7,#7136c5)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;cursor:pointer;box-shadow:0 3px 10px #371e9640;transition:all .2s ease}.music-card .card-download i{color:#fff!important;font-size:13px!important}.music-card .card-download:hover{background:linear-gradient(135deg,#5f50df,#823fd0)!important;border-color:#6ee7ff99!important;box-shadow:0 0 12px #6ee7ff40;transform:translateY(-1px)}.music-card .card-download:active{transform:scale(.95)}.settings-page{display:flex;gap:15px;padding:15px;height:calc(100vh - 4rem);overflow:hidden;box-sizing:border-box}.settings-sidebar{width:22%;height:100%;background:#00000026;border-radius:12px;padding:15px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:6px}.sidebar-header p{color:#fff9;font-size:.8125rem}.settings-nav{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.settings-nav ul{list-style:none;flex:1;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.settings-nav ul::-webkit-scrollbar{width:6px}.settings-nav ul::-webkit-scrollbar-track{background:transparent}.settings-nav ul::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;background:transparent;color:#ffffffb3;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;margin-bottom:4px}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;box-shadow:0 4px 15px #7a0f9a4d}.nav-item i{font-size:1.1rem;width:20px;text-align:center}.sidebar-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.settings-main{width:78%;height:100%;background:#00000026;border-radius:12px;position:relative;overflow-y:auto;overflow-x:hidden;padding:20px 130px 20px 20px;scrollbar-width:none;flex-shrink:1}.settings-main::-webkit-scrollbar{display:none}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:24px;font-size:.9375rem;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#1db95433;border:1px solid rgba(29,185,84,.4);color:#1db954}.alert-error{background:#ff4d6d33;border:1px solid rgba(255,77,109,.4);color:#ff4d6d}.alert i{font-size:1.125rem;flex-shrink:0}.settings-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-form{display:flex;flex-direction:column;gap:20px}.form-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px}.form-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.form-section.danger-zone{border-color:#ff4d6d4d}.form-section.danger-zone h3{color:#ff4d6d;border-bottom-color:#ff4d6d4d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ffffffe6;font-size:.875rem;font-weight:500}.form-group input,.form-group select{padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.9375rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6ee7ff;box-shadow:0 0 0 3px #6ee7ff26}.form-group input::placeholder{color:#fff6}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-hint{color:#ffffff80;font-size:.75rem;margin-top:4px}.profile-image-upload{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:8px}.current-avatar{width:88px;height:88px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid rgba(255,255,255,.1)}.current-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.current-avatar i{font-size:2.25rem;color:#ffffff80}.toggle-label{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .2s ease}.toggle-label:hover{background:#ffffff14;border-color:#ffffff1f}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:48px;height:26px;background:#ffffff26;border-radius:13px;transition:all .3s ease;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-label input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#21219af2,#7a0f9af2)}.toggle-label input[type=checkbox]:checked+.toggle-slider:after{transform:translate(22px)}.toggle-content{flex:1;min-width:0}.toggle-content strong{display:block;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:2px}.toggle-content p{color:#ffffff8c;font-size:.75rem;margin:0;line-height:1.4}.theme-options{display:flex;gap:12px;flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;min-width:90px}.theme-option:hover{border-color:#ffffff4d;background:#ffffff1a}.theme-option.active{border-color:#6ee7ff;background:#6ee7ff1a;box-shadow:0 0 20px #6ee7ff26}.theme-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.theme-option-label{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:.8125rem;font-weight:500}.theme-option-label i{font-size:1.35rem;color:#ffffffb3}.theme-option.active .theme-option-label i{color:#6ee7ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;box-shadow:0 4px 15px #7a0f9a4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7a0f9a73}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-2px)}.btn-outline{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);width:100%}.btn-outline:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.btn-danger{background:#ff4d6d33;color:#ff4d6d;border:1px solid rgba(255,77,109,.4)}.btn-danger:hover{background:#ff4d6d4d;border-color:#ff4d6d;transform:translateY(-2px);box-shadow:0 6px 20px #ff4d6d4d}@media (max-width: 1200px){.settings-page{flex-direction:column;height:auto;min-height:auto;padding:15px}.settings-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px;height:auto;overflow:visible;min-height:250px}.sidebar-header{margin-bottom:0;padding-bottom:0;border-bottom:none;flex:1;min-width:200px}.settings-nav{flex-direction:row;min-height:auto;overflow:visible}.settings-nav ul{display:flex;flex-wrap:wrap;gap:8px;flex:2;overflow:visible;padding-right:0}.nav-item{padding:8px 14px;font-size:.85rem;margin-bottom:0}.nav-item span{display:none}.nav-item i{margin:0}.sidebar-footer{padding-top:0;border-top:none;min-width:120px}.settings-main{width:100%;padding:20px;height:calc(100vh - 330px)}.form-row{grid-template-columns:1fr}}@media (max-width: 900px){.settings-main{height:calc(100vh - 330px)}}@media (max-width: 700px){.settings-page{padding:10px;gap:10px}.settings-sidebar{padding:10px;border-radius:10px}.settings-main{padding:16px;border-radius:10px}.form-section{padding:16px}.theme-options{flex-direction:column}.theme-option{flex-direction:row;justify-content:space-between;padding:12px 16px;min-width:auto}.theme-option-label{flex-direction:row;gap:10px}}.voice-assistant-microphone{width:100%;margin-top:10px;box-sizing:border-box}.microphone-info{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;box-sizing:border-box;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.microphone-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.microphone-text strong{color:#fff;font-size:.9rem;font-weight:600}.microphone-status{font-size:.75rem;font-weight:500;line-height:1.4}.microphone-status.connected{color:#1db954}.microphone-status.disconnected{color:#ffffff80}.microphone-status.denied{color:#ff4d6d}.microphone-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff14;color:#fff;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.microphone-button:hover:not(:disabled){background:#ffffff24;border-color:#fff3;transform:translateY(-1px)}.microphone-button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width: 600px){.microphone-info{flex-direction:column;align-items:stretch;gap:12px}.microphone-button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body.auth-body{min-height:100vh;font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#21219af2,#7a0f9af2);display:flex;justify-content:center;align-items:center;padding:30px 20px}.log,.signup-container,.forgot-container,.reset-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.log_box,.signup-box,.forgot-box,.reset-box{width:100%;max-width:450px;padding:40px;background:#ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 15px 40px #00000059,0 0 25px #7a0f9a40;text-align:center}.log_box h1,.signup-box h1,.forgot-box h2,.reset-box h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:15px}.log_box>p,.signup-box>p,.forgot-box>p,.reset-box>p{color:#ddd;font-size:14px;line-height:1.6;margin-bottom:30px}.log_box form,.signup-box form,.forgot-box form,.reset-box form{width:100%}.input-box{width:100%;margin-bottom:18px}.input-box input{width:100%;height:52px;padding:0 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;outline:none;color:#fff;font-family:Montserrat,sans-serif;font-size:14px;transition:.3s}.input-box input::placeholder{color:#d4d4d4}.input-box input:focus{border-color:#6ee7ff;background:#ffffff1f;box-shadow:0 0 18px #6ee7ff40}.log_box button,.signup-box button,.forgot-box button,.reset-box button{width:100%;height:52px;border:none;border-radius:12px;background:linear-gradient(135deg,#21219af2,#7a0f9af2);color:#fff;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.log_box button:hover,.signup-box button:hover,.forgot-box button:hover,.reset-box button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #7a0f9a73}.options{width:100%;display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px;font-size:13px}.options label{display:flex;align-items:center;gap:6px;color:#ddd}.options input[type=checkbox]{width:16px;height:16px;cursor:pointer}.options a,.signup-link a,.login-link a,.back-login a{color:#6ee7ff;font-weight:600;text-decoration:none}.options a:hover,.signup-link a:hover,.login-link a:hover,.back-login a:hover{color:#fff;text-decoration:underline}.signup-link,.login-link{margin-top:25px;color:#ddd;font-size:14px;line-height:1.6}.terms{width:100%;margin:8px 0 20px;text-align:left;color:#ddd;font-size:13px}.terms label{display:flex;align-items:center;gap:7px;cursor:pointer}.terms input{width:16px;height:16px;cursor:pointer}.back-login{margin-top:25px;text-align:center}.error-text{color:#ff8fa3;font-size:12px;text-align:left;margin:-12px 0 12px}@media (max-width: 600px){body.auth-body{padding:20px 15px}.log_box,.signup-box,.forgot-box,.reset-box{padding:30px 20px}.log_box h1,.signup-box h1,.forgot-box h2,.reset-box h2{font-size:24px}}@media (max-width: 380px){.log_box,.signup-box,.forgot-box,.reset-box{padding:25px 15px}.options{flex-direction:column;align-items:flex-start;gap:10px}}:root{color-scheme:dark;--rv-bg: #080b16;--rv-panel: #101628;--rv-panel-soft: rgba(18, 25, 46, .78);--rv-line: rgba(157, 180, 255, .13);--rv-muted: #9ba8c2;--rv-white: #f6f8ff;--rv-blue: #36a8ff;--rv-violet: #7958ff}body{color:var(--rv-white);background:radial-gradient(ellipse at 82% 4%,rgba(53,91,214,.17),transparent 34rem),radial-gradient(ellipse at 0% 78%,rgba(64,38,157,.15),transparent 38rem),var(--rv-bg);font-family:Inter,Montserrat,system-ui,sans-serif}body.auth-body{min-height:100vh;color:var(--rv-white);background:radial-gradient(ellipse at 15% 18%,rgba(29,116,235,.18),transparent 32rem),radial-gradient(ellipse at 88% 82%,rgba(111,62,222,.19),transparent 34rem),var(--rv-bg)}nav{height:76px;padding:0 clamp(16px,3vw,42px);background:#080b16db;border-bottom:1px solid var(--rv-line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;margin-right:22px;color:var(--rv-white);text-decoration:none;font-size:1.18rem;font-weight:800;letter-spacing:-.045em}.brand-logo{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 0 24px #3782ff38}.home,.settings-button,.voice-assis,.download,.login-button,.user-chip{background:#ffffff0e;border:1px solid var(--rv-line);color:#e8edff;box-shadow:none}.home:hover,.settings-button:hover,.voice-assis:hover,.download:hover,.login-button:hover,.user-chip:hover{background:linear-gradient(135deg,#36a8ff33,#7958ff38);border-color:#68a5ff70;box-shadow:0 8px 26px #2765de30}nav .search{background:#ffffff0e!important;border-color:var(--rv-line)!important}nav .search:hover{border-color:#4ca7ff8c!important;box-shadow:0 0 24px #3689ff21!important}nav .search:hover .search-icon{color:#82caff}.main{height:calc(100vh - 76px);gap:18px;padding:18px clamp(14px,2vw,28px) 24px}.main-left-part,.main-right-part{background:#0b101ecc;border:1px solid var(--rv-line);border-radius:22px;box-shadow:0 18px 55px #0003}.main-left-part{width:285px;flex:0 0 285px;padding:20px 16px}.main-right-part{width:auto;flex:1;padding:24px clamp(18px,2.5vw,36px)}.library p{color:var(--rv-white);font-size:1rem;letter-spacing:.01em}.box{background:linear-gradient(145deg,#182037e0,#0f1425e6);border-color:#98b0ff1a;border-radius:18px;padding:17px}.box:hover{background:linear-gradient(145deg,#1d2a47f0,#11172af2)}.box h4{color:#eef3ff;font-size:.92rem}.box p{color:var(--rv-muted);font-size:.82rem;line-height:1.6}.playlist-create-box button,.add-songs-box button{color:#fff;background:linear-gradient(110deg,#168de8,#6559f3 70%,#8755ed);box-shadow:0 8px 22px #3b68f233}.sidebar-playlist-list li{background:#ffffff0b;color:#dce6ff}.welcome-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:242px;margin:0 0 26px;padding:30px clamp(24px,4vw,54px);overflow:hidden;border:1px solid rgba(124,163,255,.19);border-radius:24px;background:radial-gradient(ellipse at 77% 43%,rgba(48,126,255,.23),transparent 23rem),linear-gradient(112deg,#111a32,#10172b 49%,#15142b);box-shadow:inset 0 1px #ffffff0b,0 18px 48px #00000038}.welcome-copy{position:relative;z-index:1;max-width:590px}.eyebrow{display:flex;align-items:center;gap:9px;color:#9bb7e8;font-size:.68rem;font-weight:750;letter-spacing:.19em}.status-dot{width:7px;height:7px;border-radius:50%;background:#47c7ff;box-shadow:0 0 12px #47c7ff}.welcome-copy h1{margin:16px 0 9px;color:#f5f7ff;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;letter-spacing:-.065em}.welcome-copy h1 span{color:#78baff;text-shadow:0 0 32px rgba(71,151,255,.28)}.welcome-copy p{max-width:420px;margin-bottom:21px;color:#aebbd3;font-size:.93rem;line-height:1.65}.hero-cta{display:inline-flex;align-items:center;gap:12px;padding:11px 17px;border:1px solid rgba(140,185,255,.28);border-radius:999px;color:#f5f8ff;background:linear-gradient(110deg,#167fdb,#554ee3);font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 9px 26px #3169e640;transition:transform .18s ease,filter .18s ease}.hero-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}.welcome-art{position:absolute;top:50%;right:clamp(24px,5vw,70px);width:194px;height:194px;transform:translateY(-50%);display:grid;place-items:center}.welcome-art img{position:relative;z-index:1;width:150px;height:150px;border-radius:30px;object-fit:cover;box-shadow:0 18px 45px #0006,0 0 36px #4485ff33}.welcome-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(110,164,255,.2);border-radius:50%}.welcome-orbit-one{transform:scaleX(.58) rotate(38deg)}.welcome-orbit-two{transform:scaleX(.58) rotate(-38deg)}.emoji-sticker-bar{gap:10px;margin:0 0 28px}.emoji-sticker{min-width:70px;height:67px;padding:8px 13px;border:1px solid rgba(157,180,255,.1);border-radius:17px;background:#ffffff0b;color:#c6d2e9}.emoji-sticker:hover,.emoji-sticker.active{border-color:#58a9ff80;background:linear-gradient(140deg,#277dda33,#6a4cd82b);box-shadow:0 7px 22px #2b6ae221}.sticker-label{color:#b9c4d8;font-size:.69rem}.music-section{margin-bottom:32px}.music-section h2{color:#f1f4fc;font-size:1.28rem;letter-spacing:-.025em}.count-chip{background:#518eff26;color:#8fcaff}.music-card{min-width:188px;padding:12px;border:1px solid rgba(157,180,255,.075);border-radius:17px;background:linear-gradient(145deg,#1d253de6,#111627f2)}.music-card:hover{border-color:#5fa4ff52;background:linear-gradient(145deg,#253553f0,#131a2ff7)}.music-card.active{outline:none;border-color:#4db1ffcc;background:linear-gradient(145deg,#205b9b66,#1c2449eb)}.music-card img,.music-card-icon{border-radius:12px}.music-card-icon{background:linear-gradient(145deg,#1e3158,#25204e);color:#98bcffab}.img-title{color:#eff3ff;font-size:.9rem}.img-description{color:#a3b0c7;font-size:.78rem}.card-heart,.card-add{background:#070a14a6}.card-add{opacity:1}.card-add:hover{color:#9bd5ff;background:#2370c466}.music-card .card-download{background:linear-gradient(135deg,#168de8,#6559f3)!important}.empty-hint,.load-hint{color:var(--rv-muted)}.music-control{min-height:82px;background:#0d1323eb;border:1px solid rgba(130,162,226,.19);border-radius:20px;box-shadow:0 18px 54px #0000007a,0 0 28px #2e5dd71a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.song-info-icon{background:linear-gradient(145deg,#1e3158,#25204e);color:#9dbdff}.song-text p,.progress-bar{color:#a7b3ca}.play-btn{background:linear-gradient(135deg,#178fe8,#6553eb);box-shadow:0 0 22px #3a7df652}.progress-bar input,.right-controls input{accent-color:#5faeff}.icon-btn:hover{background:#3a82eb38;color:#8ac9ff;box-shadow:0 0 16px #357eea2e}.icon-btn.active{color:#80c5ff}.signup-box,.log_box,.forgot-box,.reset-box{max-width:470px;padding:34px 38px;background:linear-gradient(150deg,#121b30f5,#0d1222f7);border-color:#85a7ef2e;border-radius:24px;box-shadow:0 24px 80px #0000007a,0 0 42px #3264d21f}.signup-box{width:min(398px,calc(100vw - 32px));max-width:398px;border:1.5px solid rgba(102,157,255,.34);box-shadow:0 24px 80px #0000007a,0 0 42px #3264d229}.signup-box:before,.log_box:before,.forgot-box:before,.reset-box:before{content:"";display:block;width:74px;height:74px;margin:0 auto 18px;border-radius:21px;background:url(/rivibe-logo.png) center / cover no-repeat;box-shadow:0 0 28px #2f74ff38}.log_box h1,.signup-box h1,.forgot-box h2,.reset-box h2{margin-bottom:8px;color:#f5f7ff;letter-spacing:-.035em}.log_box>p,.signup-box>p,.forgot-box>p,.reset-box>p{color:var(--rv-muted)}.input-box input{background:#ffffff0b;border-color:#9db4ff26}.input-box input::placeholder{color:#8996b1}.input-box input:focus{border-color:#5af;box-shadow:0 0 18px #3e8fff26}.log_box button,.signup-box button,.forgot-box button,.reset-box button{background:linear-gradient(110deg,#168de8,#6559f3 70%,#8755ed)}.log_box button:hover,.signup-box button:hover,.forgot-box button:hover,.reset-box button:hover{box-shadow:0 10px 28px #3f69ec4d}.options label,.terms,.signup-link,.login-link{color:#aeb9ce}.options a,.signup-link a,.login-link a,.back-login a{color:#77bfff}.signup-box .login-link{display:block;width:fit-content;margin:20px auto 0;padding:0;border:0;border-radius:0;background:transparent;color:#aeb9ce;font-size:.86rem;font-weight:500;line-height:1.6}.signup-box .login-link a{color:#83bdff;font-weight:750;text-decoration:none}.signup-box .login-link a:hover{color:#c1e2ff;text-decoration:underline}@media (max-width: 900px){.main{gap:12px;padding:12px}.main-left-part{width:100%;flex:0 0 auto}.main-right-part{width:100%;flex:1}.welcome-hero{min-height:215px}.welcome-art{right:20px;transform:translateY(-50%) scale(.82)}}@media (max-width: 700px){nav{height:64px;padding:0 12px}.brand-lockup{gap:7px;margin-right:9px;font-size:1rem}.brand-logo{width:36px;height:36px;border-radius:11px}.home{width:40px;height:40px;margin-right:9px}nav .search{width:min(42vw,240px)!important;height:42px!important}nav .search .search-icon{width:40px!important;height:40px!important;flex-basis:40px!important}nav .search .input-box{height:40px!important;line-height:40px!important;font-size:.8rem!important}.right-half,.right-half_pt-1,.right-half_pt-2{gap:7px}.settings-button,.login-button{width:40px;height:40px;font-size:.85rem}.main{height:calc(100vh - 64px);padding:10px}.main-left-part{display:none}.main-right-part{padding:15px 13px 100px;border-radius:17px}.welcome-hero{min-height:230px;margin-bottom:20px;padding:23px 20px;border-radius:19px}.welcome-copy{max-width:75%}.welcome-copy h1{font-size:2rem}.welcome-copy p{font-size:.8rem}.welcome-art{right:-46px;opacity:.5;transform:translateY(-50%) scale(.66)}.eyebrow{font-size:.55rem;letter-spacing:.12em}.emoji-sticker-bar{overflow-x:auto;padding-bottom:5px}.emoji-sticker{min-width:62px;height:61px}.music-section h2{font-size:1.08rem}.music-card{min-width:156px;padding:10px}.music-card img,.music-card-icon{width:132px;height:132px}.music-control{bottom:8px;width:calc(100% - 16px);min-height:72px;height:72px;padding:8px 12px;border-radius:17px}.song-info{width:46%;gap:9px}.song-info-icon{width:44px;height:44px;border-radius:12px;font-size:1.1rem}.song-text h4{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.song-text p{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.song-info .icon-btn{width:32px;height:32px}.player{width:43%;gap:5px}.player-buttons{gap:8px}.player-buttons .icon-btn{width:30px;height:30px;font-size:.72rem}.play-btn{width:37px;height:37px;font-size:.85rem}.progress-bar{gap:5px;font-size:.58rem}.right-controls{display:none}.signup-box,.log_box,.forgot-box,.reset-box{padding:29px 22px}}