.push-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,520px);max-width:100%;max-height:90vh;max-height:90dvh;min-width:0;padding:0;border:0;border-radius:30px 30px 0 0;background:#fff;color:var(--text-primary);box-shadow:0 -10px 35px rgba(0,0,0,.12);overflow:hidden;font-family:var(--font-sans)}
.push-sheet:not([open]){display:none}
.push-sheet[open]{display:flex;flex-direction:column}
.push-sheet{transform:translate3d(0,0,0);transition:transform 420ms cubic-bezier(.22,1,.36,1)}
.push-sheet::backdrop{background:rgba(0,0,0,.48);opacity:1;transition:opacity 280ms ease}
.push-sheet.is-opening,.push-sheet.is-closing{transform:translate3d(0,105%,0);will-change:transform}
.push-sheet.is-opening::backdrop,.push-sheet.is-closing::backdrop{opacity:0;will-change:opacity}
.push-sheet.is-opening,.push-sheet.is-opening::backdrop{transition:none}
.push-sheet.is-animating{will-change:transform}
.push-sheet.is-animating::backdrop{will-change:opacity}
.push-sheet.is-closing{pointer-events:none;transform:translate3d(0,100%,0);transition:transform 200ms ease-in}
.push-sheet.is-closing::backdrop{transition:opacity 200ms ease-in}
.push-sheet.is-view-changing{transition:transform 420ms cubic-bezier(.22,1,.36,1),height 170ms cubic-bezier(.22,1,.36,1)}
.push-sheet.is-view-changing>.push-sheet__body,.push-sheet.is-view-changing>.push-sheet__actions{transition:opacity 170ms ease;will-change:opacity}
.push-sheet.is-view-fading>.push-sheet__body,.push-sheet.is-view-fading>.push-sheet__actions{opacity:0;transition-duration:70ms;pointer-events:none}
.push-sheet__header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;padding:12px 20px 0}
.push-sheet__bell{display:grid;width:44px;height:44px;place-items:center;color:#F97316}
.push-sheet__bell svg{width:26px;height:26px}
.push-sheet__close{display:inline-flex;width:44px;height:44px;padding:0;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);line-height:0;flex:0 0 auto;-webkit-tap-highlight-color:transparent}
.push-sheet__close svg{display:block;width:16px;height:16px;margin:0;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transform:none}
.push-sheet__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 8px}
.push-sheet__body h2{margin:0 0 12px;font-size:22px;line-height:1.2;letter-spacing:-.4px}
.push-sheet__body>p{font-size:14px;line-height:1.45}
.push-sheet__interests{display:grid;gap:8px;min-width:0;margin:20px 0 0;padding:0;border:0}
.push-sheet__interests legend{margin-bottom:10px;font-size:14px;font-weight:600}
.push-sheet__interests label{display:flex;min-height:48px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:16px;cursor:pointer}
.push-sheet__interests label:has(input:checked){border-color:rgba(249,115,22,.6);background:#fff7ed}
.push-sheet__interests input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:#F97316;-webkit-appearance:none;appearance:none;border:1px solid #8a8a8a;border-radius:3px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:16px 16px}
.push-sheet__interests input:checked{border-color:#F97316;background-color:#F97316;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.push-sheet__validation{min-height:20px;margin:10px 0;color:#9a3412}
.push-sheet__status{margin:10px 0;color:var(--text-secondary)}
.push-sheet__error{margin:10px 0;color:#b91c1c}
.push-sheet__confirmed{display:grid;gap:8px;margin:20px 0;padding:0;list-style:none;font-size:16px;line-height:1.45}
.push-sheet__confirmed li{display:flex;gap:10px;align-items:flex-start}
.push-sheet__confirmed li::before{content:"✓";color:#F97316;flex:0 0 auto;font-weight:600}
.push-sheet__instructions{display:grid;gap:12px;margin:20px 0;padding-left:24px;font-size:16px;line-height:1.45}
.push-sheet__actions{display:grid;flex:0 0 auto;gap:8px;padding:8px 20px calc(16px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line)}
.push-sheet button:disabled{cursor:default;opacity:.55}
.push-sheet__unsubscribe,.push-sheet__retry{min-height:44px;padding:10px;border:0;background:transparent;font-size:14px;font-weight:600}
.push-sheet__unsubscribe{color:#b91c1c}
.push-sheet__retry{color:var(--text-secondary)}
.push-sheet [hidden]{display:none!important}
.push-sheet :focus-visible{outline:2px solid #F97316;outline-offset:3px}
.push-sheet__close:focus-visible{outline-color:var(--text-secondary)}
.push-sheet[data-push-initial-focus] .push-sheet__close:focus-visible{outline:none}
.push-sheet[aria-busy="true"] .push-sheet__interests{opacity:.7}
@media(min-width:700px){.push-sheet{bottom:24px;max-height:calc(100dvh - 48px);border-radius:24px}}
@media(min-width:700px){.push-sheet.is-closing{transform:translate3d(0,calc(100% + 24px),0)}}
@media(max-width:340px){.push-sheet__body,.push-sheet__actions{padding-left:14px;padding-right:14px}.push-sheet__body h2{font-size:20px}}
@media(forced-colors:active){.push-sheet__interests input{-webkit-appearance:auto;appearance:auto}.push-sheet__interests input:checked{background-image:none}}
@media(prefers-reduced-motion:reduce){.push-sheet,.push-sheet::backdrop,.push-sheet.is-view-changing,.push-sheet.is-view-changing>.push-sheet__body,.push-sheet.is-view-changing>.push-sheet__actions{transition-duration:1ms}}
