@charset "UTF-8";.player{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:1px solid #333;padding:12px 24px;display:flex;align-items:center;gap:24px;z-index:100;box-shadow:0 -4px 24px #00000080}.player__info{display:flex;align-items:center;gap:12px;min-width:200px;flex:0 0 auto}.player__poster{width:52px;height:52px;border-radius:8px;object-fit:cover;box-shadow:0 2px 10px #0006}.player__meta{display:flex;flex-direction:column;gap:4px}.player__title{font-size:.9rem;font-weight:600;color:#f1f1f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player__mood{font-size:.72rem;text-transform:capitalize;color:#dd4200;background:#dd42001f;padding:2px 8px;border-radius:20px;width:fit-content;font-weight:500;letter-spacing:.04em}.player__progress-wrap{display:flex;align-items:center;gap:10px;flex:1}.player__time{font-size:.75rem;color:#888;white-space:nowrap;font-variant-numeric:tabular-nums}.player__progress{position:relative;flex:1;height:4px;background:#3a3a3a;border-radius:4px;cursor:pointer;transition:height .15s}.player__progress:hover{height:6px}.player__progress:hover .player__progress-thumb{opacity:1;transform:translate(-50%) scale(1)}.player__progress-fill{height:100%;background:#dd4200;border-radius:4px;pointer-events:none;transition:width .1s linear}.player__progress-thumb{position:absolute;top:50%;transform:translate(-50%) translateY(-50%) scale(.6);width:14px;height:14px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}.player__controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}.player__btn{background:none;border:none;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:8px;font-size:.82rem;font-weight:600;transition:color .15s,background .15s}.player__btn:hover{color:#fff;background:#ffffff0f}.player__btn--play{width:48px;height:48px;border-radius:50%;background:#dd4200;color:#fff;padding:0}.player__btn--play:hover{background:#ff5215;color:#fff}.player__btn--skip{font-size:.78rem;color:#aaa;gap:2px}.player__btn--skip:hover{color:#fff}.player__btn--speed{min-width:46px;border:1px solid #444;border-radius:6px;font-size:.8rem;padding:5px 8px;color:#bbb}.player__btn--speed:hover{border-color:#dd4200;color:#dd4200;background:#dd420014}.player__btn--vol{color:#aaa;padding:6px}.player__speed-wrap{position:relative}.player__speed-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2a2a2a;border:1px solid #444;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:200;min-width:72px;box-shadow:0 4px 20px #00000080}.player__speed-option{background:none;border:none;color:#ccc;cursor:pointer;padding:6px 12px;border-radius:6px;font-size:.82rem;font-weight:500;text-align:center;transition:background .12s,color .12s}.player__speed-option:hover{background:#ffffff12;color:#fff}.player__speed-option.active{background:#dd42002e;color:#dd4200;font-weight:700}.player__volume{display:flex;align-items:center;gap:6px}.player__volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:4px;background:#3a3a3a;outline:none;cursor:pointer}.player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#dd4200;cursor:pointer;transition:transform .15s}.player__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.player__volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#dd4200;cursor:pointer;border:none}@media(max-width:640px){.player{flex-wrap:wrap;gap:12px;padding:10px 16px}.player__info{min-width:unset;flex:1}.player__progress-wrap{order:3;width:100%}.player__volume-slider{width:60px}}.button{background-color:#dd4200;border:none;color:#fff;padding-inline:1rem;padding-block:.5rem;text-align:center;text-decoration:none;display:inline-block;outline:none;font-size:16px;border-radius:.5rem;cursor:pointer}*{margin:0%;padding:0%;box-sizing:border-box}html,body,#root{width:100%;background-color:#212121;color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:#dd4200;text-decoration:none}