.notification-tabs.ui-tab-list{border-bottom:1px solid var(--theme-line-subtle,#33332d);gap:0;width:calc(100% - 40px);max-width:660px;height:57px;margin:auto;padding:0;display:flex}.notification-tabs .ui-button{min-width:0;height:56px;min-height:56px;color:var(--theme-text-secondary,#9d9d93);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:20%;padding:20px 0 14px;font-size:14px;font-weight:400;line-height:20px}.notification-tabs .ui-button[aria-selected=true]{color:var(--theme-text-primary,#eee);border-bottom-color:var(--theme-surface-inverse,#eee);background:0 0}.notification-scroll{width:calc(100% - 40px);max-width:660px;margin-inline:auto}.notification-page{max-width:none;min-height:0;padding:0 0 20px}.notification-row{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:12px;padding:14px 20px 13px;text-decoration:none;display:flex}.notification-row:hover{background:var(--theme-surface-1,#242421)}.notification-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--theme-surface-1,#242421)}.notification-copy{flex:1;min-width:0;display:block}.notification-icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.notification-icon-attendance{color:#039400}.notification-icon-news{color:#6150d0}.notification-icon-like{color:#db6e85}.notification-icon-comment{color:#5d9ce1}.notification-icon-follow{color:#67af84}.notification-meta{min-width:0;color:var(--theme-text-muted,#6e6e64);justify-content:space-between;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;display:flex}.notification-meta time{white-space:nowrap;flex:none}.notification-title,.notification-body{overflow-wrap:anywhere;white-space:pre-wrap;font-size:16px;font-weight:400;line-height:24px;display:block}.notification-title{color:var(--theme-text-secondary,#a1a198);margin-top:8px}.notification-body{color:var(--theme-text-secondary,#818176);margin-top:4px}.notification-body:empty{display:none}.notification-feedback{color:var(--theme-text-secondary,#99998f);padding:24px 20px;font-size:14px;line-height:22px}.notification-feedback[role=alert]{color:var(--theme-error-text,#ffae9b)}.notification-feedback .ui-button{margin:8px 8px 0 0}.notification-empty{color:var(--theme-text-secondary,#85857c);text-align:center;margin:0;padding:150px 20px;font-size:14px}.notification-pagination{padding:16px 20px}.notification-pagination .ui-button{width:100%}.notification-notice>p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--theme-text-secondary,#c6c6bc);line-height:1.7}@media (max-width:350px){.notification-tabs .ui-button{font-size:12px}.notification-row{gap:8px;padding-inline:12px}.notification-meta{font-size:12px}.notification-title,.notification-body{font-size:14px;line-height:22px}}.notification-toolbar{border-bottom:1px solid var(--theme-line-subtle,#33332d);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 20px;display:flex}.notification-toolbar>span{color:var(--theme-text-secondary,#a1a198);margin-right:auto;font-size:12px}.notification-toolbar .ui-button{font-size:12px}.notification-unread-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;margin:0 6px 2px 0;display:inline-block}.notification-row[data-read=false] .notification-title{color:var(--theme-text-primary,#eee);font-weight:600}.notification-row[aria-busy=true]{opacity:.65}.notification-settings-page{padding-top:28px;padding-bottom:60px}.notification-settings-page>a{color:var(--theme-text-secondary,#aaa);text-underline-offset:4px}.notification-settings-page p{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.notification-settings-page form{margin:24px 0}.notification-settings-page section{padding:0}.notification-option{border-bottom:1px solid var(--theme-line-subtle);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.notification-settings-page ul{padding:0;list-style:none}.notification-settings-page li{justify-content:space-between;align-items:center;gap:16px;margin:12px 0;display:flex}.notification-settings-page h2{margin-top:32px;font-size:18px}
