.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:#000;z-index:1;display:flex;flex-direction:column;padding:24px}.logo-area{display:flex;margin-bottom:40px}.nav-menu{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:8px}.nav-item.active{color:var(--brand-red)}@media (max-width:768px){.sidebar{top:unset;bottom:0;z-index:2;padding:8px 32px 28px;width:100%;background:var(--player-bg);background:rgba(33,33,33,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:2px solid hsla(0,0%,100%,.2)}.logo-area{display:none}.nav-menu{width:100%;flex-direction:row;justify-content:space-between;gap:12px}.nav-item{flex:1 1;flex-direction:column;gap:2px}.nav-label{font-size:.7rem}}.player-container{position:fixed;bottom:0;left:0;right:0;height:80px;z-index:2;display:flex;flex-direction:column}.progress-bar-container{position:relative;width:100%;height:4px;background:hsla(0,0%,100%,.1)}.progress-fill{height:100%;background-color:var(--brand-red);transition:width .1s linear}.progress-input{position:absolute;top:-6px;left:0;width:100%;height:16px;opacity:0;cursor:pointer}.player-content{justify-content:space-between;width:100%;height:100%;padding:0 24px}.player-content,.player-info{display:flex;align-items:center}.player-info{gap:12px;width:30%}.player-cover{width:48px;height:48px;border-radius:4px;object-fit:cover}.player-text{display:flex;flex-direction:column;overflow:hidden}.player-title{font-weight:700;font-size:.9rem}.player-chapter,.player-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-chapter{font-size:.8rem;color:var(--secondary)}.player-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex:1 1}.time-text{font-size:.75rem;color:var(--secondary);min-width:35px;text-align:center}.player-play-btn{background:#fff;color:#000;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.control-btn:hover{color:#fff}.player-volume{width:30%;display:flex;justify-content:flex-end;align-items:center;gap:10px}.volume-slider{width:100px;accent-color:#fff}@media (max-width:768px){.player-container{bottom:80px}.player-content{gap:24px}.player-info{width:100%;overflow:hidden}.player-controls{flex:auto}.control-btn{display:none}.player-play-btn{background:none;color:#fff;width:24px;height:24px}.player-volume,.time-text{display:none}.player-title{font-size:.8rem}}.app-shell{background:var(--background)}.main-content{margin-left:240px;padding-top:48px;padding-bottom:120px;min-height:100vh}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:104px}.has-player .main-content{padding-bottom:188px}}