.new-episode-alert{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:16px 0 24px;color:var(--olive)}.new-episode-alert[hidden]{display:none}.series-heading .new-episode-alert{grid-column:1/-1;margin:12px 0 0}.notification-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:fit-content;max-width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--olive);font:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer}.notification-open svg{flex-shrink:0}.notification-open:focus-visible,.notification-dialog button:focus-visible{outline:3px solid #b1a27e;outline-offset:3px}.notification-inline-status:empty{display:none}.new-episode-alert .notification-inline-status{flex-basis:100%;font-size:13px;line-height:1.6;margin:0}.notification-dialog{width:min(440px,calc(100% - 28px));max-height:85dvh;overflow:auto;box-sizing:border-box;border:1px solid #e8d9b5;border-radius:18px;padding:26px;background:#f8f7f2;color:#332d1f;box-shadow:0 20px 80px #0003}.notification-dialog::backdrop{background:#1d191180}.notification-dialog h2{font-size:23px;line-height:1.4;margin:0 30px 12px 0}.notification-dialog p{font-size:16px;line-height:1.7;margin:10px 0}.notification-close{position:absolute;right:14px;top:12px;min-width:40px;min-height:40px;border:0;background:transparent;font:inherit;font-size:25px;cursor:pointer}.notification-options{border:0;padding:0;margin:20px 0}.notification-options legend{font-size:15px;font-weight:650;margin-bottom:10px}.notification-options label{display:flex;align-items:center;gap:12px;border:1px solid #e9dab8;border-radius:9px;padding:12px;margin:8px 0;font-size:17px;cursor:pointer}.notification-options input{width:20px;height:20px;accent-color:#76572d}.notification-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.notification-actions button{min-height:46px;border:1px solid #b3a481;border-radius:9px;padding:10px 16px;background:transparent;color:#584e35;font:inherit;font-size:16px;cursor:pointer}.notification-actions .notification-save{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-border);flex:1}.notification-actions button:disabled{opacity:.55;cursor:wait}.notification-help{color:#796a48;font-size:14px!important}.notification-error{color:#8b362b}.notification-dialog[hidden]{display:none}@media(max-width:600px){.new-episode-alert{justify-content:flex-end;text-align:right}.notification-dialog{padding:24px 20px}}@media(max-width:550px){.series-heading .new-episode-alert{margin:-8px 0 0}}

.notification-open:hover,.notification-actions .notification-save:hover{background:var(--accent-hover);color:var(--accent-ink)}
.notification-settings[hidden],.notification-recovery[hidden]{display:none}
.notification-actions .notification-primary{flex:1;background:var(--accent);color:var(--accent-ink);border-color:var(--accent-border)}
.notification-actions .notification-primary:hover{background:var(--accent-hover)}
.notification-guide-browser{font-weight:600;margin-top:16px!important}
.notification-dialog .notification-guide-site{font-size:14px;color:#796a48;overflow-wrap:anywhere}
.notification-guide-steps{padding-left:24px;margin:18px 0;font-size:16px;line-height:1.8}
.notification-guide-steps li{padding-left:4px;margin:12px 0}
.notification-guide-steps b{overflow-wrap:anywhere}
.notification-settings-shortcut{display:grid;gap:8px;margin-top:12px}
.notification-settings-address{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #d9cba9;border-radius:8px;background:#fffef9;color:#49371f;font:inherit;font-size:16px}
.notification-settings-address:focus-visible{outline:3px solid #b1a27e;outline-offset:3px}
.notification-copy-settings{min-height:46px;padding:10px 14px;border:1px solid var(--accent-border);border-radius:8px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.notification-copy-settings:hover{background:var(--accent-hover)}
.notification-recovery-stop{display:block;min-height:44px;margin-top:12px;padding:8px 0;border:0;background:none;font:inherit;font-size:14px;color:#796a48;text-decoration:underline;cursor:pointer}
.notification-dialog h2:focus{outline:none}
@media(max-width:420px){.notification-recovery .notification-actions{flex-direction:column}.notification-recovery .notification-actions button{width:100%}}