/* Falue notification family: Concept 1. Existing visibility and action logic retain ownership. */
@layer falue-light-polish {
html body .fnp-pill{--fnp-bg:#fff;--fnp-ink:#242637;--fnp-shadow:0 3px 10px rgba(24,27,38,.045);--fnp-size:50px;box-sizing:border-box!important;min-height:var(--fnp-size)!important;height:var(--fnp-size)!important;padding:0 20px 0 calc(var(--fnp-size) + 12px)!important;gap:12px!important;border:0!important;border-radius:999px!important;background:var(--fnp-bg)!important;color:var(--fnp-ink)!important;box-shadow:var(--fnp-shadow)!important;font:400 14px/1.45 Convergence,sans-serif!important;text-align:start!important;overflow:visible!important;max-width:calc(100vw - 24px)!important;}
html body .fnp-pill .fnp-disc{box-sizing:border-box!important;position:absolute!important;inset-block-start:0!important;inset-inline-start:0!important;width:var(--fnp-size)!important;height:var(--fnp-size)!important;min-width:var(--fnp-size)!important;max-width:none!important;flex:0 0 var(--fnp-size)!important;border-radius:50%!important;padding:0!important;margin:0!important;border:0!important;display:grid!important;place-items:center!important;background:var(--fnp-bg)!important;color:var(--fnp-ink)!important;box-shadow:var(--fnp-shadow)!important;transform:none!important;}
html body .fnp-pill .fnp-disc>img,html body .fnp-pill .fnp-disc svg{width:21px!important;height:21px!important;max-width:21px!important;flex:none!important;margin:0!important;}
html body .fnp-pill .fnp-copy{min-width:0!important;flex:1 1 auto!important;white-space:normal!important;overflow-wrap:anywhere!important;max-height:calc(var(--fnp-size) - 16px)!important;overflow:auto!important;margin:0!important;padding:0!important;font:inherit!important;color:inherit!important;scrollbar-width:thin;}
html body .fnp-pill .fnp-copy strong{font:inherit!important;margin:0!important;white-space:normal!important;}
html body .fnp-pill .fnp-copy small{font-size:11px!important;line-height:1.5!important;color:inherit!important;opacity:.72;}
html body .fnp-pill :is(button,.snackbar-option){box-sizing:border-box!important;font:400 12px/1.35 Convergence,sans-serif!important;color:var(--falue-text-secondary,#5d5f93)!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:44px!important;flex-shrink:0!important;padding:8px 0 8px 12px!important;margin:0!important;cursor:pointer;}
html body .fnp-pill :is(button,.snackbar-option):focus-visible{outline:2px solid #5d5f93!important;outline-offset:3px!important;border-radius:8px!important;}
html body .fnp-pill :is(.fsf-notice-close,.falue-new-post-notice__close,.falue-feed-training-toast-close){width:32px!important;min-width:32px!important;flex-basis:32px!important;height:44px!important;}
html body .fnp-pill :is(.fsf-notice-close,.falue-new-post-notice__close) svg{width:16px!important;height:16px!important;}
html body .fnp-pill[hidden],html body .fnp-pill [hidden]{display:none!important;}
html body .fsf-notice.fnp-pill{width:max-content!important;max-width:min(var(--fsf-width,460px),calc(100vw - 24px))!important;}
html body .falue-connection.fnp-pill{width:max-content!important;max-width:min(600px,calc(100vw - 24px))!important;}
html body .falue-connection.fnp-pill .falue-connection__retry{max-width:100px!important;}
html body :is(.falue-longpress-share-toast,.falue-gesture-toast,#falue-post-feedback).fnp-pill{display:flex!important;align-items:center!important;width:max-content!important;max-width:min(460px,calc(100vw - 24px))!important;}
html body .snackbar.fnp-pill{width:max-content!important;min-width:0!important;max-width:min(460px,calc(100vw - 24px))!important;}
html body .snackbar.fnp-pill:not([style*="display: none"]){display:flex!important;align-items:center!important;}
html body .snackbar.fnp-pill .snackbar-option{text-transform:none!important;letter-spacing:0!important;}
html body .falue-new-post-notice.fnp-pill{display:flex;align-items:center;gap:10px!important;padding:0 20px!important;}
html body .falue-new-post-notice.fnp-pill .falue-new-post-notice__view{display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;min-height:var(--fnp-size)!important;color:inherit!important;}

html body .falue-new-post-notice.fnp-pill .falue-new-post-notice__count{background:transparent!important;color:inherit!important;font-size:12px!important;}
html body .tag_pop_noti{background:transparent!important;box-shadow:none!important;border:0!important;}
html body .tag_pop_noti .notifications-popup-list{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;margin-bottom:12px!important;}
html body .tag_pop_noti .notification-list,html body .tag_pop_noti .notification-list>a{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
html body .tag_pop_noti .fnp-pill{position:relative!important;display:flex!important;align-items:center!important;}
html body .tag_pop_noti .fnp-disc img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;}
html body .tag_pop_noti .fnp-copy .ajax-time{font-size:10px!important;opacity:.7;}
html body .tag_pop_noti .fnp-copy>svg{width:16px!important;height:16px!important;}
html:has(#night-mode-css) body .fnp-pill,html.falue-night-mode body .fnp-pill,html[data-theme=dark] body .fnp-pill,html body:is(.dark,[data-theme=dark],[mode=night]) .fnp-pill{--fnp-bg:#252638;--fnp-ink:#f4f3fa;--fnp-shadow:0 3px 10px rgba(0,0,0,.14);}
@media(max-width:1024px){html body :is(.falue-longpress-share-toast,.falue-gesture-toast,#falue-post-feedback,.snackbar).fnp-pill{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;}.snackbar.fnp-pill{left:50%!important;transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){html body .fnp-pill{transition:none!important;}}
}

/* Compact mobile connection and error notices; keep full-height circular ends. */
@layer falue-light-polish {
@media(max-width:767px){
html body :is(.falue-connection:not([data-state="online"]),.fsf-notice[data-kind="error"]).fnp-pill{--fnp-size:50px!important;padding:0 12px 0 calc(var(--fnp-size) + 8px)!important;gap:8px!important;font-size:13px!important;line-height:18px!important;}
html body :is(.falue-connection:not([data-state="online"]),.fsf-notice[data-kind="error"]).fnp-pill .fnp-copy{max-height:40px!important;}
html body .falue-connection:not([data-state="online"]).fnp-pill .fnp-copy small{font-size:11px!important;line-height:14px!important;}
html body :is(.falue-connection:not([data-state="online"]),.fsf-notice[data-kind="error"]).fnp-pill :is(button){padding-inline-start:8px!important;}
}
}

/* Centered, short action dividers within notification pills. */
@layer falue-light-polish {
html body .fnp-pill :is(button,.snackbar-option){position:relative!important;border-inline-start:0!important;}
html body .fnp-pill :is(button,.snackbar-option)::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:22px;transform:translateY(-50%);background:rgba(120,122,145,.16);pointer-events:none;}
html body .fnp-pill .falue-new-post-notice__view::before{content:none;}
}