/* Notifications: the permission prompt, the iOS Home Screen tip and the profile settings section */
.nt-ask{position:fixed;z-index:60;left:16px;right:16px;bottom:16px;max-width:420px;margin-left:auto;display:grid;gap:8px;padding:16px 18px;
  background:var(--pit);color:var(--chalk);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);
  transform:translateY(12px);opacity:0;transition:transform .2s ease,opacity .2s ease}
.nt-ask.on{transform:none;opacity:1}
.nt-ask p{margin:0;font-size:.9rem;line-height:1.45}
.nt-ask .tiny{font-size:.76rem}
.nt-ask-b{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}
.nt-steps{margin:0;padding-left:20px;display:grid;gap:4px;font-size:.88rem}
.nt-share{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid currentColor;border-radius:4px;font-size:.7rem;line-height:1;vertical-align:-3px}
@media (max-width:560px){.nt-ask{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none}}
@media (prefers-reduced-motion:reduce){.nt-ask{transition:none}}

.nt-groups{display:grid}
.nt-g{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.nt-g:first-child{border-top:0}
.nt-g-t{display:grid;gap:2px;min-width:0}
.nt-g-c{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nt-g.off .nt-g-c .check{opacity:.45}
.nt-g-c .check{align-items:center}
.nt-g-c .check input{margin-top:0}
.nt-sw{position:relative;display:inline-flex;cursor:pointer;order:9}
.nt-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.nt-sw-k{width:38px;height:22px;border-radius:999px;background:var(--pit3);border:1px solid var(--line);position:relative;transition:background .15s}
.nt-sw-k::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--smoke);transition:transform .15s,background .15s}
.nt-sw input:checked+.nt-sw-k{background:var(--brass);border-color:var(--brass)}
.nt-sw input:checked+.nt-sw-k::after{transform:translateX(16px);background:var(--on-brass)}
.nt-sw input:focus-visible+.nt-sw-k{outline:2px solid var(--brass);outline-offset:2px}
.nt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nt-qh{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.9rem}
.nt-qh select{padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--pit);color:var(--chalk);font:inherit}
.nt-test{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nt-empty{padding:18px 0}
@media (max-width:560px){.nt-g{grid-template-columns:minmax(0,1fr)}.nt-g-c{justify-content:flex-start}.nt-sw{order:-1}}