.work-reminders{position:fixed;top:20px;right:20px;bottom:auto;left:auto;z-index:2147483647;width:min(344px,calc(100vw - 32px));display:grid;gap:10px;padding:0;margin:0;border:0;background:transparent;overflow:visible;pointer-events:none;font-family:inherit}
.work-reminder{position:relative;box-sizing:border-box;height:62px;min-height:62px;padding:12px 30px 12px 57px;border:1px solid #ffffffb3;border-radius:24px;background:rgba(250,250,252,.96);color:#111;box-shadow:0 3px 14px #0000001a;backdrop-filter:blur(16px);pointer-events:auto;overflow:hidden}
.work-reminder-avatar{display:grid;place-items:center;position:absolute;left:13px;top:15px;width:32px;height:32px;border-radius:8px;overflow:hidden}.work-reminder-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.work-reminder strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:18px;font-weight:700}
.work-reminder p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:18px;color:#111}
.work-reminder-close{position:absolute;right:6px;top:19px;z-index:2;display:grid;opacity:0;pointer-events:none;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#888;font-family:inherit;font-size:18px;line-height:1;cursor:pointer}
.work-reminder:hover .work-reminder-close,.work-reminder:focus-within .work-reminder-close{opacity:1;pointer-events:auto}
.work-reminder-close:hover{background:#ededed;color:#202020}
.work-reminder-view{position:absolute;inset:0;border-radius:24px;color:transparent;font-size:0;cursor:pointer;text-decoration:none}.work-reminder-view:hover{background:#00000004}.work-reminder-close:focus-visible,.work-reminder-view:focus-visible{outline:2px solid #218264;outline-offset:-3px}
html[data-theme="dark"] .work-reminder{background:#292929f5;border-color:#454545;color:#f0f0f0;box-shadow:0 5px 22px #0005}html[data-theme="dark"] .work-reminder p{color:#e3e3e3}html[data-theme="dark"] .work-reminder-close{color:#aaa}html[data-theme="dark"] .work-reminder-close:hover{background:#444;color:#f0f0f0}
@media(max-width:760px){.work-reminders{right:12px;top:12px;width:min(344px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:no-preference){.work-reminder{animation:work-reminder-appear .18s ease-out}@keyframes work-reminder-appear{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}}
.work-reminder-mention p{color:var(--danger,#c94e44)}

.work-reminder-avatar{display:grid;place-items:center;overflow:hidden;background:#deede6;color:#18745e;font-size:16px;font-weight:600}.work-reminder-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.work-reminder-avatar .work-reminder-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;width:100%;height:100%}
.work-reminder-avatar .work-reminder-mosaic img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;border-radius:0}
.work-reminder-avatar .work-reminder-mosaic img:only-child{grid-column:1/-1;grid-row:1/-1}