.notifications-page{min-height:100vh;line-height:1.5}.notifications-page #container{width:min(100%,1080px);max-width:1080px}.notifications-page #header{background-color:var(--surface-0);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center}.notifications-back-link{font-size:var(--font-size-smaller);color:var(--ink-soft);white-space:nowrap;flex:none;align-items:center;gap:.4em;text-decoration:none;display:inline-flex}.notifications-back-link:before{content:"←";line-height:1}.notifications-back-link:hover{color:var(--ink)}.notifications-back-link:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.notifications-page .header-left,.notifications-page .header-text-content{align-items:center}.notifications-page .header-left>img{filter:none;top:0}.notifications-page :where(#header) h1,.notifications-page :where(#header) h1 a{line-height:1}.notifications-page :where(#header) h1 a{display:block}.notifications-page #main-content{width:min(100%,1000px);min-height:auto;padding-bottom:0}.notifications-layout{box-sizing:border-box;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-content:start;column-gap:clamp(3rem,6vw,4rem);min-height:calc(100svh - 52px);padding-block:clamp(3rem,7vw,5.5rem);display:grid}.notifications-action{display:contents}.notifications-hero,.notifications-setup{grid-column:1}.notifications-hero{padding:0}.notifications-hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,6vw,3.05rem);line-height:1.08}.notifications-setup{max-width:600px;margin-top:clamp(2rem,5vw,3rem)}.notification-field-label{font-size:var(--font-size-smaller);margin-bottom:.45rem;font-weight:700;display:block}.notification-handle-controls{align-items:stretch;gap:8px;display:flex}.notification-input-wrapper{flex:260px;align-items:center;min-width:0;display:flex;position:relative}.notification-input{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--ink);border:1px solid var(--field-border-color);border-radius:var(--field-radius);background:#fdfdf6;padding:8px 11px}html[data-theme-kind=dark] .notification-input{background:#262626}[data-reply-alerts-state=on] .notification-input{padding-right:48px}:is([data-reply-alerts-state=on]:not([data-reply-alerts-editing=true]),[data-reply-alerts-state=loading]) .notification-input{color:var(--ink-soft);cursor:default;background:var(--surface-1,#f4f4ec);border-color:var(--line-soft,#e2e2de)}html[data-theme-kind=dark] :is([data-reply-alerts-state=on]:not([data-reply-alerts-editing=true]),[data-reply-alerts-state=loading]) .notification-input{color:var(--ink-soft);background:#202020;border-color:#333}.notification-input-action-btn{font:inherit;font-size:var(--font-size-smaller);color:var(--ink-soft);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:500;text-decoration:underline;transition:color .15s;position:absolute;right:12px}.notification-input-action-btn:hover:not(:disabled){color:var(--ink)}[data-reply-alerts-editing=true] .notification-input-action-btn{color:var(--accent);font-weight:600}[data-reply-alerts-editing=true] .notification-input-action-btn:hover:not(:disabled){color:var(--accent);filter:brightness(.9)}.notification-input-action-btn:focus-visible{outline:var(--focus-ring-outline);outline-offset:2px;border-radius:2px}.notification-input-action-btn[hidden]{display:none}.notification-input:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset);border-color:var(--field-focus-border-color)}.notification-input::placeholder{color:var(--ink-soft);opacity:1}.notification-preference-field{border:0;border-top:1px solid var(--line-soft);min-width:0;margin:0;padding:1rem 0;display:flow-root}.notification-handle-controls+.notification-preference-field{margin-top:1.5rem}.notification-preference-field>legend{float:left;width:40%;margin:0;padding:.5rem 1rem 0 0}.notification-preference-field>:not(legend){margin-left:44%}.notification-preference-options{gap:0;display:grid}.notification-preference-option{min-height:36px;font-size:var(--font-size-smaller);cursor:pointer;border-radius:var(--field-radius);align-items:flex-start;gap:9px;padding:.5rem 0;display:flex}.notification-preference-option:hover:not(:has(input:disabled)){background:var(--surface-1)}.notification-preference-option:has(input:disabled){cursor:default;opacity:.58}.notification-preference-option input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:.15em 0 0}.notification-preference-option input:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.notification-button{min-height:44px;font:inherit;font-size:var(--font-size-smaller);color:var(--ink);cursor:pointer;background:var(--button-bg-color);border:1px solid var(--button-border-color);border-radius:var(--field-radius);padding:8px 14px;font-weight:700}.notification-button:hover:not(:disabled){background:var(--button-hover-bg-color);border-color:var(--button-hover-border-color)}.notification-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.notification-button:disabled{cursor:wait;opacity:.58}.notification-button--primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent-line)}.notification-button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--surface-0));border-color:var(--accent-line)}.notification-action-link{font:inherit;font-size:var(--font-size-smaller);font-weight:500;line-height:inherit;color:var(--ink-soft);white-space:nowrap;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;text-decoration:underline;transition:color .15s;display:inline-block}.notification-action-link:hover:not(:disabled){color:var(--ink)}.notification-action-link:focus-visible{outline:var(--focus-ring-outline);outline-offset:2px;border-radius:2px}.notification-action-link:disabled{cursor:wait;opacity:.5}.notification-action-link[hidden]{display:none}.notification-permission{box-sizing:border-box;min-height:var(--notification-action-height);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--field-radius);justify-content:space-between;align-items:center;gap:1rem;padding-inline:14px;display:flex}.notification-permission:has(>.reply-alerts-status.sr-only){display:contents}.notification-activation{--notification-action-height:48px;gap:.55rem;margin-top:1.25rem;display:grid}.notification-activation>.notification-button{width:100%;min-height:var(--notification-action-height)}.notification-permission .notification-action-link{min-height:calc(var(--notification-action-height) - 2px);color:inherit;border-left:1px solid var(--line-soft);align-self:stretch;margin-right:-14px;padding-inline:12px;font-weight:600}.reply-alerts-status{min-width:0;font-size:var(--font-size-smaller);color:var(--ink-soft)}[data-reply-alerts-state=needs-username] .notification-permission,[data-reply-alerts-state=off] .notification-permission,[data-reply-alerts-state=install-required] .notification-permission,[data-reply-alerts-state=install-required] .notification-preference-field,:is([data-reply-alerts-state=loading],[data-reply-alerts-state=blocked]) #reply-alerts-save-button{display:none}.reply-alerts-status.settings-support-text--error{color:var(--status-error-text-color)}.notifications-example{--notification-card-height:7.25rem;--notification-stack-step:.9rem;grid-area:2/2;align-self:start;min-width:0;margin-top:clamp(2rem,5vw,3rem)}.notifications-faq{border-top:1px solid var(--line-soft);max-width:72ch;padding-block:2rem 3.5rem}.notifications-faq h2{font-size:var(--font-size-large);margin:0 0 .8rem;line-height:1.25}.notifications-faq h2:not(:first-child){margin-top:1.75rem}.notifications-faq p{color:var(--ink-soft);margin:.65rem 0 0}.notification-stack{box-sizing:content-box;height:calc(var(--notification-card-height) + var(--notification-stack-step) + var(--notification-stack-step));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:18px;margin:-48px 0 0;padding:48px 0 0;position:relative}.notification-stack:active{cursor:grabbing}.notification-stack:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.notification-stack-canvas{pointer-events:none;display:block;position:absolute;top:0;left:0}.notification-flight-canvas{z-index:calc(var(--z-site-header) + 1);pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.notification-flight-canvas[hidden]{display:none}.ios-install-dialog{width:min(100% - 32px,28rem);max-width:none;color:var(--ink);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:18px;padding:0;box-shadow:0 24px 80px #00000047}.ios-install-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b}.ios-install-dialog__body{padding:1.25rem}.ios-install-dialog h2{font-size:var(--font-size-larger);margin:0;line-height:1.15}.ios-install-dialog p{font-size:var(--font-size-smaller);color:var(--ink-soft);margin:.75rem 0 0;line-height:1.45}.ios-install-dialog__step{align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.ios-install-dialog__step[hidden]{display:none}.ios-install-dialog__step+.ios-install-dialog__step{margin-top:.65rem}.ios-install-dialog__step p{color:var(--ink);margin:0;font-weight:650}.ios-page-menu-icon{width:52px;height:42px;color:var(--ink);background:var(--field-bg-color);border:1px solid var(--line-soft);border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff73}.ios-page-menu-icon svg{width:29px;height:auto;overflow:visible}.ios-page-menu-icon__puzzle{opacity:.48;fill:currentColor}.ios-page-menu-icon__lines{fill:none;stroke:currentColor;stroke-width:3.25px;stroke-linecap:round}.ios-share-icon{width:52px;height:42px;color:var(--ink);flex:none;place-items:center;display:grid}.ios-share-icon svg{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:29px;height:auto;overflow:visible}.ios-view-more-icon{width:52px;height:42px;color:var(--ink);background:var(--field-bg-color);border:1px solid var(--line-soft);border-radius:999px;flex:none;place-items:center;display:grid}.ios-view-more-icon svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:auto;overflow:visible}.ios-add-home-icon{width:52px;height:42px;color:var(--ink);flex:none;place-items:center;display:grid}.ios-add-home-icon svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px;overflow:visible}.ios-install-dialog form{justify-content:flex-end;margin-top:1.15rem;display:flex}@media (width<=640px){.notifications-page #container{padding-inline:16px}.notifications-page #header{padding-block:11px}.notifications-page .header-left>img{width:30px;height:auto}.notifications-page #main-content{padding-bottom:3rem}.notifications-layout{grid-template-columns:minmax(0,1fr);gap:2.75rem;min-height:auto;padding-block:2.75rem 0}.notifications-action{display:block}.notifications-example{grid-area:auto;margin-top:0}.notifications-faq{margin-top:3rem;padding-bottom:3rem}.notifications-hero h1{font-size:clamp(2rem,10vw,2.55rem)}.notification-handle-controls{grid-template-columns:minmax(0,1fr);display:grid}.notification-input-wrapper,.notification-input,.notification-button{width:100%;min-height:46px}.notification-permission{flex-wrap:wrap;gap:.75rem}.notification-preference-option{min-height:44px}}.notification-delivery__schedule{gap:4px;margin-top:.5rem;padding-left:25px;display:grid}.notification-delivery__schedule label{font-size:var(--font-size-smaller)}.notification-delivery__schedule input{box-sizing:border-box;width:100%;min-width:0;max-width:10rem;min-height:44px;font:inherit;color:var(--ink);background:var(--surface-0);border:1px solid var(--field-border-color);border-radius:var(--field-radius);padding:.4rem .6rem}.notification-delivery__schedule [data-delivery-zone]{font-size:var(--font-size-smallest);color:var(--ink-soft)}.notification-delivery__error{font-size:var(--font-size-smaller);color:var(--ink)}.notification-digest{--notification-contact-shadow:#20221d2e;width:100%;min-width:0;color:var(--ink)}html[data-theme-kind=dark] .notification-digest{--notification-contact-shadow:#0006}.notification-digest__body,.notification-digest__meta{font-size:var(--font-size-smallest);color:var(--ink-soft)}.notification-digest__card{box-sizing:border-box;min-height:var(--notification-card-height);background:var(--surface-1);border:1px solid var(--line-soft);box-shadow:0 4px 8px var(--notification-contact-shadow);border-radius:18px;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:2px 12px;padding:12px 15px;display:grid;position:relative}.notification-digest__card>:not(img){grid-column:2}.notification-digest__card>strong{font-size:var(--font-size-smaller);line-height:1.3}.notification-digest__body{margin-top:2px}.notification-digest__icon{border-radius:10px;width:38px;height:38px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.notification-digest__meta{justify-content:space-between;display:flex}.notification-digest__meta>:last-child{color:var(--ink-faint)}.notification-delivery input:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}.notification-delivery [hidden],.notification-digest[hidden],.notification-stack[hidden]{display:none}