casty-app{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}casty-app app-header,casty-app show-rail,casty-app episode-list{width:min(1100px,100%);margin-inline:auto}casty-app app-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px}casty-app brand-mark{display:flex;flex:1;align-items:center;gap:10px;color:var(--primary);font-size:20px;font-weight:700;letter-spacing:-.02em}casty-app brand-mark m-symbol{font-size:28px}casty-app app-header button[part=refresh],casty-app app-header button[part=exit]{display:grid;place-items:center;width:44px;height:44px;background:var(--surface-1);border-radius:50%;color:var(--on-variant)}casty-app app-header button[part=refresh]:hover:not(:disabled),casty-app app-header button[part=exit]:hover{background:var(--surface-3);color:var(--on-surface)}casty-app app-header button[part=add]{display:flex;align-items:center;gap:8px;padding:12px 20px 12px 16px;background:var(--primary);border-radius:var(--radius-l);color:var(--on-primary);font-size:14px;font-weight:600}@media(prefers-reduced-motion:no-preference){casty-app app-header button[part=add]{transition:transform .3s var(--spring)}}casty-app app-header button[part=add]:hover{transform:scale(1.04)}@media(prefers-reduced-motion:no-preference){casty-app[state=refreshing] button[part=refresh] m-symbol{animation:spin 1s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){casty-app app-header button[part=add] span{display:none}casty-app app-header button[part=add]{padding:12px;border-radius:50%}}