#notifications-page[data-v-e5a93722]{background:var(--vss-bg,#e8e5dc);color:var(--vss-text-1,#111);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;min-height:100vh}#notifications-hero[data-v-e5a93722]{align-items:center;background-color:#6b5443;background-position:center 40%;background-repeat:no-repeat;background-size:cover;display:flex;height:195px;overflow:hidden;position:relative;width:100%}#notifications-hero[data-v-e5a93722]:after{background:linear-gradient(90deg,#28190f8c 0,#28190f52 45%,#28190f14),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.3));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}#notifications-hero-inner[data-v-e5a93722]{margin:0 auto;max-width:1000px;width:100%}#notifications-hero-text[data-v-e5a93722]{color:#fff;padding:0 28px 26px;position:relative;z-index:1}#notifications-hero-text h1[data-v-e5a93722]{align-items:center;display:flex;font-size:24px;font-weight:700;gap:10px;letter-spacing:0;line-height:1.3;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.65),0 2px 14px rgba(0,0,0,.45)}.notifications-hero-icon[data-v-e5a93722]{filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}#notifications-hero-text p[data-v-e5a93722]{font-size:14px;font-weight:600;line-height:1.7;margin:6px 0 0;max-width:560px;text-shadow:0 1px 3px rgba(0,0,0,.7),0 2px 12px rgba(0,0,0,.5)}#notifications-content[data-v-e5a93722]{margin:0 auto;max-width:900px;padding:0 28px 120px;width:100%}#notifications-tab-bar[data-v-e5a93722]{display:flex;margin-bottom:24px;margin-top:-25px;max-width:100%;position:relative;width:-moz-fit-content;width:fit-content;z-index:2}.notifications-tabs[data-v-e5a93722]{background:#fff;border:1px solid var(--vss-card-border,#e0ddd6);border-radius:28px;box-shadow:0 4px 18px #3c28142e;display:inline-flex;gap:6px;height:auto;padding:7px 9px}.notifications-tab[data-v-e5a93722]{align-items:center;border-radius:20px!important;color:var(--vss-text-2,#666)!important;font-size:14px;font-weight:700;height:36px!important;letter-spacing:0;line-height:1;min-width:92px;padding:0 18px!important}.notifications-tab[data-v-e5a93722] .v-btn__content{align-items:center;display:flex;justify-content:center;line-height:1}.notifications-tab[data-v-e5a93722]:hover{background:#f1f8f6!important;color:var(--vss-accent,#2d8b7e)!important}.notifications-tab.is-selected[data-v-e5a93722]{background:var(--vss-accent,#2d8b7e)!important;color:#fff!important}.notifications-caption[data-v-e5a93722]{color:var(--vss-text-3,#999);font-size:13px;line-height:1.7;margin:-8px 0 16px}#notifications-empty[data-v-e5a93722],#notifications-loading[data-v-e5a93722]{align-items:center;display:flex;justify-content:center;min-height:220px}#notifications-loading[data-v-e5a93722]{padding-top:40px}#notifications-empty[data-v-e5a93722]{background:#ffffff8c;border:1.5px dashed var(--vss-border,#d8d4cc);border-radius:14px;color:var(--vss-text-2,#666);flex-direction:column;gap:12px;margin-top:16px}#notifications-empty p[data-v-e5a93722]{font-size:14px;font-weight:600;margin:0}#notifications-list[data-v-e5a93722]{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:760px}.notification-group-heading[data-v-e5a93722]{align-items:center;display:flex;gap:12px;padding:10px 2px 4px}.notification-group-label[data-v-e5a93722]{color:#a09a90;font-size:12px;font-weight:800;letter-spacing:.08em}.notification-group-line[data-v-e5a93722]{background:linear-gradient(90deg,#dedad2,transparent 80%);flex:1;height:1px}.notification-card[data-v-e5a93722]{background:#fff;border:0;border-radius:12px;box-shadow:0 1px 3px #00000008,0 4px 14px #0000000d;color:inherit;display:flex;font:inherit;gap:14px;min-height:88px;opacity:.82;padding:16px 18px 34px;position:relative;text-align:left;transition:box-shadow .2s,transform .15s,opacity .15s;width:100%}.notification-card-clickable[data-v-e5a93722]{cursor:pointer}.notification-card-clickable[data-v-e5a93722]:hover{box-shadow:0 4px 12px #00000012,0 12px 32px #00000014;opacity:1;transform:translateY(-1px)}.notification-card.unread[data-v-e5a93722]{background:#f4fcfa;opacity:1}.notification-card-official[data-v-e5a93722]{opacity:1}.notification-dot[data-v-e5a93722]{background:var(--vss-accent,#2d8b7e);border-radius:50%;height:8px;position:absolute;right:18px;top:18px;width:8px}.notification-avatar[data-v-e5a93722]{background:#f5f5f5;border:3px solid #fff;box-shadow:0 2px 10px #0000001f;flex:0 0 auto}.notification-card-clickable .notification-avatar[data-v-e5a93722]{cursor:pointer}.notification-avatar-official[data-v-e5a93722]{background:linear-gradient(135deg,#8bc5bb,#5aada0)}.notification-body[data-v-e5a93722]{flex:1;min-width:0;padding-right:22px}.notification-chip[data-v-e5a93722]{align-items:center;border-radius:7px;display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.5;margin-bottom:10px;padding:2px 9px}.chip-official[data-v-e5a93722]{background:#e4f5f2;color:var(--vss-accent,#2d8b7e)}.chip-comment[data-v-e5a93722]{background:#f1e7ff;color:#7a4fb3}.chip-favorite[data-v-e5a93722]{background:#fce7f3;color:#db2777}.chip-reaction[data-v-e5a93722]{background:#e8f0fe;color:#3b82f6}.chip-post[data-v-e5a93722]{background:#fef3c7;color:#b45309}.chip-follow[data-v-e5a93722],.chip-user[data-v-e5a93722]{background:#eee9fb;color:#7651b8}.notification-title[data-v-e5a93722]{color:var(--vss-text-1,#111);font-size:15px;font-weight:800;line-height:1.45;margin:0 0 4px}.notification-description[data-v-e5a93722]{color:#777;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.notification-card-official .notification-description[data-v-e5a93722]{color:#333}.notification-text[data-v-e5a93722]{color:#333;font-size:15px;font-weight:500;line-height:1.65;margin:0}.notification-text strong[data-v-e5a93722]{color:var(--vss-text-1,#111);font-weight:800}.notification-reference[data-v-e5a93722]{color:var(--vss-accent,#2d8b7e);font-weight:800}.notification-date[data-v-e5a93722]{bottom:14px;color:#9e9e9e;display:block;font-size:12px;font-weight:600;margin-top:0;position:absolute;right:18px}.notifications-footer[data-v-e5a93722]{color:#c4beb4;font-size:12px;margin:12px 0 0;padding:14px 0 4px;text-align:center}@media screen and (min-width:1200px){#notifications-list[data-v-e5a93722]{max-width:820px}}@media screen and (max-width:768px){#notifications-hero[data-v-e5a93722]{height:145px}#notifications-hero-text[data-v-e5a93722]{padding:0 16px 24px}#notifications-hero-text h1[data-v-e5a93722]{font-size:20px}#notifications-hero-text p[data-v-e5a93722]{font-size:11.5px;margin-top:4px}#notifications-content[data-v-e5a93722]{padding:0 12px 100px}#notifications-tab-bar[data-v-e5a93722]{display:flex;margin:0 -12px 16px;max-width:none;width:auto}.notifications-tabs[data-v-e5a93722]{border:0;border-bottom:1px solid var(--vss-border,#d8d4cc);border-radius:0;box-shadow:0 2px 8px #3c321e0f;display:flex;gap:0;overflow-x:auto;padding:0 8px;scrollbar-width:none;width:100%}.notifications-tabs[data-v-e5a93722]::-webkit-scrollbar{display:none}.notifications-tab[data-v-e5a93722]{border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--vss-text-2,#666)!important;flex:1 1 0;font-size:15px;height:48px!important;min-width:0;padding:0 18px!important}.notifications-tab[data-v-e5a93722],.notifications-tab.is-selected[data-v-e5a93722],.notifications-tab[data-v-e5a93722]:hover{background:transparent!important}.notifications-tab.is-selected[data-v-e5a93722]{border-bottom-color:var(--vss-accent,#2d8b7e)!important;color:var(--vss-accent,#2d8b7e)!important}.notifications-caption[data-v-e5a93722]{font-size:12px;margin:-2px 4px 14px}#notifications-list[data-v-e5a93722]{max-width:none}.notification-group-heading[data-v-e5a93722]{padding:9px 6px 4px}.notification-card[data-v-e5a93722]{border-radius:14px;gap:13px;min-height:92px;padding:15px 14px 34px}.notification-avatar[data-v-e5a93722]{height:42px!important;width:42px!important}.notification-body[data-v-e5a93722]{padding-right:12px}.notification-description[data-v-e5a93722],.notification-text[data-v-e5a93722],.notification-title[data-v-e5a93722]{font-size:15px}.notification-dot[data-v-e5a93722]{right:18px;top:18px}.notification-date[data-v-e5a93722]{bottom:12px;right:14px}}@media screen and (max-width:420px){.notifications-tab[data-v-e5a93722]{font-size:14px;padding:0 14px!important}.notification-card[data-v-e5a93722]{padding:14px 13px 34px}.notification-date[data-v-e5a93722]{right:13px}.notification-avatar[data-v-e5a93722]{height:40px!important;width:40px!important}}