.nbell[data-v-4d583b2f],.nbell__btn[data-v-4d583b2f]{position:relative}.nbell__btn[data-v-4d583b2f]{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:38px;height:38px;color:var(--fg-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);background:0 0;place-items:center;display:grid}.nbell__btn[data-v-4d583b2f]:hover{color:var(--fg-default);border-color:var(--border-strong)}.nbell__btn svg[data-v-4d583b2f]{width:18px;height:18px}.nbell__badge[data-v-4d583b2f]{border-radius:var(--radius-full);background:var(--action-solid);min-width:18px;height:18px;color:var(--fg-on-action);font-size:11px;font-weight:var(--weight-bold);place-items:center;padding:0 4px;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.nbell__panel[data-v-4d583b2f]{top:calc(100% + var(--space-2));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-overlay);width:min(92vw,340px);box-shadow:var(--elevation-3);padding:var(--space-3);z-index:60;position:absolute;inset-inline-end:0}@media (width<=560px){.nbell__panel[data-v-4d583b2f]{inset-inline:var(--space-3);width:auto;max-block-size:calc(100dvh - var(--header-h) - var(--space-6));overscroll-behavior:contain;position:fixed;inset-block-start:calc(var(--header-h) + var(--space-2));overflow-y:auto}}.nbell__head[data-v-4d583b2f]{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.nbell__title[data-v-4d583b2f]{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.nbell__markall[data-v-4d583b2f]{color:var(--action-text);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0}.nbell__markall[data-v-4d583b2f]:hover{text-decoration:underline}.nbell__state[data-v-4d583b2f]{color:var(--fg-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.nbell__list[data-v-4d583b2f]{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nbell__item[data-v-4d583b2f]{padding:var(--space-2) var(--space-2);border-top:1px solid var(--border-subtle)}.nbell__item[data-v-4d583b2f]:first-child{border-top:0}.nbell__item.is-unread[data-v-4d583b2f]{background:color-mix(in oklch,var(--action-solid) 6%,transparent);border-radius:var(--radius-sm)}.nbell__itemtitle[data-v-4d583b2f]{font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.nbell__itembody[data-v-4d583b2f]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nbell__itembody[data-v-4d583b2f],.nbell__itemwhen[data-v-4d583b2f]{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--fg-muted)}.nbell__all[data-v-4d583b2f]{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--text-sm);color:var(--action-text);text-decoration:none;display:block}.nbell__all[data-v-4d583b2f]:hover{text-decoration:underline}.nbell-pop-enter-active[data-v-4d583b2f],.nbell-pop-leave-active[data-v-4d583b2f]{transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.nbell-pop-enter-from[data-v-4d583b2f],.nbell-pop-leave-to[data-v-4d583b2f]{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.nbell-pop-enter-active[data-v-4d583b2f],.nbell-pop-leave-active[data-v-4d583b2f]{transition:none}}.um[data-v-1c187c20]{position:relative}.um__trigger[data-v-1c187c20]{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-default);width:40px;height:40px;color:var(--fg-default);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-emphasized),background var(--duration-fast) var(--ease-emphasized),color var(--duration-fast) var(--ease-emphasized);place-items:center;display:grid}.um__trigger svg[data-v-1c187c20]{width:20px;height:20px}.um__trigger.is-open[data-v-1c187c20],.um__trigger[data-v-1c187c20]:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.um__trigger.is-auth[data-v-1c187c20]{border-color:var(--border-strong)}.um__trigger[data-v-1c187c20]:focus-visible{box-shadow:var(--focus-ring);outline:none}.um__panel[data-v-1c187c20]{top:calc(100% + var(--space-2));z-index:var(--z-drawer,40);min-width:12.5rem;padding:var(--space-1);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-3);transform-origin:100% 0;position:absolute;right:0}.um__count[data-v-1c187c20]{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--fg-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-inline-start:auto}.um__item[data-v-1c187c20]{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg-default);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-emphasized);background:0 0;border:0;text-decoration:none;display:flex}.um__item svg[data-v-1c187c20]{width:16px;height:16px;color:var(--fg-muted);flex:none}.um__item[data-v-1c187c20]:hover{background:var(--surface-sunken)}.um__item[data-v-1c187c20]:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.um__item--accent[data-v-1c187c20],.um__item--accent svg[data-v-1c187c20]{color:var(--action-text)}.um__item--danger[data-v-1c187c20]:hover{background:var(--danger-soft)}.um__item--danger[data-v-1c187c20]:hover,.um__item--danger:hover svg[data-v-1c187c20]{color:var(--danger-text)}.um__divider[data-v-1c187c20]{height:1px;margin:var(--space-1) var(--space-2);background:var(--border-subtle)}.um-enter-active[data-v-1c187c20]{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.um-leave-active[data-v-1c187c20]{transition:opacity var(--duration-fast) var(--ease-in),transform var(--duration-fast) var(--ease-in)}.um-enter-from[data-v-1c187c20],.um-leave-to[data-v-1c187c20]{opacity:0;transform:translateY(-6px)scale(.96)}.header[data-v-b1f4c5e6]{z-index:var(--z-header);background:color-mix(in oklch,var(--surface-default) 82%,transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.header__bar[data-v-b1f4c5e6]{align-items:center;gap:var(--space-4);height:var(--header-h);display:flex}.header__nav[data-v-b1f4c5e6]{align-items:center;gap:var(--space-2);display:none}.header__link[data-v-b1f4c5e6]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-base);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-emphasized),background var(--duration-fast) var(--ease-emphasized);text-decoration:none}.header__link[data-v-b1f4c5e6]:hover{color:var(--fg-default);background:var(--surface-sunken)}.header__link[data-v-b1f4c5e6]:focus-visible{box-shadow:var(--focus-ring);outline:none}.header__spacer[data-v-b1f4c5e6]{flex:1}.header__tools[data-v-b1f4c5e6]{align-items:center;gap:var(--space-1);display:flex}.header__menu[data-v-b1f4c5e6]{position:relative}.header__burger[data-v-b1f4c5e6]{border-radius:var(--radius-full);width:40px;height:40px;color:var(--fg-default);cursor:pointer;place-items:center;list-style:none;display:grid}.header__burger[data-v-b1f4c5e6]::-webkit-details-marker{display:none}.header__burger svg[data-v-b1f4c5e6]{width:22px;height:22px}.header__menu[open] .header__burger[data-v-b1f4c5e6]{background:var(--surface-sunken)}.header__menu:focus-within .header__burger[data-v-b1f4c5e6]{box-shadow:var(--focus-ring);outline:none}.header__panel[data-v-b1f4c5e6]{right:0;top:calc(100% + var(--space-3));gap:var(--space-2);width:min(80vw,260px);padding:var(--space-3);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-3);flex-direction:column;display:flex;position:absolute}.header__panel-link[data-v-b1f4c5e6]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg-default);font-weight:var(--weight-medium);text-decoration:none}.header__panel-link[data-v-b1f4c5e6]:hover{background:var(--surface-sunken)}@media (width>=768px){.header__nav[data-v-b1f4c5e6]{display:flex}.header__menu[data-v-b1f4c5e6]{display:none}}@media (width<=480px){.header__bar[data-v-b1f4c5e6]{gap:var(--space-1)}.header__bar[data-v-b1f4c5e6] .logo__word{display:none}}