.app-shell{--sidebar-width:260px;grid-template-columns:var(--sidebar-width) 1fr;background:#fff;grid-template-rows:1fr auto;min-height:100vh;display:grid}.app-shell--nav-collapsed{--sidebar-width:4.5rem}.app-sidebar{background:#fafbfc;border-right:1px solid #eceef2;flex-direction:column;grid-row:1/-1;height:100vh;padding:1.25rem .875rem;transition:padding .2s;display:flex;position:sticky;top:0;overflow-y:auto}.app-shell--nav-collapsed .app-sidebar{padding:1.25rem .5rem}.app-main{background:#fff;min-height:0;padding:2rem 2.5rem 6.5rem;overflow-y:auto}.app-sidebar-header{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:flex-start;gap:.35rem;margin-bottom:.25rem;padding:0 .35rem 1rem;display:flex}.app-sidebar-toggle{color:#3b5bdb;cursor:pointer;background:#fff;border:1px solid #e2e5eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.15rem;font-size:1.1rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s;display:flex}.app-sidebar-toggle:hover{background:#f0f4ff;border-color:#c7d2fe}.app-brand{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.app-shell--nav-collapsed .app-brand h1,.app-shell--nav-collapsed .app-nav-text,.app-shell--nav-collapsed .app-topics-label,.app-shell--nav-collapsed .app-topic-name,.app-shell--nav-collapsed .app-topic-badge{display:none}.app-shell--nav-collapsed .app-nav button{justify-content:center;padding:.65rem .5rem}.app-shell--nav-collapsed .app-nav button:hover{transform:none}.app-shell--nav-collapsed .app-topic-link{justify-content:center;padding:.5rem .35rem}.app-shell--nav-collapsed .app-topic-link:hover{transform:none}.app-shell--nav-collapsed .app-sidebar-header{flex-direction:column;align-items:center;padding-left:.15rem;padding-right:.15rem}.app-shell--nav-collapsed .app-sidebar-toggle{order:-1;margin:0 0 .5rem}.app-brand-mark{background:linear-gradient(135deg,#3b5bdb 0%,#5c7cfa 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;box-shadow:0 2px 8px #3b5bdb40}.app-brand h1{letter-spacing:-.02em;color:#14151a;margin:0;font-size:1.05rem;font-weight:700}.app-nav{flex-direction:column;gap:.25rem;margin-top:1.25rem;display:flex}.app-nav button{color:#3d4451;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;width:100%;padding:.65rem .75rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s,transform .12s;display:flex}.app-nav button:hover{background:#f0f2f5;transform:translate(2px)}.app-nav button.active{color:#3b5bdb;background:#e8eeff}.app-nav-icon{opacity:.85;width:20px;height:20px}.app-topics-label{text-transform:uppercase;letter-spacing:.06em;color:#8b919c;margin:1.5rem .65rem .5rem;font-size:.7rem;font-weight:700}.app-topic-list{flex-direction:column;gap:.125rem;display:flex}.app-topic-link{color:#3d4451;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;font-size:.875rem;transition:background .15s,transform .12s;display:flex}.app-topic-link:hover{background:#f0f2f5;transform:translate(2px)}.app-topic-link.active{color:#3b5bdb;background:#e8eeff}.app-topic-link.active .app-topic-badge{color:#3b5bdb;background:#dbe4ff}.app-topic-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.app-topic-name{text-align:left;flex:1;font-weight:500}.app-topic-badge{color:#8b919c;background:#eef0f3;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.player-bar{padding:.75rem 1.5rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));bottom:0;left:var(--sidebar-width);z-index:20;background:#fff;border-top:1px solid #eceef2;grid-column:2;align-items:center;gap:1.25rem;display:flex;position:fixed;right:0;box-shadow:0 -4px 24px #14151a0f}.player-canvas-overlay{z-index:100;background:#080a0e;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.player-canvas-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.player-canvas-scrim{z-index:1;pointer-events:none;background:linear-gradient(#06080cb8 0%,#06080c1f 42%,#06080cd1 100%);position:absolute;inset:0}.player-canvas-close{top:max(1rem, env(safe-area-inset-top,0px));right:max(1rem, env(safe-area-inset-right,0px));z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .15s,transform .12s;display:flex;position:absolute}.player-canvas-close:hover{background:#ffffff38;transform:scale(1.05)}.player-bar--canvas{z-index:2;-webkit-backdrop-filter:blur(18px);background:#ffffffe0;border-top:1px solid #ffffff73;width:100%;max-width:none;margin:0;position:relative;right:0;box-shadow:0 -12px 40px #00000038;left:0!important}.player-canvas-open{color:#3b5bdb;cursor:pointer;background:#fff;border:1px solid #e2e5eb;border-radius:8px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-top:.45rem;padding:0;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.player-canvas-open:hover{background:#f5f7ff;border-color:#3b5bdb;transform:translateY(-1px)}.player-bar-empty{text-align:center;color:#8b919c;flex:1;padding:.35rem 0;font-size:.9rem}.player-track{flex:0 0 220px;min-width:0}.player-track-title{color:#14151a;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:100%;padding:0;font-size:.9rem;font-weight:600;transition:color .15s;display:block;overflow:hidden}.player-track-title:hover{color:#3b5bdb}.player-track-meta{color:#8b919c;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.75rem;overflow:hidden}.player-center{flex-direction:column;flex:1;align-items:center;gap:.5rem;max-width:520px;margin:0 auto;display:flex}.player-controls{align-items:center;gap:.35rem;display:flex}.player-ctrl{color:#3d4451;background:#f4f5f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .12s;display:flex}.player-ctrl:hover{background:#e8eaee;transform:scale(1.05)}.player-ctrl.shuffle-on{color:#3b5bdb;background:#e8eeff}.player-play{color:#fff;background:linear-gradient(135deg,#3b5bdb 0%,#5c7cfa 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .12s;display:flex;box-shadow:0 4px 14px #3b5bdb59}.player-play:hover{transform:scale(1.06)}.player-progress-row{align-items:center;gap:.65rem;width:100%;display:flex}.player-time{font-variant-numeric:tabular-nums;color:#8b919c;flex-shrink:0;width:2.5rem;font-size:.7rem}.player-time.end{text-align:right}.player-slider-wrap{cursor:pointer;background:#eceef2;border-radius:3px;flex:1;height:6px;position:relative}.player-slider-fill{pointer-events:none;background:linear-gradient(90deg,#3b5bdb,#7c9eff);border-radius:3px;height:100%}.player-right{flex:none;align-items:center;gap:.75rem;display:flex}.player-cheat-btn{color:#3d4451;background:#fff;border:1px solid #dce0e6;border-radius:8px;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s,transform .12s}.player-cheat-btn:hover:not(:disabled){color:#3b5bdb;border-color:#3b5bdb;transform:translateY(-1px)}.player-cheat-btn:disabled{opacity:.45;cursor:not-allowed}.player-volume{align-items:center;gap:.4rem;display:flex}.player-vol-icon{color:#8b919c;background:0 0;border:none;border-radius:6px;padding:.25rem;transition:background .15s,color .15s;display:flex}.player-vol-icon:hover{color:#3d4451;background:#f4f5f7}.player-vol-slider{appearance:none;background:#eceef2;border-radius:2px;width:72px;height:4px}.player-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3b5bdb;border-radius:50%;width:12px;height:12px}.page-title{letter-spacing:-.03em;color:#14151a;margin:0 0 .35rem;font-size:1.65rem;font-weight:700}.page-sub{color:#6b7280;margin:0 0 1.75rem;font-size:.95rem}.library-queue-banner{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:flex-start;gap:1rem;margin:0 0 1.25rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.45;display:flex}.library-queue-banner p{flex:1;min-width:0;margin:0}.library-queue-banner-dismiss{color:#4338ca;cursor:pointer;background:#fff;border:1px solid #a5b4fc;border-radius:6px;flex-shrink:0;padding:.35rem .65rem;font-size:.78rem;font-weight:600}.library-queue-banner-dismiss:hover{background:#e0e7ff}.create-page{max-width:72rem}.create-page-header{margin-bottom:1rem}.create-page-header .page-title{margin-bottom:.25rem}.create-page-lead{color:#6b7280;margin:0;font-size:.9rem;line-height:1.45}.create-source-stack .create-panel{margin-bottom:1.25rem}.create-dropzone-hint{color:#9ca3af;margin-top:.35rem;font-size:.8rem}.create-topic-row{margin-bottom:1.25rem}.create-topic-select{max-width:22rem}.create-options-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem 2rem;margin-bottom:1rem;display:grid}.create-options-stack{flex-direction:column;gap:1rem;min-width:0;display:flex}.voice-pair-row{grid-template-columns:auto auto;justify-content:start;align-items:start;gap:.35rem 1.75rem;display:grid}@media (width<=520px){.voice-pair-row{grid-template-columns:1fr}}.voice-picker{flex-direction:column;gap:.35rem;min-width:0;display:flex}.voice-picker-label{text-transform:uppercase;letter-spacing:.05em;color:#8b919c;font-size:.72rem;font-weight:700}.voice-type-select{width:100%;max-width:min(28rem,100%);margin-top:.15rem}.create-page .generate-wrap{margin-top:.5rem}.create-page .script-preview{margin-top:1.25rem}.create-page .script-preview-body{max-height:min(22rem,38vh)}@media (width<=700px){.create-options-layout{grid-template-columns:1fr}}@media (width<=380px){.voice-pair-row{grid-template-columns:1fr}}.create-tabs{background:#f4f5f7;border-radius:12px;gap:.25rem;width:fit-content;margin-bottom:1.25rem;padding:.25rem;display:flex}.create-tab{color:#6b7280;background:0 0;border:none;border-radius:10px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.create-tab:hover{color:#14151a}.create-tab.active{color:#14151a;background:#fff;box-shadow:0 1px 3px #0000000f}.create-panel{background:#fafbfc;border:1px solid #eceef2;border-radius:16px;min-height:180px;margin-bottom:1.75rem;padding:1.25rem}.create-textarea{resize:vertical;color:#14151a;background:#fff;border:1px solid #e2e5ea;border-radius:12px;width:100%;min-height:160px;padding:1rem;font-size:.95rem;line-height:1.5;transition:border-color .15s}.create-textarea:focus{border-color:#3b5bdb;outline:none}.create-url-row{align-items:stretch;gap:.65rem;display:flex}.create-url-input{background:#fff;border:1px solid #e2e5ea;border-radius:12px;flex:1;padding:.85rem 1rem;font-size:.95rem;transition:border-color .15s}.create-url-input:focus{border-color:#3b5bdb;outline:none}.create-fetch{color:#fff;background:linear-gradient(135deg,#3b5bdb 0%,#5c7cfa 100%);border:none;border-radius:12px;padding:0 1.25rem;font-size:.85rem;font-weight:600;transition:transform .12s}.create-fetch:hover{transform:scale(1.02)}.create-dropzone{text-align:center;color:#6b7280;background:#fff;border:2px dashed #cfd4dc;border-radius:16px;padding:2.5rem;transition:border-color .15s,background .15s}.create-dropzone.drag{background:#f5f7ff;border-color:#3b5bdb}.create-dropzone-icon{margin-bottom:.5rem;font-size:2rem}.config-grid{gap:1.25rem;margin-bottom:1.75rem;display:grid}.config-row label,.config-block label,.config-block-section-title{text-transform:uppercase;letter-spacing:.05em;color:#8b919c;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:block}.config-select{color:#14151a;background:#fff;border:1px solid #e2e5ea;border-radius:10px;width:100%;max-width:320px;padding:.65rem .85rem;font-size:.9rem}.config-pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{color:#3d4451;background:#fff;border:1px solid #e2e5ea;border-radius:999px;padding:.45rem .95rem;font-size:.82rem;font-weight:500;transition:border-color .15s,background .15s,transform .12s}.pill:hover{border-color:#c5cad3;transform:translateY(-1px)}.pill.active{color:#3b5bdb;background:#e8eeff;border-color:#3b5bdb}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.65rem;display:grid}.voice-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e5ea;border-radius:12px;padding:.75rem;transition:border-color .15s,box-shadow .15s,transform .12s}.voice-card:hover{border-color:#c5cad3;transform:translateY(-2px);box-shadow:0 6px 16px #14151a0f}.voice-card.selected{border-color:#3b5bdb;box-shadow:0 0 0 2px #3b5bdb33}.voice-name{color:#14151a;font-size:.92rem;font-weight:600;line-height:1.25}.voice-description{color:#6b7280;text-transform:capitalize;margin-top:.35rem;font-size:.75rem;line-height:1.4}.generate-wrap{margin-top:.5rem}.generate-btn{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:none;border-radius:12px;padding:.9rem 2.25rem;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .15s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1e293b40}.generate-btn:disabled{opacity:.7;cursor:wait}.generate-loading{max-width:400px;margin-top:1rem}.generate-loading-bar{background:#eceef2;border-radius:3px;height:6px;overflow:hidden}.generate-loading-fill{background:linear-gradient(90deg,#3b5bdb,#7c9eff);border-radius:3px;height:100%;transition:width .3s}.generate-loading-text{color:#6b7280;margin-top:.65rem;font-size:.85rem}.generate-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.generate-btn--secondary{color:#334155;box-shadow:none;background:#fff;border:1px solid #cbd5e1}.generate-btn--secondary:hover:not(:disabled){background:#f8fafc;box-shadow:0 4px 14px #14151a14}.generate-btn--new-podcast{color:#475569;box-shadow:none;background:#fff;border:1px solid #94a3b8}.generate-btn--new-podcast:hover:not(:disabled){background:#f8fafc;border-color:#64748b;box-shadow:0 4px 14px #14151a0f}.create-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:1rem 0 0;padding:.85rem 1rem;font-size:.9rem}.create-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.config-hint{color:#9ca3af;margin:.4rem 0 0;font-size:.72rem;line-height:1.35}.config-hint code{background:#f3f4f6;border-radius:4px;padding:.08rem .28rem;font-size:.68rem}.voice-api-grid{flex-direction:column;gap:.85rem;display:flex}.voice-api-row{flex-direction:column;gap:.45rem;display:flex}.voice-api-label{color:#4b5563;font-size:.8rem;font-weight:600}.voice-api-label code{background:#f3f4f6;border-radius:4px;padding:.08rem .28rem;font-size:.72rem;font-weight:500}.voice-api-pills{margin:0}.script-preview{background:#fafbfc;border:1px solid #e2e5ea;border-radius:16px;margin-top:2rem;overflow:hidden}.script-preview-header{background:#fff;border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.script-preview-title{color:#14151a;margin:0;font-size:1rem;font-weight:700}.script-preview-count{color:#8b919c;font-size:.78rem;font-weight:600}.script-preview-body{flex-direction:column;gap:1rem;max-height:min(28rem,55vh);padding:1rem 1.15rem 1.25rem;display:flex;overflow-y:auto}.script-line{background:#fff;border:1px solid #eceef2;border-radius:12px;padding:.85rem 1rem}.script-line--host{border-left:3px solid #3b5bdb}.script-line--guest{border-left:3px solid #0d9488}.script-line-meta{align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.script-line-speaker{text-transform:uppercase;letter-spacing:.06em;color:#3d4451;font-size:.68rem;font-weight:800}.script-line-voice{color:#8b919c;text-transform:capitalize;font-size:.68rem}.script-line-text{color:#1f2937;margin:0;font-size:.92rem;line-height:1.55}.topic-section{margin-bottom:2.25rem}.topic-section-header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.topic-section-header h2{color:#14151a;margin:0;font-size:1.15rem;font-weight:700}.play-all{color:#3b5bdb;background:0 0;border:none;padding:.25rem 0;font-size:.85rem;font-weight:600;transition:opacity .15s}.play-all:hover{opacity:.8}.carousel-shell{position:relative}.carousel-scroll-btn{z-index:2;color:#3b5bdb;cursor:pointer;background:#fffffff2;border:1px solid #e2e5eb;border-radius:10px;justify-content:center;align-items:center;width:2.25rem;height:2.75rem;padding:0 .15rem;font-size:1.35rem;font-weight:700;line-height:1;transition:background .15s,box-shadow .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #14151a1f}.carousel-scroll-btn:hover{background:#fff;box-shadow:0 4px 18px #3b5bdb2e}.carousel-scroll-btn--left{left:.25rem}.carousel-scroll-btn--right{right:.25rem}.carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:stretch;gap:1rem;padding:.25rem 2.75rem .5rem;scroll-padding-inline:2.75rem;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{height:6px}.carousel::-webkit-scrollbar-thumb{background:#d8dce3;border-radius:3px}.episode-card{scroll-snap-align:start;background:#fff;border:2px solid #0000;border-radius:13px;flex-direction:column;flex:0 0 212px;min-height:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden;box-shadow:0 2px 12px #14151a0f}.episode-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #14151a1a}.episode-card.playing{border-color:#3b5bdb;box-shadow:0 8px 24px #3b5bdb33}.ep-thumb-wrap{aspect-ratio:4/3;flex-shrink:0;position:relative}.ep-thumb{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.75rem;display:flex}.ep-badge{text-transform:uppercase;letter-spacing:.03em;color:#3d4451;background:#ffffffeb;border-radius:6px;padding:.2rem .45rem;font-size:.62rem;font-weight:700;position:absolute;top:7px;right:7px;box-shadow:0 1px 4px #00000014}.ep-body{flex-direction:column;flex:auto;min-height:0;padding:.65rem .8rem .8rem;display:flex}.ep-title{color:#14151a;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0 0 .32rem;font-size:.87rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.ep-meta{color:#8b919c;flex-shrink:0;min-height:1.35em;margin-bottom:.5rem;font-size:.72rem}.ep-actions{flex-shrink:0;gap:.4rem;margin-top:auto;display:flex}.ep-btn{color:#3d4451;background:#fff;border:1px solid #e2e5ea;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:2.35rem;padding:.4rem .5rem;font-size:.72rem;font-weight:600;transition:border-color .15s,background .15s,transform .12s;display:flex}.ep-btn:hover{color:#3b5bdb;border-color:#3b5bdb;transform:scale(1.02)}.ep-btn.primary{color:#fff;background:#3b5bdb;border-color:#3b5bdb}.ep-btn.primary:hover{color:#fff;background:#2f4bc9}.ep-btn:disabled,.ep-btn.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.ep-btn:disabled:hover,.ep-btn.primary:disabled:hover{color:inherit;background:#fff;border-color:#e2e5ea}.ep-btn.primary:disabled:hover{color:#fff;background:#3b5bdb}.topic-playlist{--playlist-pad-x:2.5rem;width:calc(100% + 2 * var(--playlist-pad-x));max-width:none;margin-left:calc(-1 * var(--playlist-pad-x));margin-right:calc(-1 * var(--playlist-pad-x))}.topic-playlist-back{color:#3b5bdb;padding:0 var(--playlist-pad-x) 1.25rem;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;display:block}.topic-playlist-back:hover{text-decoration:underline}.topic-playlist-hero{color:#fff;box-sizing:border-box;background:linear-gradient(#2d3548 0%,#1a1f2e 100%);border-radius:12px;justify-content:center;width:min(52rem,100% - 1.25rem);max-width:none;margin:0 auto 1.5rem;padding:1.3rem 1.5rem 1.45rem;display:flex}.topic-playlist-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:100%;display:flex}.topic-playlist-cover{flex-shrink:0}.topic-playlist-cover-grid{aspect-ratio:1;border-radius:8px;width:min(10.25rem,36vw);display:grid;overflow:hidden;box-shadow:0 8px 28px #0000006b}.topic-playlist-cover-grid--1{grid-template-rows:1fr;grid-template-columns:1fr}.topic-playlist-cover-grid--2{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.topic-playlist-cover-grid--3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.topic-playlist-cover-grid--3 .topic-playlist-cover-cell:nth-child(3){grid-column:1/-1}.topic-playlist-cover-grid--4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.topic-playlist-cover-cell{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.topic-playlist-cover-emoji{font-size:clamp(1rem,3vw,1.45rem)}.topic-playlist-cover-empty{aspect-ratio:1;background:#3b5bdb;border-radius:8px;justify-content:center;align-items:center;width:min(10.25rem,36vw);font-size:clamp(2rem,7vw,2.75rem);display:flex;box-shadow:0 8px 28px #00000061}.topic-playlist-hero-text{flex-direction:column;align-items:center;width:100%;display:flex}.topic-playlist-type{text-transform:uppercase;letter-spacing:.11em;color:#ffffffbf;margin:0 0 .2rem;font-size:.68rem;font-weight:700}.topic-playlist-title{letter-spacing:-.025em;overflow-wrap:break-word;max-width:100%;margin:0 0 .4rem;font-size:clamp(1.45rem,3vw,2rem);font-weight:800;line-height:1.15}.topic-playlist-meta{color:#ffffffdb;margin:0 0 .85rem;font-size:.92rem;line-height:1.4}.topic-playlist-actions{justify-content:center;align-items:center;gap:.65rem;display:flex}.topic-playlist-icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .15s,transform .12s;display:flex}.topic-playlist-icon-btn:hover{background:#fff3;transform:scale(1.05)}.topic-playlist-icon-btn.is-on{color:#fff;background:#3b5bdb}.topic-playlist-icon-btn svg{width:18px;height:18px}.topic-playlist-play-btn{color:#fff;cursor:pointer;background:#3b5bdb;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.15rem .5rem .85rem;font-size:.88rem;font-weight:700;transition:background .15s,transform .12s;display:inline-flex;box-shadow:0 3px 16px #3b5bdb73}.topic-playlist-play-btn:hover{background:#2f4bc9;transform:scale(1.03)}.topic-playlist-play-btn svg{width:1.3rem;height:1.3rem}.topic-playlist-play-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.topic-playlist-play-btn:disabled:hover{background:#3b5bdb;transform:none}@media (width>=560px){.topic-playlist-hero-inner{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.35rem}.topic-playlist-hero-text{text-align:left;flex:1;align-items:flex-start;min-width:0}.topic-playlist-actions{justify-content:flex-start}}.topic-playlist-tracks{flex-direction:column;gap:.15rem;width:100%;display:flex}.topic-playlist-row{box-sizing:border-box;width:100%;padding:.65rem var(--playlist-pad-x);text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;border-radius:0;align-items:center;gap:.85rem;margin:0;transition:background .12s;display:flex}.topic-playlist-row:hover{background:#f4f6f9}.topic-playlist-row.is-playing{background:#e8eeff}.topic-playlist-row--pending{opacity:.55;cursor:not-allowed}.topic-playlist-row--pending:hover{background:0 0}.topic-playlist-row-thumb{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.15rem;display:flex;overflow:hidden}.topic-playlist-row-body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.topic-playlist-row-title{color:#14151a;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.topic-playlist-row-sub{color:#8b919c;font-size:.78rem}@media (width<=640px){.topic-playlist{--playlist-pad-x:1.25rem}.topic-playlist-hero{width:min(52rem,100% - .75rem);padding:1.05rem 1.15rem 1.2rem}}.cheat-feed{flex-direction:column;gap:1.25rem;max-width:720px;display:flex}.cheat-card{background:#fff;border:1px solid #eceef2;border-radius:16px;scroll-margin-top:100px;transition:box-shadow .15s,transform .12s;overflow:hidden}.cheat-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #14151a14}.cheat-card.highlight{box-shadow:0 0 0 2px #3b5bdb}.cheat-top{background:#fafbfc;border-bottom:1px solid #f0f2f5;align-items:center;gap:.65rem;padding:1rem 1.15rem;display:flex}.cheat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cheat-top-title{color:#14151a;flex:1;margin:0;font-size:1rem;font-weight:700}.cheat-play-ep{color:#3d4451;background:#fff;border:1px solid #e2e5ea;border-radius:8px;padding:.4rem .75rem;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s}.cheat-play-ep:hover{color:#3b5bdb;border-color:#3b5bdb}.cheat-body{padding:1.15rem}.cheat-section-label{text-transform:uppercase;letter-spacing:.05em;color:#8b919c;margin-bottom:.5rem;font-size:.68rem;font-weight:700}.cheat-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.cheat-tag{color:#3d4451;background:#f4f5f7;border-radius:6px;padding:.25rem .55rem;font-size:.75rem;font-weight:500}.cheat-list{color:#3d4451;margin:0 0 1rem;padding-left:1.1rem;font-size:.88rem;line-height:1.55}.cheat-list li{margin-bottom:.35rem}.cheat-takeaway{color:#1e3a5f;background:linear-gradient(135deg,#eff6ff 0%,#e8eeff 100%);border:1px solid #dbe4ff;border-radius:12px;padding:1rem;font-size:.9rem;font-weight:500;line-height:1.55}.empty-state{text-align:center;max-width:400px;margin:0 auto;padding:4rem 2rem}.empty-state-icon{margin-bottom:1rem;font-size:3.5rem}.empty-state h2{color:#14151a;margin:0 0 .5rem;font-size:1.25rem}.empty-state p{color:#8b919c;margin:0;font-size:.95rem;line-height:1.5}@media (width<=900px){.app-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #eceef2;border-right:none;flex-flow:wrap;height:auto;position:relative}.app-nav{flex-flow:wrap;margin-top:0}.player-bar{flex-wrap:wrap;grid-column:1;left:0;right:0}.player-center{order:3;width:100%;max-width:none}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-optical-sizing:auto;color:#14151a;-webkit-font-smoothing:antialiased;background:#fff;font-family:DM Sans,system-ui,-apple-system,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}