.action-menu{z-index:var(--z-dropdown);border-radius:var(--radius-xl);padding:6px;position:fixed}.action-menu .dash-menu-panel__row{text-align:left;width:100%;min-height:44px}.action-menu .action-menu__danger{color:var(--color-error-ink)}.action-notice{z-index:var(--z-toast);top:calc(env(safe-area-inset-top,0px) + 88px);border-radius:var(--radius-xl);align-items:center;gap:16px;width:min(560px,100% - 32px);padding:16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.action-notice__copy{min-width:0;color:var(--ink);font:400 14px/1.5 var(--font-body);flex:1}.action-notice__copy p{color:var(--ink-muted);margin:4px 0 0}.action-notice__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=560px){.action-notice{flex-wrap:wrap}.action-notice__actions{justify-content:flex-end;width:100%}.action-notice__actions button{min-height:44px}}.side-panel-overlay{z-index:var(--z-modal);justify-content:flex-end;display:flex;position:fixed;inset:0}.side-panel__scrim{pointer-events:none;animation:side-panel-scrim-in var(--dur-base) var(--ease-out) both;position:absolute;inset:0}.side-panel{width:min(460px,100%);min-width:0;height:100%;color:var(--ink);border-left:1px solid var(--glass-edge);padding:max(20px, env(safe-area-inset-top,0px)) 16px max(16px, env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;position:relative}.side-panel__portals{position:static}.side-panel{animation:side-panel-in var(--dur-enter) var(--ease-out) both}.side-panel-overlay[data-closing] .side-panel{animation:side-panel-out var(--dur-exit) var(--ease-in) both;pointer-events:none}.side-panel-overlay[data-closing] .side-panel__scrim{animation:side-panel-scrim-out var(--dur-exit) var(--ease-in) both}@keyframes side-panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes side-panel-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(12px)}}@keyframes side-panel-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes side-panel-scrim-out{0%{opacity:1}to{opacity:0}}@media (width<=810px){.side-panel{width:100%;padding:max(12px, env(safe-area-inset-top,0px)) 12px max(12px, env(safe-area-inset-bottom,0px));border:0;animation-name:side-panel-scrim-in}.side-panel-overlay[data-closing] .side-panel{animation-name:side-panel-scrim-out}}@media (prefers-reduced-motion:reduce){.side-panel,.side-panel__scrim,.side-panel-overlay[data-closing] :is(.side-panel,.side-panel__scrim){animation:none}}.notification-center{min-height:0;color:var(--ink);font-family:var(--font-body);flex-direction:column;display:flex}.notification-center-slot{flex-direction:column;flex:1;min-height:0;display:flex}.notification-center-slot[hidden]{display:none}.notification-center-slot>.notification-center{flex:1}.notification-surface{font-family:var(--font-body)}.notification-settings-scroll{overscroll-behavior:contain;min-height:0;padding:12px 8px 24px;overflow:auto}.notification-surface .action-notice{flex:none;width:auto;max-width:none;margin-top:12px;position:static;inset:auto;transform:none}.notification-center__head{align-items:center;padding:0 8px 6px;display:flex}.notification-center__head :is(h1,h2){letter-spacing:-.03em;flex:1;min-width:0;margin:0;font-size:20px;font-weight:500;line-height:1.3}.notification-center__head :is(h1,h2):focus{outline:none}.notification-center__filter{padding:0 10px 6px}.notification-center__filter .prefs-setting-row{border:0;padding:4px 0}.notification-center__filter .settings-row-label{color:var(--ink-muted);font-size:12px}.notification-center__feed{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 8px 24px;overflow:auto}.notification-center__day{color:var(--ink-muted);margin:18px 2px 10px;font-size:11px;font-weight:400}.notification-group+.notification-group{margin-top:14px}.notification-card{border-radius:var(--radius-xl);padding:15px 17px 12px;position:relative}.notification-card__seen{pointer-events:none;height:62px;position:absolute;top:15px;left:17px;right:17px}.notification-card__head{color:var(--ink-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.notification-card__head>span{font-weight:500}.notification-card__head>time{margin-left:auto;font-size:11px}.notification-card__head .action-menu-anchor{margin:-7px -8px -7px 0}.notification-card__head .action-menu-anchor>button{width:36px;height:36px}.notification-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.4}.notification-card>p{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.notification-card>.notification-card__note{color:var(--ink-muted);margin-top:10px;font-size:11px}.notification-card__actions{flex-wrap:wrap;gap:4px;margin:8px -10px -3px;display:flex}.notification-card__actions:empty{display:none}.notification-card__actions button{padding-inline:10px;font-size:12px}.notification-card a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.notification-card__resources{margin:16px 0 0;padding-left:18px;font-size:12px;line-height:1.65}.notification-card__resources li+li{margin-top:8px}.notification-stack{isolation:isolate;gap:8px;display:grid;position:relative}.notification-stack--folded{margin-bottom:10px}.notification-stack--folded:before,.notification-stack--folded:after{content:"";border:1px solid var(--glass-edge);background:var(--surface-1);border-radius:var(--radius-xl);z-index:var(--z-below);position:absolute;inset:12px 8px -5px}.notification-stack--folded:after{z-index:calc(var(--z-below) - 1);inset:22px 16px -10px}.notification-stack__tools{justify-content:space-between;align-items:center;padding:2px 5px 0;display:flex}.notification-stack__tools>button{color:var(--ink-muted);font-size:12px}.notification-center__disclosure{color:var(--ink-muted);margin:8px 10px 0;font-size:10px;line-height:1.5}.notification-center__empty{border-radius:var(--radius-xl);margin-top:18px;padding:30px 24px}.notification-center__empty h3{margin:0 0 12px;font-size:17px;font-weight:500}.notification-center__empty p,.notification-center__error p{color:var(--ink-muted);font-size:13px;line-height:1.65}.notification-center__empty button,.notification-center__error button{margin-top:16px}.notification-center__error{border-block:1px solid var(--hairline);padding:16px 6px}.notification-center__pending{text-align:center;padding:12px}.notification-loading{gap:12px;padding:18px 0;display:grid}.notification-loading>div{min-height:100px}.notification-center--page{width:min(100%,600px);max-height:none;margin:32px auto 80px;padding:0 16px}.notification-center--page .notification-center__feed{overflow:visible}.notification-page{min-height:100dvh;padding-top:max(12px, env(safe-area-inset-top,0px))}.notification-center--page .notification-center__head :is(h1,h2){font:500 34px/1.15 var(--font-display);letter-spacing:-.04em}.notification-settings>section{border-top:1px solid var(--hairline-soft);padding:24px 0 16px}.notification-settings>section>h2{margin:0 0 16px;font-size:14px;font-weight:500}.notification-setting{justify-content:space-between;align-items:center;gap:24px;padding:15px 0;display:flex}.notification-setting p{margin:0 0 5px;font-size:14px;font-weight:500}.notification-setting span,.notification-help{color:var(--ink-muted);font-size:12px;line-height:1.65}.notification-help{margin:8px 0}.notification-plan{padding-bottom:24px}.notification-plan+.notification-plan{border-top:1px solid var(--hairline-soft);padding-top:12px}.notification-plan__fields{gap:14px;padding:14px 0;display:grid}.notification-settings .prefs-setting-row{border:0;gap:24px;padding:15px 0}.notification-settings .settings-row-hint{font-size:12px;line-height:1.65}.notification-settings .settings-pick{flex:none}@media (width<=810px){.notification-card__head .action-menu-anchor>button{width:44px;height:44px}.notification-card__actions button,.notification-stack__tools>button{min-height:44px}.notification-settings .prefs-setting-row{flex-wrap:wrap;gap:12px}.notification-settings .settings-pick{min-height:44px}}.notification-card__date{gap:12px;padding:16px 0 4px;display:grid}.notification-card{animation:notification-card-in var(--dur-base) var(--ease-out) backwards}.notification-center-slot,.notification-center__pending,.notification-center__empty{animation:notification-content-in var(--dur-base) var(--ease-out) backwards}@keyframes notification-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes notification-content-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.notification-card,.notification-center-slot,.notification-center__pending,.notification-center__empty{animation:none}}
