#reader-notification-panel{max-width:1120px;margin:24px auto;padding:0 4px}
#reader-notification-panel>p{color:var(--muted,#93939f);line-height:1.8}
.reader-notify-form{border:0;padding:0;min-width:0;margin:24px 0}
.reader-notify-toggle{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-weight:600}
.reader-notify-toggle input{width:18px;min-height:18px}
.reader-notify-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.reader-notify-card{min-width:0;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:14px;padding:22px;background:color-mix(in srgb,currentColor 3%,transparent)}
.reader-notify-card h3{font-size:17px;margin:0 0 12px}
.reader-notify-card>p,.reader-notify-card>small{font-size:13px;line-height:1.8;color:var(--muted,#93939f)}
.reader-notify-card label{display:grid;gap:8px;margin:20px 0 8px;font-size:13px}
.reader-notify-card input{width:100%;min-width:0}
.reader-notify-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.reader-notify-status{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.reader-notify-test{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.reader-notify-test select{min-width:140px}
.reader-key-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.reader-key-head h3{margin:0}
.reader-key-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);color:var(--muted,#93939f)}
.reader-notify-card.configured{border-color:#3ba55d99;background:#3ba55d0f}.reader-notify-card.configured .reader-key-badge{color:#57f287;border-color:#3ba55d;background:#3ba55d26}
.reader-bot label{display:grid;gap:8px;margin:16px 0 8px;font-size:13px}
.reader-bot{margin-bottom:20px}.reader-bot-head{display:flex;align-items:center;gap:16px}.reader-bot-head h3{margin:0 0 4px}
.reader-bot-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;background:color-mix(in srgb,currentColor 10%,transparent)}
.reader-bot .image-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}.reader-bot .image-upload small{color:var(--muted,#93939f)}
.reader-schedule{margin:24px 0}.reader-schedule-hours{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:16px 0}
.reader-notify-card .reader-schedule-hour{position:relative;display:block;margin:0;cursor:pointer}.reader-schedule-hour input{position:absolute;opacity:0;pointer-events:none}
.reader-schedule-hour span{display:block;text-align:center;padding:8px 0;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:8px;font-size:13px;font-variant-numeric:tabular-nums}
.reader-schedule-hour input:checked+span{background:var(--accent,#be32f5);border-color:var(--accent,#be32f5);color:#fff;font-weight:700}
.reader-schedule-hour input:focus-visible+span{outline:2px solid var(--accent,#be32f5);outline-offset:2px}
@media(max-width:720px){.reader-schedule-hours{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.reader-notify-grid{grid-template-columns:1fr}.reader-notify-card{padding:18px}}