.grad-avatar {position:relative;overflow:hidden}
.grad-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grad-symbol,.grad-fullname {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grad-toast .grad-demo {max-width:100px;overflow:hidden;text-overflow:ellipsis}
.grad-permission {box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px 24px 20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #0003;text-align:center;font-family:var(--display);overflow:auto}
.grad-permission::backdrop {background:#080b124d;backdrop-filter:blur(4px)}
.grad-permission svg {display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.grad-permission-close {position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);padding:0;cursor:pointer;box-shadow:none}
.grad-permission-close svg {width:15px;height:15px}
.grad-permission-bell {display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border:1px solid var(--line);border-radius:16px;background:var(--control-panel);color:var(--ink-2)}
.grad-permission-bell svg {width:23px;height:23px}
.grad-permission h2 {margin:0 0 9px;font:500 21px/27px var(--display);letter-spacing:-.4px}
.grad-permission-description {margin:0;color:var(--ink-2);font:400 13px/20px var(--display)}
.grad-permission-free {margin:14px 0 20px;color:var(--muted);font:400 11px/16px var(--display)}
.grad-permission-actions {display:flex;flex-direction:column;gap:6px}
.grad-permission-allow,.grad-permission-later {display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:12px;padding:8px 14px;cursor:pointer;font:500 12px/18px var(--display)}
.grad-permission-allow {border:1px solid var(--line);background:var(--control-panel);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff12}
.grad-permission-later {border:0;background:transparent;color:var(--muted);box-shadow:none}
.grad-permission button:hover {color:var(--ink);background:var(--surface-2)}
.grad-permission button:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.grad-permission button:disabled {opacity:.55;cursor:default}
.grad-permission [hidden] {display:none!important}
.grad-permission-status {margin:9px 0 0;color:var(--muted);font:400 10px/16px var(--display);overflow-wrap:anywhere}