:root{--background:#000;--surface:#111;--text-main:#fff;--text-muted:#666;--accent:#fff;--border:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}.glass-panel{background:var(--surface);border-top:1px solid var(--border)}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:2rem;width:240px;height:100dvh;padding:2rem 1.5rem;display:flex}.main-layout{height:100dvh;display:flex}.content-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.header{justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.scroll-container{flex:1;padding:0 2rem 8rem;overflow-y:auto}.podcast-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.episode-list{border-top:1px solid var(--border);flex-direction:column;gap:0;display:flex}.card{aspect-ratio:1;background:var(--surface);color:var(--text-main);cursor:pointer;border:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:1rem;transition:opacity .2s;display:flex}.card:hover{opacity:.8;border-color:var(--text-main)}.player-bar{height:auto;min-height:90px;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))1rem;z-index:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#000000d9;border-top:1px solid #ffffff1a;flex-direction:column;justify-content:center;animation:.3s ease-in-out forwards slideInUp;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.episode-title-link{color:var(--text-main);text-decoration:none;transition:color .2s}.episode-title-link:hover{-webkit-text-decoration:underline #666;text-decoration:underline #666;text-decoration-thickness:1px}.play-btn-circle{transition:transform .2s,background-color .2s,opacity .2s}.play-btn-circle:hover{transform:scale(1.1);opacity:1!important;background-color:#ffffff1a!important}.player-progress-container{cursor:pointer;z-index:600;align-items:center;width:100%;height:20px;display:flex;position:absolute;top:-10px;left:0}.player-progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.player-progress-fill{background:var(--text-main);height:100%;transition:width .1s linear}.player-content-row{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 1rem;display:flex}.player-info{flex-direction:column;width:30%;min-width:150px;display:flex}.player-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:.2rem;font-size:.7rem}.player-title{font-size:1rem;font-weight:700}.player-controls{align-items:center;gap:1.5rem;margin:0 1rem;display:flex}.control-btn{color:var(--text-muted);cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.control-btn:hover{opacity:1}.play-pause-btn{background:var(--text-main);width:44px;height:44px;color:var(--background);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.play-pause-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}.play-pause-btn:active{transform:scale(.95);box-shadow:0 0 5px #ffffff80}.player-extras{justify-content:flex-end;align-items:center;gap:1rem;width:30%;display:flex}.speed-btn{color:var(--text-main);cursor:pointer;text-align:center;background:#ffffff1a;border:none;border-radius:4px;min-width:40px;padding:.3rem .6rem;font-size:.8rem;font-weight:700}.speed-menu-container{align-items:center;display:flex;position:relative}.speed-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);z-index:1000;background:#141414f2;border-radius:8px;flex-direction:column;gap:.2rem;min-width:80px;padding:.5rem;animation:.1s ease-out fadeIn;display:flex;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.speed-option{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:.9rem;transition:all .2s}.speed-option:hover{color:var(--text-main);background:#ffffff1a}.speed-option.active{color:var(--accent);font-weight:700}.time-display{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;pointer-events:none;width:100%;margin-top:6px;padding-right:1rem;font-size:.75rem;top:4px}.detail-container{flex-direction:column;max-width:800px;min-height:100%;margin:0 auto;padding:2rem 1.5rem 8rem;display:flex}.detail-header{margin-bottom:2.5rem}.detail-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.detail-title{color:var(--text-main);margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.2}.detail-actions{gap:1rem;margin-bottom:2rem;display:flex}.detail-play-btn{background-color:var(--accent);color:#000;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.detail-play-btn:hover{opacity:.9;transform:scale(1.02)}.detail-play-btn:active{transform:scale(.98)}.detail-divider{border:0;border-top:1px solid var(--border);opacity:.5;margin:2rem 0}.detail-section-title{color:var(--text-main);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.detail-summary{background-color:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:.75rem;margin-bottom:2.5rem;padding:1.5rem;line-height:1.6}.detail-script{color:var(--text-muted);white-space:pre-wrap;font-family:inherit;font-size:1rem;line-height:1.8em}@media (max-width:768px){.detail-container{padding:1.5rem 1rem 8rem}.detail-title{font-size:1.5rem}.detail-play-btn{justify-content:center;width:100%}.detail-script{font-size:.95rem;line-height:1.6em}}.actions-row{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.btn-outline{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.btn-outline:hover{border-color:var(--text-main);background:var(--surface)}.rating-display{color:var(--text-main);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.star-icon{color:gold}.play-action-area{justify-content:center;margin-bottom:3rem;display:flex}.big-play-button{background:var(--text-main);color:var(--background);cursor:pointer;border:none;border-radius:36px;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:300px;height:72px;font-size:1.2rem;font-weight:700;transition:transform .1s;display:flex}.big-play-button:active{transform:scale(.98)}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1rem}.recommendation-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:4rem;display:grid}@media (max-width:768px){.main-layout{flex-direction:column}.sidebar{z-index:200;background:var(--surface);width:80%;max-width:300px;height:100dvh;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.content-area{width:100%;margin-left:0}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111f2;gap:1rem;padding:1rem;position:sticky;top:0}.header input{flex:1;width:100%!important}.scroll-container{padding:1rem 1rem 120px}.player-bar{z-index:500;padding:0 .5rem;position:fixed;bottom:0;left:0;right:0}.player-content-row{padding:0 .5rem}.player-info{width:40%;min-width:auto}.player-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.player-controls{gap:.5rem;margin:0 .5rem}.player-controls button span,.player-extras{display:none}.mobile-menu-btn{display:block!important}}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-right:1rem;display:none}