body.layout-page{min-height:100dvh;display:block;padding:0;}body.layout-centered{min-height:100dvh;padding:var(--gutter);display:grid;place-items:center;align-content:safe center;-webkit-tap-highlight-color:transparent;}@supports not (align-content:safe center){body.layout-centered{display:flex;flex-direction:column;justify-content:center;align-items:center;}}@media (max-width:480px){body.layout-centered{justify-content:flex-start;align-items:stretch;padding:0;}}.auth-theme-toggle,.page-theme-toggle{position:fixed;top:calc(var(--space-4) + var(--safe-top));right:calc(var(--space-4) + var(--safe-right));z-index:var(--z-dropdown);}body.layout-app{min-height:100dvh;}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--space-6);width:100%;max-width:calc( var(--sidebar-width) + var(--space-6) + var(--content-width) + var(--shell-gutter) * 2 );margin:0 auto;padding:0 var(--shell-gutter);flex:1;min-height:0;}.app-main{min-width:0;padding:var(--space-6) 0;display:flex;flex-direction:column;}.app-sidebar{display:none;position:sticky;top:0;align-self:start;height:100dvh;padding:var(--space-6) 0 var(--space-5);flex-direction:column;gap:var(--space-5);}.app-topbar{display:flex;position:relative;width:100%;z-index:var(--z-sticky);height:calc(var(--topbar-height) + var(--safe-top));padding:var(--safe-top) var(--space-4) 0;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-bottom:1px solid var(--color-line);flex-shrink:0;}.app-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);height:calc(var(--dock-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-top:1px solid var(--color-line);}.site-footer{margin-top:auto;padding:var(--space-6) 0 var(--space-3);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-ink-faint);}@media (max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr);gap:0;max-width:none;width:100%;margin:0;padding:0 var(--space-4);}.app-sidebar{display:none;}.app-main{padding:var(--space-5) 0 calc(var(--dock-height) + var(--safe-bottom) + var(--space-4));}.site-footer{padding-bottom:var(--space-2);}}@media (min-width:901px){.app-sidebar{display:flex;}.app-topbar,.app-dock{display:none !important;}}.brand-mark{width:2rem;height:2rem;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient( 140deg,var(--color-accent) 0%,color-mix(in srgb,var(--color-accent) 55%,var(--color-ink)) 100% );color:var(--color-on-accent);box-shadow:0 1px 0 0 color-mix(in srgb,white 30%,transparent) inset,0 4px 12px -4px color-mix(in srgb,var(--color-accent) 55%,transparent);flex-shrink:0;}.brand-mark svg{width:62%;height:62%;display:block;}.brand-name{font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-0.035em;color:var(--color-ink);}.sidebar-brand{display:inline-flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);margin-bottom:var(--space-1);text-decoration:none;transition:transform 220ms var(--ease-out);}@media (hover:hover){.sidebar-brand:hover .brand-mark{transform:rotate(-8deg) scale(1.05);}.sidebar-brand:hover .brand-name{color:var(--color-accent);}}.sidebar-brand:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm);}.sidebar-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:48px;padding:0.75rem 1rem;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-display);font-weight:700;font-size:0.9375rem;letter-spacing:-0.005em;text-decoration:none;box-shadow:0 1px 0 0 color-mix(in srgb,white 22%,transparent) inset,0 6px 20px -8px color-mix(in srgb,var(--color-accent) 60%,transparent);transition:background 180ms var(--ease-out),box-shadow 220ms var(--ease-out),transform 140ms var(--ease-out);}.sidebar-cta svg{width:18px;height:18px;flex-shrink:0;}.sidebar-cta:focus-visible{outline:none;box-shadow:0 1px 0 0 color-mix(in srgb,white 22%,transparent) inset,var(--focus-ring);}@media (hover:hover){.sidebar-cta:hover{background:color-mix(in srgb,var(--color-accent) 88%,black);transform:translateY(-1px);box-shadow:0 1px 0 0 color-mix(in srgb,white 22%,transparent) inset,0 10px 28px -10px color-mix(in srgb,var(--color-accent) 70%,transparent);}}.sidebar-cta:active{transform:translateY(1px) scale(0.985);transition-duration:90ms;}.sidebar-label{display:block;padding:0 var(--space-2);margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-ink-faint);}.sidebar-nav{display:flex;flex-direction:column;gap:2px;}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0.65rem 0.85rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:0.9375rem;font-weight:500;letter-spacing:-0.005em;color:var(--color-ink-soft);text-decoration:none;transition:color 180ms var(--ease-out),background 180ms var(--ease-out),transform 140ms var(--ease-out);}.nav-item svg{width:22px;height:22px;flex-shrink:0;transition:color 180ms var(--ease-out),transform 200ms var(--ease-out);}@media (hover:hover){.nav-item:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-ink) 6%,transparent);}.nav-item:hover svg{transform:scale(1.06);}}.nav-item:active{transform:scale(0.985);transition-duration:90ms;}.nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring);}.nav-item.is-active{color:var(--color-ink);background:var(--color-accent-soft);font-weight:600;}.nav-item.is-active svg{color:var(--color-accent);}.nav-item--disabled,.nav-item--disabled:hover,.nav-item--disabled:active{color:var(--color-ink-faint);background:transparent;cursor:not-allowed;transform:none;}.nav-item--disabled svg,.nav-item--disabled:hover svg{color:var(--color-ink-faint);transform:none;opacity:0.7;}.nav-item--disabled span:first-of-type{opacity:0.7;}.nav-item--disabled:focus-visible{outline:none;box-shadow:none;}.nav-item-badge{margin-left:auto;padding:2px 7px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:0.625rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;line-height:1;color:var(--color-ink-faint);background:color-mix(in srgb,var(--color-ink) 7%,transparent);border:1px solid color-mix(in srgb,var(--color-line) 70%,transparent);}[data-theme="dark"] .nav-item-badge{background:color-mix(in srgb,var(--color-ink) 12%,transparent);}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-2);}.appearance-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:0.55rem 0.75rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:0.9375rem;font-weight:500;color:var(--color-ink-soft);background:transparent;border:none;width:100%;cursor:pointer;transition:color 180ms var(--ease-out),background 180ms var(--ease-out);}.appearance-row .appearance-label{display:inline-flex;align-items:center;gap:var(--space-3);}.appearance-row svg{width:22px;height:22px;transition:transform 200ms var(--ease-out);}@media (hover:hover){.appearance-row:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-ink) 6%,transparent);}.appearance-row:hover svg{transform:rotate(-15deg);}}.appearance-row:active{transform:scale(0.985);transition-duration:90ms;}.appearance-row:focus-visible{outline:none;box-shadow:var(--focus-ring);}.theme-switch{position:relative;width:2.5rem;height:1.4rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-ink) 12%,transparent);border:1px solid var(--color-line);flex-shrink:0;transition:background 220ms var(--ease-out),border-color 220ms var(--ease-out);}.theme-switch::after{content:"";position:absolute;top:50%;left:2px;width:1rem;height:1rem;border-radius:50%;background:var(--color-ink);transform:translateY(-50%);transition:transform 260ms var(--ease-spring),background 220ms var(--ease-out);box-shadow:0 1px 2px rgba(0,0,0,0.15);}[data-theme="dark"] .theme-switch{background:color-mix(in srgb,var(--color-accent) 45%,transparent);border-color:var(--color-accent-line);}[data-theme="dark"] .theme-switch::after{transform:translateY(-50%) translateX(1.1rem);background:var(--color-accent);}.user-row{display:flex;align-items:stretch;gap:8px;}.user-chip{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:0.6rem 0.7rem;border-radius:var(--radius-md);border:1px solid var(--color-line);min-width:0;background:var(--color-surface-2);color:inherit;text-decoration:none;cursor:pointer;transition:border-color 200ms var(--ease-out),background 200ms var(--ease-out),transform 140ms var(--ease-out);}@media (hover:hover){.user-chip:hover{border-color:var(--color-accent-line);background:var(--color-accent-soft);}.user-chip:hover .user-chip-name{color:var(--color-accent);}.user-chip:hover .user-chip-meta{color:var(--color-accent);}}.user-chip:active{transform:scale(0.98);transition-duration:90ms;}.user-chip:focus-visible{outline:none;box-shadow:var(--focus-ring);}.user-chip .avatar{width:2rem;height:2rem;font-size:0.75rem;}.user-chip-info{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2;}.user-chip-name{font-family:var(--font-display);font-size:0.875rem;font-weight:700;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.005em;}.user-chip-meta{font-family:var(--font-mono);font-size:0.625rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-ink-faint);}.sidebar-logout{display:contents;}.logout-btn{display:inline-flex;align-items:center;justify-content:center;width:2.85rem;border-radius:var(--radius-md);border:1px solid var(--color-line);color:var(--color-ink-soft);background:var(--color-surface-2);cursor:pointer;transition:color 180ms var(--ease-out),border-color 180ms var(--ease-out),background 180ms var(--ease-out),transform 140ms var(--ease-out);}.logout-btn svg{width:20px;height:20px;}@media (hover:hover){.logout-btn:hover{color:var(--color-danger);border-color:var(--color-danger-line);background:var(--color-danger-soft);}.logout-btn:hover svg{transform:translateX(2px);}}.logout-btn svg{transition:transform 200ms var(--ease-out);}.logout-btn:active{transform:scale(0.94);transition-duration:90ms;}.logout-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);}.sidebar-login-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:44px;padding:0.7rem 1rem;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:0.9375rem;text-decoration:none;transition:background 180ms var(--ease-out),transform 140ms var(--ease-out);}.sidebar-login-cta svg{width:14px;height:14px;}@media (hover:hover){.sidebar-login-cta:hover{background:color-mix(in srgb,var(--color-accent) 88%,black);}}.sidebar-login-cta:active{transform:scale(0.985);}.topbar-brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:transform 200ms var(--ease-out);}@media (hover:hover){.topbar-brand:hover .brand-mark{transform:rotate(-8deg) scale(1.05);}}.topbar-actions{display:flex;align-items:center;gap:var(--space-1);}.topbar-logout{display:contents;}.topbar-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);color:var(--color-ink-soft);background:transparent;border:none;cursor:pointer;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color 180ms var(--ease-out),background 180ms var(--ease-out),transform 140ms var(--ease-out);}.topbar-btn svg{width:24px;height:24px;display:block;transition:transform 200ms var(--ease-out);}@media (hover:hover){.topbar-btn:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-ink) 6%,transparent);}.topbar-btn:hover svg{transform:scale(1.08);}}.topbar-btn:active{transform:scale(0.94);transition-duration:90ms;}.topbar-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);}.app-topbar .theme-toggle .icon-sun,.app-topbar .theme-toggle .icon-moon{display:none;}html[data-theme="light"] .app-topbar .theme-toggle .icon-sun,html:not([data-theme]) .app-topbar .theme-toggle .icon-sun{display:block;}html[data-theme="dark"] .app-topbar .theme-toggle .icon-moon{display:block;}.dock-inner{position:relative;height:var(--dock-height);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;width:100%;}.dock-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-ink-soft);background:transparent;border:none;font-family:var(--font-display);font-size:0.6875rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;transition:color 200ms var(--ease-out),transform 140ms var(--ease-out);}.dock-link svg{width:24px;height:24px;transition:transform 200ms var(--ease-out);}.dock-link.is-active{color:var(--color-accent);}@media (hover:hover){.dock-link:hover{color:var(--color-ink);}.dock-link:hover svg{transform:scale(1.08);}}.dock-link:active{transform:scale(0.94);transition-duration:90ms;}.dock-link:focus-visible{outline:none;box-shadow:var(--focus-ring);}.dock-link.is-active::before{content:"";position:absolute;top:6px;width:18px;height:2px;border-radius:var(--radius-full);background:var(--color-accent);animation:dock-indicator 260ms var(--ease-spring) both;}@keyframes dock-indicator{from{opacity:0;transform:scaleX(0.3);}to{opacity:1;transform:scaleX(1);}}.dock-link--disabled,.dock-link--disabled:hover,.dock-link--disabled:active{color:var(--color-ink-faint);opacity:0.55;cursor:not-allowed;transform:none;}.dock-link--disabled svg{transform:none !important;}.dock-link--disabled:focus-visible{box-shadow:none;outline:none;}.dock-link--disabled::after{content:"";position:absolute;top:calc(50% - 13px);left:calc(50% + 8px);width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--color-ink-faint) 70%,transparent);box-shadow:0 0 0 2px var(--color-surface);}[data-theme="dark"] .dock-link--disabled::after{background:color-mix(in srgb,var(--color-ink-faint) 80%,transparent);}.dock-link--fab{position:relative;justify-content:flex-end;padding-bottom:10px;color:var(--color-accent);}.dock-link--fab.is-active::before{display:none;}.dock-fab-circle{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px var(--color-surface),0 8px 20px -6px color-mix(in srgb,var(--color-accent) 55%,transparent);transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out);}[data-theme="dark"] .dock-fab-circle{box-shadow:0 0 0 5px var(--color-surface),0 8px 20px -6px rgba(0,0,0,0.6);}.dock-fab-circle svg{width:24px;height:24px;display:block;transition:transform 220ms var(--ease-out);}.dock-fab-label{font-family:var(--font-display);font-size:0.6875rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;line-height:1;}@media (hover:hover){.dock-link--fab:hover .dock-fab-circle{transform:translateX(-50%) translateY(-2px);box-shadow:0 0 0 5px var(--color-surface),0 12px 24px -6px color-mix(in srgb,var(--color-accent) 65%,transparent);}.dock-link--fab:hover .dock-fab-circle svg{transform:rotate(90deg);}}.dock-link--fab:active .dock-fab-circle{transform:translateX(-50%) scale(0.94);transition-duration:90ms;}.dock-link--fab:focus-visible{outline:none;box-shadow:none;}.dock-link--fab:focus-visible .dock-fab-circle{box-shadow:0 0 0 5px var(--color-surface),0 0 0 8px color-mix(in srgb,var(--color-accent) 40%,transparent),0 8px 20px -6px color-mix(in srgb,var(--color-accent) 55%,transparent);}.dock-link--fab-disabled{cursor:not-allowed;opacity:1;}.dock-link--fab-disabled .dock-fab-circle{background:color-mix(in srgb,var(--color-ink) 12%,var(--color-surface));color:var(--color-ink-faint);box-shadow:0 0 0 5px var(--color-surface),0 4px 12px -6px rgba(12,30,38,0.2);opacity:0.7;}.dock-link--fab-disabled .dock-fab-circle::before{content:"Soon";position:absolute;top:-6px;right:-10px;padding:2px 6px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:0.5625rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;line-height:1;color:var(--color-ink-faint);background:color-mix(in srgb,var(--color-ink) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-line) 70%,transparent);box-shadow:0 0 0 2px var(--color-surface);z-index:3;pointer-events:none;white-space:nowrap;}[data-theme="dark"] .dock-link--fab-disabled .dock-fab-circle::before{background:color-mix(in srgb,var(--color-ink) 12%,var(--color-surface));}[data-theme="dark"] .dock-link--fab-disabled .dock-fab-circle{background:color-mix(in srgb,var(--color-ink) 18%,var(--color-surface));box-shadow:0 0 0 5px var(--color-surface),0 4px 12px -6px rgba(0,0,0,0.4);}.dock-link--fab-disabled .dock-fab-label{color:var(--color-ink-faint);opacity:0.7;}.dock-link--fab-disabled:hover .dock-fab-circle,.dock-link--fab-disabled:active .dock-fab-circle{transform:translateX(-50%);background:color-mix(in srgb,var(--color-ink) 12%,var(--color-surface));}.dock-link--fab-disabled:hover .dock-fab-circle svg{transform:none;}.dock-link--fab-disabled:focus-visible{box-shadow:none;}@media (prefers-reduced-motion:reduce){.dock-link.is-active::before{animation:none;}.dock-link svg,.dock-fab-circle,.dock-fab-circle svg{transition-duration:1ms !important;}}@media (max-width:380px){.dock-link{font-size:0.625rem;letter-spacing:0.04em;}.dock-link svg{width:22px;height:22px;}.dock-fab-circle{width:48px;height:48px;top:-18px;}.dock-fab-label{font-size:0.625rem;}}.topbar-user{position:relative;}.topbar-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 140ms var(--ease-out);}.topbar-avatar .avatar-sm{width:2rem;height:2rem;font-size:0.75rem;transition:box-shadow 200ms var(--ease-out),border-color 200ms var(--ease-out);}@media (hover:hover){.topbar-avatar:hover .avatar-sm{border-color:var(--color-accent-line);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent);}}.topbar-avatar:active{transform:scale(0.94);}.topbar-avatar:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:50%;}.topbar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:99999;width:240px;padding:6px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-line) 85%,transparent);border-radius:var(--radius-lg);box-shadow:0 1px 2px -1px rgba(12,30,38,0.08),0 16px 40px -20px rgba(12,30,38,0.28);opacity:0;transform:translateY(-6px) scale(0.96);transform-origin:top right;transition:opacity 180ms var(--ease-out),transform 220ms var(--ease-spring);}.topbar-menu[hidden]{display:none !important;}.topbar-menu.is-visible{opacity:1;transform:translateY(0) scale(1);}[data-theme="dark"] .topbar-menu{box-shadow:0 1px 2px -1px rgba(0,0,0,0.5),0 16px 40px -20px rgba(0,0,0,0.7);}.topbar-menu-head{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;min-width:0;}.topbar-menu-head .avatar-sm{width:2rem;height:2rem;font-size:0.75rem;flex-shrink:0;}.topbar-menu-head-info{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2;}.topbar-menu-name{font-family:var(--font-display);font-weight:700;font-size:0.875rem;letter-spacing:-0.005em;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.topbar-menu-meta{font-family:var(--font-mono);font-size:0.625rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-ink-faint);}.topbar-menu-divider{height:1px;margin:4px 6px;background:color-mix(in srgb,var(--color-line) 55%,transparent);}.topbar-menu-form{margin:0;display:contents;}.topbar-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px 10px;background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;font-size:0.875rem;letter-spacing:-0.005em;color:var(--color-ink);text-decoration:none;text-align:left;cursor:pointer;transition:background 160ms var(--ease-out),color 160ms var(--ease-out);}.topbar-menu-item svg{width:18px;height:18px;flex-shrink:0;color:var(--color-ink-soft);transition:color 160ms var(--ease-out);}@media (hover:hover){.topbar-menu-item:hover{background:color-mix(in srgb,var(--color-ink) 6%,transparent);}.topbar-menu-item:hover svg{color:var(--color-ink);}}.topbar-menu-item:active{background:color-mix(in srgb,var(--color-ink) 8%,transparent);transition-duration:80ms;}.topbar-menu-item:focus-visible{outline:none;box-shadow:var(--focus-ring);}.topbar-menu-item--danger{color:var(--color-danger);}.topbar-menu-item--danger svg{color:var(--color-danger);opacity:0.85;}@media (hover:hover){.topbar-menu-item--danger:hover{background:var(--color-danger-soft);}.topbar-menu-item--danger:hover svg{color:var(--color-danger);opacity:1;}}@media (prefers-reduced-motion:reduce){.topbar-menu{transition:opacity 140ms var(--ease-out);transform:none;}.topbar-menu.is-visible{transform:none;}.topbar-avatar,.topbar-avatar .avatar-sm{transition-duration:1ms;}}.nav-item-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.25rem;padding:0 6px;border-radius:var(--radius-full);background:var(--color-danger);color:#ffffff;font-family:var(--font-display);font-size:0.6875rem;font-weight:700;line-height:1;letter-spacing:0;flex-shrink:0;}.topbar-notif-btn{position:relative;}.topbar-notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-danger);color:#ffffff;border-radius:var(--radius-full);font-family:var(--font-display);font-size:0.625rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--color-surface);pointer-events:none;}.dock-notif-badge{position:absolute;top:6px;left:55%;min-width:16px;height:16px;padding:0 4px;background:var(--color-danger);color:#ffffff;border-radius:var(--radius-full);font-family:var(--font-display);font-size:0.625rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--color-surface);pointer-events:none;transform:translateX(-50%);}