@media screen and (min-width:961px){.topbar{position:relative}}.notifications-panel{z-index:45;border:1px solid var(--line);width:400px;max-width:calc(100vw - 32px);max-height:min(560px,100dvh - 96px);color:var(--ink);text-align:left;background:#fff;border-radius:6px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:32px;box-shadow:0 8px 24px #0f172a1f}@media screen and (max-width:1200px){.notifications-panel{right:max(24px, env(safe-area-inset-right,0px))}}@media screen and (min-width:761px) and (max-width:960px){.notifications-panel{max-height:min(560px, calc(100dvh - 64px - env(safe-area-inset-top,0px) - 4px - var(--tabbar-height,61px) - env(safe-area-inset-bottom,0px) - 8px))}}.notifications-panel-header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:12px 8px 12px 16px;display:flex}.notifications-panel-header h2{margin:0;font-size:18px;font-weight:600;line-height:1.3}.notifications-panel-header h2:focus{outline:none}.notifications-panel-header h2:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.notifications-panel-count{color:var(--muted);font-size:14px}.notifications-panel-all.btn{margin-left:auto;padding-left:8px;padding-right:8px}@media screen and (min-width:761px){.notifications-panel-header{grid-template-columns:minmax(0,1fr) auto;gap:0 8px;display:grid}.notifications-panel-header h2,.notifications-panel-count{grid-column:1}.notifications-panel-all.btn{grid-area:1/2/span 2;align-self:center;margin-left:0}}.notifications-panel-error{color:#92400e;border-bottom:1px solid var(--line);background:#fffbeb;margin:0;padding:8px 16px;font-size:14px}.notifications-panel-list{overscroll-behavior:contain;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.notifications-panel-list>li{border-top:1px solid var(--line);align-items:stretch;display:flex}.notifications-panel-list>li:first-child{border-top:0}.notifications-panel-list>li.unread{background:#f8fafc}.notifications-panel-row{min-width:0;min-height:48px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;gap:4px;padding:12px 16px;display:flex}button.notifications-panel-row{cursor:pointer}button.notifications-panel-row:hover:not(:disabled){background:#f1f5f9}button.notifications-panel-row:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.notifications-panel-title{overflow-wrap:anywhere;align-items:baseline;gap:8px;font-size:16px;font-weight:400;line-height:1.4;display:flex}.unread .notifications-panel-title{font-weight:600}.notifications-panel-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notifications-panel-body{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.notifications-panel-row time{color:var(--muted);font-size:14px}.notifications-panel-mark{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:4px;flex-shrink:0;align-self:center;margin-right:8px}.notifications-panel-mark:hover:not(:disabled){background:#f1f5f9}.notifications-panel-empty{color:var(--muted);margin:0;padding:24px 16px}.notifications-panel-footer{border-top:1px solid var(--line);background:#fff;border-radius:0 0 6px 6px;padding:12px 16px}.notifications-panel-full{width:100%}.notification-button.selected{color:var(--blue)}@media screen and (max-width:760px),screen and (max-width:960px) and (max-height:500px) and (orientation:landscape){.notifications-panel{top:calc(56px + env(safe-area-inset-top,0px) + 8px);right:max(8px, env(safe-area-inset-right,0px));left:max(8px, env(safe-area-inset-left,0px));width:auto;max-width:none;max-height:calc(100dvh - 56px - env(safe-area-inset-top,0px) - var(--tabbar-height,61px) - env(safe-area-inset-bottom,0px) - 24px);position:fixed}.notifications-panel-header{padding:8px 8px 8px 16px}.notifications-panel-row{padding:12px 16px}.notifications-panel-footer{padding:8px}}@media screen and (max-width:960px) and (max-height:500px) and (orientation:landscape){.notifications-panel{position:absolute;top:calc(100% + 8px)}}