/* Notifications page */
.nt{position:fixed;inset:0;z-index:185;display:none;flex-direction:column;color:#fff;background:radial-gradient(120% 45% at 50% -10%,color-mix(in srgb,var(--acc,#8f82ec) 18%,transparent),transparent 70%),var(--bg,#07070b);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif}
.nt.on{display:flex;animation:igin .28s cubic-bezier(.2,.9,.3,1)}
.nt svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nt button,.nt select{font:inherit;color:inherit;border:0;background:none}
.nt-head{flex:none;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(env(safe-area-inset-top) + 8px) 10px 8px}
.nt-head b{text-align:center;font-size:16px;font-weight:650}
.nt-x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06)!important;cursor:pointer}.nt-x svg{width:20px;height:20px}
.nt-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.nt-in{max-width:540px;margin:0 auto;padding:6px 16px calc(env(safe-area-inset-bottom) + 28px);box-sizing:border-box}
.nt-load{height:76px;border-radius:20px;background:rgba(255,255,255,.04)}
.nt-master{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:20px;text-align:left;cursor:pointer;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important}
.nt-master.on{background:color-mix(in srgb,var(--acc,#8f82ec) 14%,transparent)!important;border-color:color-mix(in srgb,var(--acc,#8f82ec) 35%,transparent)!important}
.nt-master:disabled{opacity:.6}
.nt-mi{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--acc,#8f82ec);color:#fff}.nt-mi svg{width:24px;height:24px}
.nt-mt{flex:1;min-width:0}.nt-mt b{display:block;font-size:16px;font-weight:650}.nt-mt small{display:block;margin-top:2px;font-size:13px;color:rgba(255,255,255,.6)}
.nt-sh{margin:24px 4px 8px;font-size:12px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.45)}
.nt-grp{border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:opacity .2s}
.nt-grp.off{opacity:.45}
.nt-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;text-align:left;cursor:pointer;box-sizing:border-box}
.nt-row+.nt-row{border-top:1px solid rgba(255,255,255,.06)}
.nt-row:disabled{cursor:default}
.nt-t{flex:1;min-width:0}.nt-t b{display:block;font-size:15px;font-weight:600}.nt-t small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.55)}
.nt-time.dim{opacity:.5}
.nt-time select{flex:none;height:36px;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.08)!important;color:#fff;font-size:14px;font-weight:600;-webkit-appearance:none;appearance:none;text-align:center}
.nt .tgl{flex:none}
.nt-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:14px;border-radius:14px;background:#fff!important;color:#0b0b10!important;font-weight:700!important;cursor:pointer}
.nt-btn.alt{background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.09)!important}
.nt-btn:disabled{opacity:.5}
.nt-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.nt-card b{font-size:16px}.nt-card p{margin:6px 0 0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.65)}
.nt-note{margin:14px 4px 0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.45)}
.nt-err{margin:10px 4px 0;font-size:13px;color:#ff8a80}
/* a pretend notification on the test page */
.nt-fake{position:fixed;left:10px;right:10px;top:calc(env(safe-area-inset-top) + 8px);z-index:300;display:flex;gap:10px;align-items:flex-start;max-width:420px;margin:0 auto;padding:12px 14px;border-radius:20px;background:rgba(40,40,46,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.4);transform:translateY(-140%);transition:transform .45s cubic-bezier(.2,.9,.3,1);font-family:-apple-system,system-ui,sans-serif}
.nt-fake.on{transform:none}
.nt-fake img{width:38px;height:38px;border-radius:9px;flex:none}
.nt-fake span{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:8px}
.nt-fake b{font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}.nt-fake i{font-style:normal;font-size:12px;color:rgba(255,255,255,.5)}
.nt-fake strong{grid-column:1/-1;font-size:15px;font-weight:650;margin-top:1px}.nt-fake small{grid-column:1/-1;font-size:14px;color:rgba(255,255,255,.85);line-height:1.3}