:root{--page:#e8ecf0;--line:#c5ccd4;--ink:#1c2430;--muted:#4a5568;--band:#b8c0c8;--band2:#8a949e;--border:#aeb6c0;--fu:#64748b;--fp:#d97706;--ff:#2d6a4f;--fub:#e2e8f0;--fpb:#fef3c7;--ffb:#d8f3e0;--danger:#9f1239;--focus:#2563eb;--font:Figtree,system-ui,sans-serif;--gap:1.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--band2) var(--page)}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--page) repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--gap) - 1px),var(--line) calc(var(--gap) - 1px),var(--line) var(--gap));-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}::selection{background:var(--band);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#root{min-height:100vh}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{max-width:44rem;margin:0 auto;padding:0 1rem 5rem}.brand-band{background:linear-gradient(160deg,var(--band),var(--band2));border-bottom:2px solid #6b7580;margin:0 -1rem 1.5rem;padding:1.75rem 1.25rem 1.5rem}.brand-band__title{letter-spacing:-.03em;margin:0;font-size:2.25rem;font-weight:700;line-height:1.1}.brand-band__tag{margin:.35rem 0 0;font-size:1.05rem;font-weight:600}.brand-band__lede{max-width:36ch;color:var(--muted);margin:.75rem 0 0;font-size:.98rem}.app-main{flex-direction:column;gap:1.25rem;display:flex}.storage-banner{color:var(--danger);background:#fff1f2;border:1px solid #fecdd3;border-radius:2px;margin:0;padding:.75rem 1rem}.add-form{background:color-mix(in srgb,var(--page) 92%,#fff);border:0;border-bottom:1px solid var(--border);padding:1.15rem 0 1.25rem}.add-form__heading{letter-spacing:-.02em;margin:0 0 .85rem;font-size:1.15rem;font-weight:650}.add-form__grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=640px){.add-form__grid{grid-template-columns:1fr 1fr}.field--full{grid-column:1/-1}.episode{flex-direction:row;justify-content:space-between;align-items:flex-start}.episode__actions{flex-direction:column;align-items:stretch;min-width:9.5rem}}.field{flex-direction:column;gap:.35rem;display:flex}.field label{justify-content:space-between;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.field__hint,.field__optional{color:var(--muted);font-weight:500}.field input,.field textarea,.toolbar__sort select{font:inherit;color:var(--ink);border:1px solid var(--border);min-height:44px;caret-color:var(--focus);background:#fff;border-radius:2px;padding:.65rem .7rem}.field textarea{resize:vertical;min-height:5.5rem}.field input::placeholder,.field textarea::placeholder{color:#6b7788}.field__error{color:var(--danger);margin:0;font-size:.8rem}.add-form__actions{margin-top:1rem}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:2px;min-height:44px;padding:.55rem 1rem;font-weight:600;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .18s ease-out}.btn--primary{background:var(--ink);color:#f8fafc}.btn--primary:hover{background:#0f172a}.btn--ghost{color:var(--muted);border-color:var(--border);background:0 0}.btn--ghost:hover{color:var(--danger);background:#fff1f2;border-color:#fda4af}.toolbar{z-index:10;background:var(--page);border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;margin-inline:-.25rem;padding:.65rem .25rem .75rem;display:flex;position:sticky;top:0}.toolbar__flags{flex-wrap:wrap;gap:.4rem;display:flex}.flag{font:inherit;border:1px solid var(--border);min-height:44px;color:var(--ink);cursor:pointer;box-shadow:inset 4px 0 0 var(--border);background:0 0;border-radius:2px 2px 2px 0;padding:.4rem .75rem .4rem .55rem;font-size:.85rem;font-weight:600;transition:background-color .18s ease-out,box-shadow .18s ease-out}.flag--unlistened{box-shadow:inset 4px 0 0 var(--fu)}.flag--in-progress{box-shadow:inset 4px 0 0 var(--fp)}.flag--finished{box-shadow:inset 4px 0 0 var(--ff)}.flag--active{background:#fff}.flag--active.flag--unlistened{background:var(--fub)}.flag--active.flag--in-progress{background:var(--fpb)}.flag--active.flag--finished{background:var(--ffb)}.toolbar__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.toolbar__count{color:var(--muted);margin:0;font-size:.9rem}.toolbar__sort select{min-width:10rem}.episode-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.episode{border:0;border-bottom:1px solid var(--line);box-shadow:inset 5px 0 0 var(--fu);flex-direction:column;gap:.9rem;padding:1rem .35rem 1rem .85rem;animation:.22s ease-out ein;display:flex}.episode--unlistened{box-shadow:inset 5px 0 0 var(--fu)}.episode--in-progress{box-shadow:inset 5px 0 0 var(--fp);background:color-mix(in srgb,var(--fpb) 22%,transparent)}.episode--finished{box-shadow:inset 5px 0 0 var(--ff);background:color-mix(in srgb,var(--ffb) 18%,transparent)}@keyframes ein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.episode__podcast{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.episode__title{letter-spacing:-.02em;margin:.2rem 0 0;font-size:1.15rem;font-weight:700;line-height:1.25}.episode__note{max-width:60ch;margin:.55rem 0 0}.episode__meta{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:.75rem 0 0;font-size:.85rem;display:grid}.episode__meta dt{color:var(--muted);margin:0;font-weight:600}.episode__meta dd{margin:0}.episode__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status-toggle{font:inherit;border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:2px;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .75rem;font-weight:650;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,transform .18s ease-out;display:inline-flex}.status-toggle__tab{background:currentColor;border-radius:1px;flex-shrink:0;width:.55rem;height:1.35rem}.status-toggle__copy{flex-direction:column;gap:.05rem;line-height:1.2;display:flex}.status-toggle__next{opacity:.78;font-size:.72rem;font-weight:600}.status-toggle--unlistened{color:var(--fu);background:var(--fub);border-color:color-mix(in srgb,var(--fu) 35%,var(--border))}.status-toggle--in-progress{color:#92400e;background:var(--fpb);border-color:color-mix(in srgb,var(--fp) 40%,var(--border))}.status-toggle--finished{color:var(--ff);background:var(--ffb);border-color:color-mix(in srgb,var(--ff) 35%,var(--border))}.status-toggle:hover{transform:translateY(-1px)}.empty{text-align:left;border:1px dashed var(--border);border-radius:2px;padding:1.5rem 1.1rem}.empty__title{letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.empty__body{color:var(--muted);max-width:42ch;margin:.5rem 0 1rem}.undo-toast{z-index:40;background:var(--ink);color:#f8fafc;border-radius:2px;align-items:center;gap:.85rem;width:min(28rem,100% - 1.5rem);padding:.75rem .85rem;animation:.2s ease-out tin;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1c24302e}.undo-toast p{flex:1;margin:0;font-size:.92rem}.undo-toast__title{font-weight:650}.undo-toast__hint{opacity:.75;font-size:.85em}.undo-toast .btn--primary{background:var(--band);color:var(--ink)}@keyframes tin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width>=768px){.brand-band{padding:2.25rem 1.75rem 1.75rem}.brand-band__title{font-size:2.75rem}.app-shell{padding-inline:1.5rem}}@media (prefers-reduced-motion:reduce){.episode,.undo-toast,.status-toggle,.btn,.flag{transition:none!important;animation:none!important}.status-toggle:hover{transform:none}.undo-toast{transform:translate(-50%)}}