.main-column:has(.activity-page){height:100dvh;min-height:0;padding-bottom:0}.activity-page{background:var(--surface);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.activity-page>.page-header{flex:none}.activity-page .notice-clear-trigger{width:44px;height:44px;box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.activity-page .notice-clear-trigger:hover:not(:disabled){color:#e76d86}.activity-page .notice-filters{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 12px;display:grid;overflow:visible}.activity-page .notice-filters button{white-space:nowrap;min-width:0;min-height:46px;margin:0;padding:10px 2px;font-size:12px}.activity-page .notice-list{overscroll-behavior-y:contain;flex:auto;min-height:0;padding:8px 18px;overflow-y:auto}.activity-page .notice-list:has(.empty-state){place-items:center;display:grid}.activity-page .empty-state{max-width:340px;padding:24px 8px}.activity-page .notice-toolbar{flex:none;margin:10px 18px;font-size:11px}.activity-page .notice-toolbar button{min-height:32px}.activity-page .notice-item strong{overflow-wrap:anywhere}.activity-clear-dialog{border:1px solid var(--line);background:var(--surface);width:min(360px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);text-align:center;border-radius:24px;margin:auto;padding:26px 22px 22px;box-shadow:0 20px 70px #173a4b24}.activity-clear-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16374766}.activity-clear-art{color:#d96783;background:#fff1f4;border-radius:20px;place-items:center;width:56px;height:56px;margin:0 auto 14px;display:grid}.activity-clear-dialog h2{margin:0 0 10px;font-size:19px}.activity-clear-dialog p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.8}.activity-clear-dialog p.activity-clear-error{color:#d24e69}.activity-clear-dialog .notice-clear-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.activity-clear-dialog .notice-clear-actions button{border-radius:13px;min-height:44px;font-size:13px}.activity-clear-dialog .notice-clear-actions button:last-child{color:#fff;background:#e36f89;border-color:#e36f89}:is(.activity-page button:focus-visible,.activity-clear-dialog button:focus-visible){outline:2px solid var(--teal,#16a5af);outline-offset:3px}@media (max-width:760px){.main-column:has(.activity-page){height:calc(100dvh - 68px);min-height:0;padding-bottom:0}.activity-page{height:100%;min-height:0}.activity-page .page-header{height:72px;padding:0 16px}.activity-page .page-header h1{font-size:21px}.activity-page .notice-list{overscroll-behavior-y:contain;overflow-y:auto}.activity-page .notice-filters button{font-size:11px}}.activity-page .notice-header-actions{align-items:center;gap:2px;display:flex}.activity-page .activity-info{position:relative}.activity-page .activity-info summary{width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;list-style:none;display:grid}.activity-page .activity-info summary::-webkit-details-marker{display:none}.activity-page .activity-info[open] summary{background:var(--surface2)}.activity-page .page-header .activity-info p{z-index:5;border:1px solid var(--line);background:var(--surface);width:min(280px,100vw - 36px);color:var(--text);border-radius:12px;margin:4px 0 0;padding:14px;font-size:14px;line-height:1.7;display:block;position:absolute;top:100%;right:0;box-shadow:0 6px 18px #17384724}.activity-page .activity-info summary:focus-visible{outline:2px solid var(--teal,#16a5af);outline-offset:2px}.activity-page .notice-item strong{font-size:max(15px, calc(12px * var(--ui-size-body,1)));line-height:1.7}.activity-page .notice-item div span{font-size:max(12px, calc(10px * var(--ui-size-body,1)))}.activity-page .notice-filters button,.activity-page .notice-toolbar,.activity-page .activity-clear-dialog .notice-clear-actions button{font-size:max(14px, calc(11px * var(--ui-size-navigation,1)))}.activity-page .notice-toolbar{justify-content:flex-end}.activity-page .activity-clear-dialog p{font-size:max(15px, calc(12px * var(--ui-size-body,1)))}