.piges-container{margin:20px 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px}.radio-selector{display:-ms-flexbox;display:flex;overflow-x:auto;padding:10px;scrollbar-width:thin;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0 -10px}.radio-selector::-webkit-scrollbar{height:6px}.day-button,.radio-button,.week-button{border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-weight:500}.radio-button{min-width:150px;min-height:80px;padding:12px 20px;margin-right:10px;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--btn-bg);white-space:nowrap;text-align:center;box-shadow:var(--card-shadow);-ms-flex-negative:0;flex-shrink:0;position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.radio-button:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:none;background-image:var(--radio-bg-image,none);background-size:cover;background-position:center;opacity:.3;z-index:1;transition:opacity .2s ease}.radio-button span{position:relative;z-index:2}.day-button:hover,.radio-button:hover,.week-button:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.radio-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.radio-button:hover:before{opacity:.5}.day-button.active,.radio-button.active,.week-button.active{background-color:var(--accent-color);color:#fff}.radio-button.active{border-color:var(--accent-color)}.radio-button.active:before{opacity:.2}.day-selector{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:15px}.day-button{padding:10px 15px;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--btn-bg);-ms-flex:1 0 auto;flex:1 0 auto;min-width:100px;text-align:center;font-size:.9em}.day-button:hover{background-color:var(--btn-hover)}.day-button.today{border:2px solid var(--accent-color);font-weight:700}.week-selector{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:15px;background-color:var(--card-bg);padding:10px;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.week-button{padding:8px 15px;background-color:var(--btn-bg);color:var(--text-color);border:none;margin-left:5px;font-size:.9em}.week-button:hover{background-color:var(--btn-hover);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.pige-items-container{margin-top:20px}.pige-item{margin-bottom:25px;background-color:var(--card-bg);border-radius:var(--border-radius);padding:15px;box-shadow:var(--card-shadow)}.pige-header{margin-bottom:10px}.pige-date{font-weight:700;font-size:1.1em;margin-bottom:6px;color:var(--accent-color)}.pige-duration{font-weight:400;color:var(--text-color);opacity:.7;font-size:.85em;margin-left:5px}.pige-filename{font-size:.9em;color:var(--text-color);opacity:.8;margin-bottom:15px;word-break:break-all}.pige-controls{display:-ms-flexbox;display:flex;gap:10px;margin:12px 0 0}.pige-controls a,.pige-controls button{-ms-flex:1 1;flex:1 1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:5px;padding:10px 15px;border-radius:var(--border-radius);transition:all .2s ease;font-size:.9em;font-weight:500;-webkit-text-decoration:none;text-decoration:none;border:none;background-color:var(--btn-bg);color:var(--text-color);cursor:pointer}.pige-controls a:hover,.pige-controls button:hover{background-color:var(--btn-hover);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.day-loading,.piges-loading,.radio-loading{min-height:100px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--card-bg);border-radius:var(--border-radius);margin-bottom:15px;box-shadow:var(--card-shadow)}.week-group{margin-bottom:30px}.week-group-title{padding:10px 0;font-size:1.1em;font-weight:700;color:var(--accent-color);border-bottom:1px solid var(--btn-bg);margin-bottom:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.week-group-title i{margin-right:8px}.custom-audio-player{background-color:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;position:relative;padding-top:10px}.progress-container{cursor:pointer;height:8px;position:relative;margin-bottom:10px;background-color:#000;background-color:rgba(0,0,0,.1);border-radius:3px;overflow:hidden}.progress-bar{width:100%;height:100%;position:relative}.progress{height:100%;background-color:var(--accent-color);width:0%;position:absolute;left:0;top:0;z-index:3;transition:width .1s linear}.buffered-segments{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.buffer-segment{position:absolute;top:0;height:100%;background-color:rgba(0,0,0,.2);background-color:var(--buffer-bg);z-index:2;border-radius:2px}.player-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 5px;height:40px}.play-pause-btn{width:36px;height:36px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;background-color:var(--accent-color);color:#fff;cursor:pointer;margin-right:10px;transition:all .2s ease}.play-pause-btn:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);background-color:#2c6ea8;background-color:var(--accent-dark)}.time-display{-ms-flex:1 1;flex:1 1;font-size:.9em;color:var(--text-color);margin:0 8px;white-space:nowrap}.volume-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto}.volume-btn{width:32px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:0 0;border:none;color:var(--text-color);cursor:pointer}.player-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#000;background-color:rgba(0,0,0,.2);z-index:10;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.loading-spinner{width:24px;height:24px;border:3px solid #000;border:3px solid rgba(0,0,0,.1);border-top-color:var(--accent-color);border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}[data-theme=dark] .loading-spinner{border-color:#fff;border-color:rgba(255,255,255,.1);border-top-color:var(--accent-color)}@media (max-width:768px){.day-selector{-ms-flex-direction:column;flex-direction:column}.day-button{width:100%}.week-selector{-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.week-button{margin:5px}.pige-controls{-ms-flex-direction:column;flex-direction:column}.player-controls{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;padding:8px 5px}.time-display{-ms-flex-order:3;order:3;width:100%;text-align:center;margin-top:8px}.volume-container{-ms-flex-order:2;order:2}}:root{--accent-dark:#2c6ea8;--buffer-bg:rgba(0, 0, 0, 0.2)}[data-theme=dark]{--accent-dark:#3685cc;--buffer-bg:rgba(255, 255, 255, 0.2)}