.notification-permission-prompt{
  position:fixed;
  z-index:10050;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));
  width:min(420px,calc(100vw - 36px));
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));
  border-radius:20px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  color:var(--text);
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  opacity:0;
  transform:translateY(14px) scale(.985);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.notification-permission-prompt.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.notification-permission-prompt.is-closing{
  opacity:0;
  transform:translateY(10px) scale(.99);
  pointer-events:none;
}
.notification-permission-prompt__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(var(--gold-rgb),.24);
  background:linear-gradient(145deg,rgba(var(--gold-rgb),.18),rgba(var(--bronze-rgb),.08));
  color:var(--gold);
  font-size:19px;
}
.notification-permission-prompt__copy{min-width:0}
.notification-permission-prompt__copy strong{
  display:block;
  margin:1px 0 4px;
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.01em;
}
.notification-permission-prompt__copy p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.55;
}
.notification-permission-prompt__actions{
  grid-column:1/-1;
  display:flex;
  gap:9px;
  justify-content:flex-end;
  margin-top:2px;
}
.notification-permission-prompt__actions button{
  min-height:40px;
  padding:0 14px;
  border-radius:11px;
  border:1px solid var(--line);
  cursor:pointer;
  font-size:12.5px;
  font-weight:800;
}
.notification-permission-prompt__allow{
  color:#17120a;
  border-color:rgba(var(--gold-rgb),.46)!important;
  background:linear-gradient(135deg,var(--gold-soft),var(--bronze));
  box-shadow:0 8px 22px rgba(var(--bronze-rgb),.18);
}
.notification-permission-prompt__later{
  color:var(--muted);
  background:rgba(255,255,255,.035);
}
.notification-permission-prompt__actions button:disabled{opacity:.55;cursor:default}
html[dir="rtl"] .notification-permission-prompt{
  right:auto;
  left:max(18px,env(safe-area-inset-left));
}
html[dir="rtl"] .notification-permission-prompt__actions{justify-content:flex-start}
html[data-theme="light"] .notification-permission-prompt{
  background:color-mix(in srgb,var(--panel) 96%,transparent);
  box-shadow:0 22px 60px rgba(21,25,34,.16),inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme="light"] .notification-permission-prompt__later{background:var(--panel2)}
@media(max-width:640px){
  .notification-permission-prompt{
    right:max(12px,env(safe-area-inset-right));
    left:max(12px,env(safe-area-inset-left));
    bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px));
    width:auto;
    border-radius:18px;
  }
  .notification-permission-prompt__actions{justify-content:stretch}
  .notification-permission-prompt__actions button{flex:1}
}
@media(prefers-reduced-motion:reduce){
  .notification-permission-prompt{transition:none}
}