:root{--bg-dark: #121212;--bg-panel: #1e1e1e;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent: #33ccff;--accent-rgb: 51, 204, 255;--font-main: "Inter", system-ui, sans-serif;--font-logo: "Berlin Sans FB", "Berlin Sans", "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;width:100vw}#root{height:100%;width:100%}input,button{font-family:inherit;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2a2a2a;width:90%;max-width:400px;padding:2rem;border-radius:12px;border:1px solid #444;position:relative;box-shadow:0 20px 50px #00000080;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#999;cursor:pointer;transition:color .2s,transform .2s}.close-btn:hover{color:#fff;transform:rotate(90deg)}.modal-content h2{color:#fff;font-family:var(--font-logo);margin-bottom:.5rem}.modal-content p{color:#aaa;margin-bottom:1.5rem;font-size:.95rem}.login-actions{display:flex;flex-direction:column;gap:1rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:none;border-radius:25px;cursor:pointer;font-weight:500;font-size:1rem;transition:transform .1s,box-shadow .2s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.login-btn:active{transform:translateY(0)}.login-btn.google{background:#fff;color:#444}.login-btn.google img{width:18px;height:18px}.playlist-manager{max-width:500px;background:#222;text-align:left}.playlist-manager h2{text-align:center;margin-bottom:2rem}.playlist-list-section{margin-bottom:2rem;max-height:200px;overflow-y:auto;background:#0003;border-radius:8px;padding:1rem}.playlist-list-section h3{font-size:.9rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.playlist-list{list-style:none;padding:0;margin:0}.manager-item{background:#ffffff0d;margin-bottom:8px;border-radius:4px;padding:10px}.view-row{display:flex;align-items:center;justify-content:space-between}.pl-name{color:#fff;font-weight:500;flex:1}.pl-count{color:#666;font-size:.8rem;margin-right:15px}.actions{display:flex;gap:10px}.actions button{background:transparent;border:none;color:#aaa;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.actions button:hover{background:#ffffff1a;color:#fff}.actions button.del-btn:hover{color:#f44}.edit-row input{width:100%;background:#333;border:1px solid var(--accent);color:#fff;padding:5px 10px;border-radius:4px}.create-section{margin-bottom:2rem;border-top:1px solid #333;padding-top:1.5rem}.input-group{display:flex;gap:10px}.input-group input{flex:1;background:#333;border:1px solid #444;color:#fff;padding:10px;border-radius:4px}.create-btn{background:var(--accent);color:#000;border:none;padding:0 20px;border-radius:4px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}.create-btn:disabled{background:#444;color:#888;cursor:not-allowed}.error-msg,.limit-msg{color:#f44;font-size:.85rem;margin-top:5px}.limit-msg{color:#e6a700}.instructions-section{background:rgba(var(--accent-rgb),.1);background:#2a2a2a;padding:1rem;border-radius:8px;border-left:3px solid var(--accent)}.instructions-section p{margin:0;color:#ccc;font-size:.9rem;line-height:1.4}.sleep-timer-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sleep-timer-modal{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:20px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(51,204,255,.2);overflow:hidden}.sleep-timer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#33ccff0d}.sleep-timer-title{display:flex;align-items:center;gap:.75rem;color:var(--accent)}.sleep-timer-title h2{margin:0;font-size:1.5rem;font-weight:600}.sleep-timer-close{background:transparent;border:none;color:#888;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.sleep-timer-close:hover{background:#ffffff1a;color:#fff}.sleep-timer-content{padding:2rem}.timer-active-display{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#33ccff1a;border:1px solid rgba(51,204,255,.3);color:var(--accent);padding:.75rem 1rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;font-size:.95rem}.sleep-timer-subtitle{color:#ccc;font-size:1rem;margin:0 0 1.5rem;text-align:center}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.preset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:1rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.preset-btn:hover{background:#ffffff14;border-color:#33ccff4d;transform:translateY(-2px)}.preset-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.custom-time-section{margin-bottom:1.5rem}.custom-time-label{color:#aaa;font-size:.9rem;margin:0 0 1rem;text-align:center}.custom-time-inputs{display:flex;align-items:center;justify-content:center;gap:.5rem}.time-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:8px;width:70px;text-align:center;font-size:1.1rem;font-weight:600;transition:all .2s}.time-input:focus{outline:none;border-color:var(--accent);background:#33ccff1a}.time-separator{color:var(--accent);font-size:1.5rem;font-weight:700}.period-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.period-select:focus{outline:none;border-color:var(--accent);background:#33ccff1a}.error-message{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:8px;text-align:center;margin-bottom:1.5rem;font-size:.9rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.modal-actions{display:flex;gap:1rem}.reset-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#e0e0e0;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.reset-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.done-btn{flex:2;background:var(--accent);border:none;color:#000;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.done-btn:hover{background:#5dd9ff;transform:translateY(-2px);box-shadow:0 4px 12px #33ccff4d}@media(max-width:600px){.preset-buttons{grid-template-columns:repeat(2,1fr)}.sleep-timer-modal{width:95%}.sleep-timer-content{padding:1.5rem}.modal-actions{flex-direction:column}.reset-btn,.done-btn{flex:1}}.tips-view-content{background-color:transparent;min-height:auto;color:#e0e0e0;padding:1rem 0;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center}.highlight-prefix,.tip-item strong{color:var(--accent);font-weight:600}.tips-header{width:100%;max-width:800px;display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:.6rem 1.2rem;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.9rem}.back-btn:hover{background:#ffffff0d;color:var(--accent);border-color:var(--accent)}.tips-header h1{font-size:1.8rem;color:#fff;margin:0}.tips-content{width:100%;max-width:800px}.tip-section{display:flex;flex-direction:column;gap:2rem}.tip-section h2{color:var(--accent);font-size:1.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(51,204,255,.2);padding-bottom:.5rem}.tip-item{background:#ffffff08;padding:1.5rem;border-radius:12px;line-height:1.6;border-left:3px solid transparent;transition:border-color .2s}.tip-item:hover{border-left-color:var(--accent);background:#ffffff0d}.tip-item p{margin:0}.tip-item strong{color:var(--accent)}.tip-image-placeholder{margin-top:1rem;background:#000;border-radius:8px;overflow:hidden;display:flex;justify-content:center}.tip-img{max-width:100%;height:auto;opacity:.8}@media(max-width:768px){.tips-header{flex-direction:column;align-items:flex-start;gap:1rem}.tips-container{padding:1rem}}.player-container{display:flex;width:100vw;min-height:100vh;background-color:#1a1a1a}.is-tips-mode{justify-content:center}.left-panel{width:75%;padding:2rem;display:flex;flex-direction:column;gap:2rem}.is-tips-mode .left-panel{width:100%;max-width:1000px;margin:0 auto}.video-player-wrapper{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;position:relative;box-shadow:0 10px 30px #00000080;overflow:hidden}.video-player-container{width:100%;height:100%;position:relative;background:#000;overflow:hidden}.video-player-container:fullscreen{width:100vw;height:100vh}.video-player-container::backdrop{background-color:#000}.bunny-player{width:100%;height:100%;border:none;object-fit:contain}.song-info-overlay{position:absolute;top:20px;left:20px;right:20px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease;text-shadow:0 2px 10px rgba(0,0,0,.8)}.video-player-wrapper:hover .song-info-overlay{opacity:1}.video-player-container:fullscreen .song-info-overlay{opacity:0;top:50px;left:50px;right:50px;z-index:2147483647}.song-info-overlay.auto-show{opacity:1!important}.overlay-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.overlay-actions{display:flex;align-items:center}.fullscreen-overlay-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto;margin-left:20px}.fullscreen-overlay-btn:hover{background:var(--accent);color:#000;transform:scale(1.1)}.video-player-container:fullscreen .overlay-title{font-size:2.5rem}.video-player-container:fullscreen .overlay-artist{font-size:1.8rem}.video-player-container:fullscreen .fullscreen-overlay-btn{padding:15px}.video-player-container:fullscreen .fullscreen-overlay-btn svg{width:30px;height:30px}.overlay-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.overlay-artist{color:var(--accent);font-size:1.1rem;font-weight:500;margin:4px 0 0}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;grid-column:1 / -1}.grid-and-actions-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}.grid-item{cursor:pointer;transition:transform .2s}.grid-item:hover{transform:translateY(-5px)}.thumbnail-wrapper{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.thumbnail-wrapper img{width:100%;height:100%;object-fit:cover;transition:filter .2s}.grid-item:hover img{filter:brightness(.8)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.grid-item:hover .play-overlay{opacity:1}.track-info{padding:0 .2rem}.track-title{color:#fff;font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:#aaa;font-size:.85rem}.right-panel{width:25%;background:var(--bg-panel);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);height:100vh;position:sticky;top:0}.panel-header{padding:1rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.panel-logo-full{max-width:80%;height:auto;max-height:51px;object-fit:contain}.search-box{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem}.station-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.search-input-wrapper input{width:100%;background:#ffffff0d;padding:1rem 1rem 1rem 3rem;border-radius:30px;color:#fff;font-size:1rem;transition:background .2s;text-align:left}.search-box input:focus{background:#ffffff1a}.playlist-container{flex:1;overflow-y:auto;padding:0 1rem 2rem}.playlist-item{display:flex;align-items:center;gap:.8rem;padding:.5rem;border-radius:8px;transition:background .2s;margin-bottom:.5rem;background:transparent}.drag-handle{cursor:grab;display:flex;align-items:center;padding:.2rem;opacity:.3;transition:opacity .2s}.playlist-item:hover .drag-handle{opacity:1}.playlist-content{display:flex;align-items:center;gap:1rem;flex:1;cursor:pointer;min-width:0}.playlist-item:hover{background:#ffffff0d}.playlist-item.active{background:#888;border-left:none}.playlist-item.active .pl-title{color:#000;font-weight:700}.playlist-item.active .pl-artist{color:#333}.playlist-item.active .now-playing-indicator{color:#000}.playlist-thumb{width:60px;height:34px;border-radius:4px;overflow:hidden;background:#333}.playlist-thumb img{width:100%;height:100%;object-fit:cover}.playlist-info{flex:1;min-width:0}.pl-title{color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-artist{color:#888;font-size:.8rem}.now-playing-indicator{font-size:.7rem;color:var(--accent);font-weight:700;text-transform:uppercase}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--accent);font-size:1.5rem;font-family:var(--font-logo)}.menu-container{position:relative;display:flex;align-items:center}.menu-btn{background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.menu-btn:hover{background:#ffffff1a}.context-menu{position:absolute;top:100%;right:0;min-width:140px;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #00000080;z-index:100}.context-menu-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;color:#e0e0e0;cursor:pointer;border-radius:4px;font-size:.9rem;transition:background .2s}.context-menu-item:hover{background:#ffffff1a;color:#fff}.context-menu-item.delete:hover{background:#ff505033;color:#ff6b6b}.share-button{position:absolute;bottom:20px;right:20px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:24px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.85rem;font-weight:500;z-index:10;border:1px solid rgba(255,215,0,.3)}.share-button:hover{background:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.share-button:active{transform:translateY(0)}.share-button.copied{background:#28a745;color:#fff;border-color:#28a745;box-shadow:0 4px 15px #28a7454d}.share-button span{white-space:nowrap}@media(max-width:768px){.share-button{bottom:10px;right:10px;padding:6px 12px;font-size:.75rem}}.language-selector-container{display:flex;align-items:center;position:relative}.lang-trigger{background:transparent;border:none;color:#888;cursor:pointer;font-size:.85rem;padding:0;transition:color .2s;font-family:inherit}.lang-trigger:hover{color:var(--accent)}.lang-menu{position:absolute;bottom:100%;left:0;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:5px;box-shadow:0 4px 12px #00000080;z-index:100;min-width:150px;animation:fadeIn .2s ease-out}.lang-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;color:#e0e0e0;border-radius:4px;font-size:.9rem;transition:background .2s}.lang-option:hover{background:#ffffff1a;color:#fff}.lang-flag{font-size:1.2rem}.left-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);grid-column:2 / 4}.actions-column{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.action-trigger{background:transparent;border:none;color:#888;cursor:pointer;font-size:.85rem;transition:color .2s;padding:0;display:flex;align-items:center;gap:.5rem}.action-trigger:hover{color:var(--accent)}.timer-badge{background:#33ccff26;color:var(--accent);padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.tips-link{text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center}.login-header-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s}.login-header-btn:hover{background:var(--accent);color:#000}.user-profile-container{position:relative;cursor:pointer}.profile-pic-wrapper{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--accent)}.profile-pic{width:100%;height:100%;object-fit:cover}.user-menu{position:absolute;top:100%;right:0;margin-top:10px;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.5rem;min-width:150px;box-shadow:0 4px 12px #00000080;z-index:100;animation:fadeIn .2s}.user-menu-item{padding:10px;color:#eee;font-size:.9rem;cursor:pointer;border-radius:4px}.user-menu-item:hover{background:#ffffff1a}.station-selector{font-size:.85rem;color:#aaa;position:relative;display:inline-block}.current-station{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:4px 8px;border-radius:4px;transition:background .2s}.current-station svg{flex-shrink:0;opacity:.7}.current-station .dropdown-arrow{margin-left:.25rem}.current-station:hover{background:#ffffff0d;color:#fff}.station-menu{position:absolute;top:100%;left:0;margin-top:5px;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.5rem;min-width:200px;z-index:99;box-shadow:0 4px 12px #00000080}.station-option{padding:8px 12px;color:#e0e0e0;cursor:pointer;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:.75rem}.station-option svg{flex-shrink:0;opacity:.7}.station-option:hover{background:#ffffff1a;color:#fff}.station-divider{height:1px;background:#ffffff1a;margin:4px 0}.station-option.disabled{color:#666;cursor:default;font-style:italic;font-size:.8rem}.station-option.disabled:hover{background:transparent;color:#666}.reload-station-btn{margin-top:0;margin-left:0;display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.reload-station-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.reload-station-btn:active:not(:disabled){transform:translateY(0)}.reload-station-btn:disabled,.reload-station-btn.disabled{opacity:.3;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:#666}.reload-station-btn svg{flex-shrink:0}.playlist-selector-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.playlist-selector-menu{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1rem;min-width:250px;box-shadow:0 10px 30px #00000080}.playlist-selector-menu h3{margin:0;color:#fff;font-size:1rem;flex:1}.menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #444}.close-mini-btn{background:transparent;border:none;color:#888;cursor:pointer;display:flex;padding:2px}.playlist-options-list{max-height:250px;overflow-y:auto}.playlist-selector-menu .station-option{margin-bottom:5px;background:#ffffff0d}.playlist-selector-menu .context-menu-item{margin-bottom:5px}.empty-msg{color:#888;text-align:center;font-size:.9rem;padding:1rem}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:12px 24px;border-radius:30px;font-weight:600;box-shadow:0 4px 15px #0000004d;z-index:9999;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.playlist-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#33ccfff2,#29b8ebf2);color:#000;padding:14px 28px;border-radius:30px;font-weight:600;font-size:.95rem;box-shadow:0 8px 24px #3cf6,0 4px 12px #0000004d;z-index:9999;animation:slideUpFade .3s ease-out;display:flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playlist-toast svg{flex-shrink:0}.player-actions-area{display:flex;align-items:center;justify-content:flex-end;gap:2rem;padding:.5rem 1.5rem;background:#ffffff08;border-radius:12px}.like-container{display:flex;align-items:center;gap:.8rem}.like-btn{background:transparent;border:none;color:#888;cursor:pointer;transition:transform .2s,color .2s;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.like-btn:hover{transform:scale(1.15);background:rgba(var(--accent-rgb, 51, 204, 255),.1)}.like-btn.active{color:var(--accent)}.likes-count{color:#888;font-size:1rem;font-weight:600;cursor:default;-webkit-user-select:none;user-select:none}.player-share-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#888;cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s,transform .2s;padding:.5rem;border-radius:20px}.player-share-btn:hover{color:var(--accent);transform:translateY(-1px);background:rgba(var(--accent-rgb, 51, 204, 255),.05)}.player-share-btn span{font-family:var(--font-main)}