.slider-menu{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(135deg,rgba(0,0,0,.98),rgba(0,20,30,.95));border-right:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:monospace;overflow-y:auto;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25, .46, .45, .94);z-index:900;box-shadow:0 0 20px rgba(0,243,255,.2);will-change:transform}.slider-menu.hidden{transform:translateX(-100%);pointer-events:none}.slider-menu.visible{transform:translateX(0);pointer-events:auto}.slider-header{padding:20px;border-bottom:2px solid var(--neon-cyan);display:flex;justify-content:space-between;align-items:center}.slider-header h3{margin:0;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);font-size:1.2rem}.slider-close{background:0 0;border:none;color:var(--neon-cyan);font-size:1.5rem;cursor:pointer;transition:transform .2s}.slider-close:hover{transform:scale(1.2);text-shadow:0 0 10px var(--neon-cyan)}.slider-content{padding:15px}.section-btn{width:100%;padding:12px 15px;margin-bottom:10px;background:rgba(0,243,255,.1);border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:monospace;cursor:pointer;transition:.3s;text-align:left;font-size:.95rem}.section-btn:hover{background:rgba(0,243,255,.2);box-shadow:0 0 10px rgba(0,243,255,.4);transform:translateX(5px)}.slider-toggle{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:40px;height:60px;background:rgba(0,20,30,.98);border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-size:1.2rem;cursor:pointer;z-index:899;transition:.3s,opacity .3s;border-radius:5px;display:block;opacity:1;visibility:visible}.slider-toggle:hover{background:rgba(0,40,60,.98);box-shadow:0 0 15px rgba(0,243,255,.4)}.slider-toggle.hidden{opacity:0;visibility:hidden;pointer-events:none}.grabaciones-window{position:fixed;left:calc(50% - 350px);top:calc(50% - 300px);width:min(700px,95vw);height:min(600px,90vh);background:linear-gradient(135deg,rgba(0,0,0,.98),rgba(0,20,30,.95));color:#eee;border:2px solid var(--neon-cyan);border-radius:4px;box-shadow:0 0 50px rgba(0,243,255,.3),inset 0 0 30px rgba(0,0,0,.9);display:flex;flex-direction:column;transition:opacity .3s,visibility .3s;opacity:0;visibility:hidden;z-index:905}.grabaciones-window:not(.hidden){opacity:1;visibility:visible}.grab-header{background:rgba(0,20,30,.95);border-bottom:1px solid rgba(0,243,255,.4);padding:12px 15px;display:flex;justify-content:space-between;align-items:center;user-select:none;cursor:move}.window-title{color:var(--neon-cyan);font-weight:700;letter-spacing:2px;text-shadow:0 0 10px var(--neon-cyan);font-size:1rem}.grab-controls{display:flex;gap:5px}.window-btn{background:0 0;border:1px solid var(--neon-cyan);color:var(--neon-cyan);width:25px;height:25px;cursor:pointer;font-size:.8rem;transition:.2s}.window-btn:hover{background:rgba(0,243,255,.2);box-shadow:0 0 10px rgba(0,243,255,.5)}.window-btn.close-btn:hover{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 10px rgba(255,0,127,.5)}.grabaciones-container{display:flex;flex:1;overflow:hidden;gap:0}.grabaciones-list{width:220px;border-right:1px solid rgba(0,243,255,.3);display:flex;flex-direction:column;background:rgba(0,5,10,.95)}.grab-search{padding:8px;border-bottom:1px solid rgba(0,243,255,.2)}.grab-search-input{width:100%;padding:6px;background:rgba(0,10,15,.95);border:1px solid rgba(0,243,255,.3);color:#eee;border-radius:3px;font-size:.85rem}.grab-search-input::placeholder{color:#888}.grab-search-input:focus{outline:0;border-color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.3)}.grab-playlist{flex:1;overflow-y:auto;font-size:.85rem}.grab-playlist-item{padding:8px 10px;border-bottom:1px solid rgba(0,243,255,.1);cursor:pointer;transition:.2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grab-playlist-item:hover{background:rgba(0,243,255,.25);color:var(--neon-cyan)}.grab-playlist-item.active{background:rgba(0,243,255,.4);color:var(--neon-cyan);border-left:3px solid var(--neon-cyan);padding-left:7px;text-shadow:0 0 10px var(--neon-cyan)}.grabaciones-player{flex:1;display:flex;flex-direction:column;padding:15px;overflow:hidden}.grab-now-playing{margin-bottom:15px}.grab-track-title{color:var(--neon-cyan);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px var(--neon-cyan);margin-bottom:5px}.grab-track-tags{color:var(--neon-green);font-size:.75rem;letter-spacing:1px}.grab-text-display{flex:1;background:rgba(0,5,10,.95);border:1px solid rgba(0,243,255,.2);padding:10px;overflow-y:auto;margin-bottom:15px;font-family:monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.grab-controls-bar{display:flex;gap:8px;align-items:center;margin-bottom:10px;padding:10px;background:rgba(0,243,255,.05);border:1px solid rgba(0,243,255,.2);border-radius:3px}.grab-control-btn{background:rgba(0,243,255,.1);border:1px solid var(--neon-cyan);color:var(--neon-cyan);width:35px;height:35px;cursor:pointer;border-radius:3px;transition:.2s;display:flex;align-items:center;justify-content:center}.grab-control-btn:hover{background:rgba(0,243,255,.3);box-shadow:0 0 15px rgba(0,243,255,.5)}.grab-time{color:#aaa;font-size:.8rem;font-family:monospace;margin-left:auto}.grab-volume-control{display:flex;align-items:center;gap:10px;color:#aaa;font-size:.9rem}.grab-volume-slider{width:100px;height:6px;background:rgba(0,243,255,.1);border-radius:3px;accent-color:var(--neon-cyan);cursor:pointer}.grab-playlist::-webkit-scrollbar,.grab-text-display::-webkit-scrollbar{width:8px}.grab-playlist::-webkit-scrollbar-track,.grab-text-display::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.grab-playlist::-webkit-scrollbar-thumb,.grab-text-display::-webkit-scrollbar-thumb{background:rgba(0,243,255,.3);border-radius:4px}.grab-playlist::-webkit-scrollbar-thumb:hover,.grab-text-display::-webkit-scrollbar-thumb:hover{background:rgba(0,243,255,.6)}.lore-audio-controls{text-align:center;margin-top:.5rem}.lore-audio-controls audio{width:100%;margin-top:.5rem}.badges-window{position:fixed;left:calc(50% - 300px);top:calc(50% - 250px);width:min(600px,90vw);height:min(500px,80vh);background:linear-gradient(135deg,rgba(0,0,0,.98),rgba(0,20,30,.95));border:2px solid var(--neon-yellow);border-radius:4px;box-shadow:0 0 50px rgba(255,230,0,.3),inset 0 0 30px rgba(0,0,0,.9);display:flex;flex-direction:column;transition:opacity .3s,visibility .3s;opacity:0;visibility:hidden;z-index:905}.badges-window:not(.hidden){opacity:1;visibility:visible}.badges-header{background:rgba(0,20,30,.95);border-bottom:1px solid rgba(255,230,0,.4);padding:12px 15px;display:flex;justify-content:space-between;align-items:center;user-select:none;cursor:move}.badges-header .window-title{color:var(--neon-yellow);font-weight:700;letter-spacing:2px;text-shadow:0 0 10px var(--neon-yellow);font-size:1rem}.badges-content{flex:1;padding:15px;overflow-y:auto}.badges-list-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.badge-item-modal{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:rgba(0,243,255,.05);border:1px solid rgba(0,243,255,.2);border-radius:6px;cursor:pointer;transition:.3s;text-align:center}.badge-item-modal:hover{background:rgba(0,243,255,.15);border-color:rgba(0,243,255,.4);transform:translateY(-3px);box-shadow:0 0 15px rgba(0,243,255,.3)}.badge-item-modal.locked{opacity:.4;filter:grayscale(1)}.badge-icon-modal{font-size:2.5rem;margin-bottom:5px}.badge-name-modal{color:var(--neon-cyan);font-weight:700;font-size:.9rem;margin-bottom:4px}.badge-desc-modal{color:#aaa;font-size:.75rem;line-height:1.4}.badges-list-modal::-webkit-scrollbar{width:8px}.badges-list-modal::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.badges-list-modal::-webkit-scrollbar-thumb{background:rgba(255,230,0,.3);border-radius:4px}.badges-list-modal::-webkit-scrollbar-thumb:hover{background:rgba(255,230,0,.6)}