/* the post-signup modal: a boxed question with keys, as Zen's approvals */
.wl-overlay{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;background:rgba(4,3,20,.72);color:inherit;display:flex;align-items:center;justify-content:center;padding:20px}
.wl-overlay:not([open]){display:none}
.wl-overlay::backdrop{background:transparent}
:root[data-theme="light"] .wl-overlay{background:rgba(20,17,43,.35)}
.wl-modal{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid var(--border-raised);background:var(--panel);padding:28px 28px 24px;box-shadow:0 14px 40px rgba(5,3,18,.55)}
:root[data-theme="light"] .wl-modal{box-shadow:0 14px 40px rgba(20,17,43,.15)}
.wl-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:1px solid var(--border);color:var(--text-dim);font-size:16px;line-height:1}
.wl-close:hover{color:var(--text-hi);border-color:var(--border-raised);text-decoration:none}
.wl-title{font-family:var(--gsv-font-prose);font-weight:600;font-size:22px;color:var(--text-hi);margin-bottom:8px}
.wl-sub{font-family:var(--gsv-font-prose);font-size:14px;color:var(--label);line-height:1.5;margin-bottom:20px}
.wl-skip{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font:inherit}
.wl-skip:hover{color:var(--text-hi)}
.wl-back{display:block;margin-top:16px}
.wl-progress{display:flex;gap:6px;margin-bottom:18px}
.wl-progress i{flex:1;height:2px;background:var(--border)}
.wl-progress i.on{background:var(--online)}
.wl-step[hidden]{display:none}
.wl-q{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--update);margin-bottom:12px}
.wl-opts{display:flex;flex-direction:column;gap:6px}
.wl-opt{text-align:left;padding:10px 14px;border:1px solid var(--border);color:var(--text);font-size:13px;transition:border-color var(--dur-fast),background var(--dur-fast)}
.wl-opt:hover{border-color:var(--border-raised);background:var(--hover);text-decoration:none}
.wl-other{display:flex;gap:6px;margin-top:8px}
.wl-other[hidden]{display:none}
.wl-other .tin{flex:1;min-width:0;font-size:13px;padding:10px 12px}
.wl-other .ibtn{flex:none}
@media(max-width:480px){.wl-other{flex-direction:column}}
.wl-done{font-size:14px;color:var(--online)}