.youtube-notification{position:fixed;z-index:10002;top:49px;right:18px;display:flex;align-items:flex-start;gap:12px;width:min(350px,calc(100vw - 28px));min-height:96px;padding:14px 36px 14px 14px;border:1px solid #f5ffff;border-radius:11px;background:linear-gradient(155deg,#f7fffff2,#d7f0faed 47%,#a9d5eaf0);box-shadow:inset 0 1px #fff,0 0 0 1px #5b91ab8c,0 14px 36px #00436b52;color:#17435d;font-family:"Lucida Grande","Segoe UI",Tahoma,Arial,sans-serif;text-shadow:0 1px #fff9;backdrop-filter:blur(16px);animation:notification-arrive .4s cubic-bezier(.2,.8,.2,1) both}
.notification-icon{flex:none;display:grid;place-items:center;width:43px;height:43px;margin-top:2px;border:1px solid #8a1515;border-radius:10px;background:linear-gradient(#f76b62,#d6241e 48%,#a90000 51%,#db2d25);box-shadow:inset 0 1px #ffb6ae,inset 0 0 0 2px #ffffff25,0 2px 5px #0008}
.notification-icon span{font-size:20px;line-height:1;color:white;filter:drop-shadow(0 1px 1px #740000);transform:translateX(1px)}
.notification-link{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;color:inherit;text-decoration:none}
.notification-link:hover .notification-title{text-decoration:underline}
.notification-link:focus-visible,.notification-close:focus-visible{outline:2px solid #0075ae;outline-offset:3px}
.notification-source{font-size:14px;font-weight:700;line-height:1.2}
.notification-channel{font-size:12px;line-height:1.3;color:#3c6176}
.notification-title{font-size:13px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.notification-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#316682;font-size:19px;line-height:1;text-shadow:0 1px #fff;opacity:.8}
.notification-close:hover{border-color:#7aa9c2;background:#ffffffa8;opacity:1}
@keyframes notification-arrive{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.youtube-notification{top:50px;right:8px;width:min(350px,calc(100vw - 16px))}}
@media(prefers-reduced-motion:reduce){.youtube-notification{animation:none}}
#desktop .topbar .notification-bell{position:relative;flex:none;display:grid;place-items:center;width:30px;height:28px;min-height:28px;padding:2px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:#1d4d68}
#desktop .topbar .notification-bell:hover,#desktop .topbar .notification-bell[aria-expanded="true"]{background:#ffffff9c}
.notification-bell svg{width:19px;height:19px}
.notification-badge{position:absolute;top:-3px;right:-5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border:1px solid #e9ffff;border-radius:9px;background:linear-gradient(#4db9e9,#087fba);box-shadow:0 1px 3px #00456d6b;color:white;font-size:10px;font-weight:700;line-height:1;text-shadow:0 1px #00486d}
.notification-center{position:fixed;z-index:10004;top:49px;right:18px;width:min(350px,calc(100vw - 28px));overflow:hidden;border:1px solid #f5ffff;border-radius:10px;background:linear-gradient(#f5fffff5,#d7effaf2);box-shadow:inset 0 1px #fff,0 0 0 1px #5b91ab8c,0 14px 36px #00436b52;color:#17435d;font-family:"Lucida Grande","Segoe UI",Tahoma,Arial,sans-serif;backdrop-filter:blur(16px)}
.notification-center-header{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:7px 10px 7px 14px;border-bottom:1px solid #9ebdcb;background:linear-gradient(#faffff,#c4e1ee);text-shadow:0 1px #fff}
.notification-center-header h2{margin:0;font-size:14px;font-weight:600;line-height:1.3}
.notification-center-close{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#316682;font-size:20px;line-height:1}
.notification-center-close:hover{border-color:#7aa9c2;background:#ffffffa8}
.notification-entry{position:relative;display:flex;align-items:flex-start;gap:11px;padding:14px;color:inherit;text-decoration:none}
.notification-entry:hover,.notification-entry.is-unread{background:#e7f8ffb8}
.notification-entry:focus-visible,.notification-center-close:focus-visible{outline:2px solid #0075ae;outline-offset:-3px}
.notification-entry-icon{flex:none;display:grid;place-items:center;width:35px;height:35px;border:1px solid #aa241f;border-radius:7px;background:linear-gradient(#f9776c,#da3027 48%,#aa100c 51%,#da3931);box-shadow:inset 0 1px #ffb5ab,0 2px 4px #003b5a3b;color:white;font-size:17px;text-shadow:0 1px #750e0b}
.notification-entry-copy{display:flex;min-width:0;flex-direction:column;gap:3px;font-size:12px;line-height:1.35}
.notification-entry-source{color:#35637b;font-size:12px}
.notification-entry-copy strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
@media(max-width:600px){.notification-center{top:50px;right:8px;width:min(350px,calc(100vw - 16px))}}
@media(max-width:360px){#desktop .topbar .menu-clock{display:none}}