.yt-pref-bell{border:1px solid #cde8da;background:#f0fbf5;color:#07553b;border-radius:12px;padding:10px 12px;font:700 12px system-ui;cursor:pointer;white-space:nowrap}
.yt-pref-floating{position:fixed;top:12px;right:12px;z-index:1500}
.yt-pref-backdrop{position:fixed;inset:0;z-index:2147480000;background:#09261bb8;display:flex;align-items:center;justify-content:center;padding:16px}
.yt-pref-card{background:#fff;color:#173d30;border-radius:22px;padding:25px;width:min(430px,100%);max-height:calc(100dvh - 32px);overflow:auto;position:relative;box-shadow:0 20px 65px #0004;font:14px system-ui}
.yt-pref-card h2{font-size:23px;margin:0 0 7px}.yt-pref-card p{color:#667b70;margin:0 0 20px}.yt-pref-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-bottom:15px}
.yt-pref-card select{border:1px solid #cdded6;border-radius:10px;background:white;color:#153e30;padding:12px;font:inherit;width:100%}
.yt-pref-card .yt-pref-toggle{display:flex;flex-direction:row;align-items:center;gap:12px;padding:13px;background:#f2faf6;border-radius:12px}.yt-pref-toggle input{width:19px;height:19px;accent-color:#08794c}.yt-pref-toggle span{display:flex;flex-direction:column;gap:4px}.yt-pref-toggle small{font-weight:400;color:#597367}
.yt-pref-save{width:100%;border:0;border-radius:12px;background:#08794c;color:#fff;padding:13px;font-weight:800;cursor:pointer}.yt-pref-save:disabled{opacity:.6}.yt-pref-close{position:absolute;top:12px;right:15px;border:0;background:transparent;font-size:26px;cursor:pointer}.yt-pref-permission,.yt-pref-status{font-size:12px;color:#677c70;margin-bottom:12px}.yt-pref-status{color:#b42318}
@media(max-width:760px){.yt-pref-bell{font-size:0;padding:9px;min-width:35px}.yt-pref-bell::first-letter{font-size:17px}.yt-pref-card{padding:20px}}

/* Icon-only notification control on all screen sizes. */
.yt-header .yt-pref-bell{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;width:40px;height:40px;padding:0;font-size:19px;line-height:1;white-space:nowrap}
.yt-header .yt-pref-bell[data-notification-state="on"]{background:#e7f8ed;border-color:#9cddbd}
.yt-header .yt-pref-bell[data-notification-state="blocked"]{background:#fff5ec;border-color:#f5d3b6}