/* The three voices: Bull, Referee, Bear. Pick one and it steps forward with its file. Shared by both welcome pages. */
.vz{--ease:cubic-bezier(.4,0,.2,1);--c:#12131a;position:relative;height:460px;max-width:1100px;margin:28px auto 0;border-radius:22px;overflow:hidden;background:var(--paper,#f6f5f1);border:1px solid var(--line,#e2e0d8);transition:background .8s var(--ease),height .7s var(--ease)}
.vz:not([data-s=none]){height:640px}
.vz-word{position:absolute;left:3%;top:5%;font-weight:800;line-height:.8;letter-spacing:-.05em;color:rgba(255,255,255,.8);white-space:nowrap;pointer-events:none;transition:opacity .4s}
.vz-fig{all:unset;position:absolute;cursor:pointer;transition:left .85s var(--ease),bottom .85s var(--ease),width .85s var(--ease),opacity .6s,filter .6s,transform .35s var(--ease);will-change:transform}
.vz-fig img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0 22px 18px rgba(18,19,26,.2))}
.vz-fig:focus-visible{outline:3px solid var(--ink,#12131a);outline-offset:4px;border-radius:12px}
.vz-tag{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid #d9d6c9}
.vz-fig.sel .vz-tag{opacity:0}.vz-fig.sel{cursor:zoom-out}
.vz[data-s=none] .vz-fig:hover{transform:translateY(-8px) scale(1.03)}
.vz:not([data-s=none]) .vz-fig:not(.sel):hover{opacity:.95!important;filter:none!important;transform:translateY(-6px)}
.vz-panel{position:absolute;right:3.5%;top:7%;width:33%;font-family:Georgia,'Times New Roman',serif;opacity:0;pointer-events:none;transform:translateX(30px);transition:opacity .5s .35s,transform .7s .35s var(--ease)}
.vz:not([data-s=none]) .vz-panel{opacity:1;transform:none;pointer-events:auto}
.vz-no{position:relative;font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--mut,#5d6170)}
.vz-panel h3{font-size:42px;font-weight:400;margin:6px 0 4px;letter-spacing:-.01em}
.vz-rule{height:3px;width:70px;margin:8px 0 14px;background:var(--c)}
.vz-panel h4{font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:var(--mut,#5d6170);margin:16px 0 4px;text-transform:uppercase}
.vz-panel p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink,#12131a)}
.vz-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.vz-chip{font:600 12px Inter,sans-serif;border:1px solid var(--c);color:var(--c);border-radius:999px;padding:4px 12px}
.vz-blk{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.vz-panel.go .vz-blk{opacity:1;transform:none}.vz-blk:nth-child(1){transition-delay:.45s}.vz-blk:nth-child(2){transition-delay:.55s}.vz-blk:nth-child(3){transition-delay:.65s}.vz-blk:nth-child(4){transition-delay:.75s}.vz-blk:nth-child(5){transition-delay:.85s}
.vz-hint{position:absolute;left:0;right:0;top:4%;text-align:center;font:600 13px Inter,sans-serif;letter-spacing:.1em;color:var(--mut,#5d6170);transition:opacity .4s}.vz:not([data-s=none]) .vz-hint{opacity:0}
.vz-sw{transition:left .7s var(--ease);position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:6;display:flex;padding:4px;border-radius:999px;background:#fff;border:1px solid #d9d6c9;box-shadow:0 6px 18px rgba(18,19,26,.08)}
.vz:not([data-s=none]) .vz-sw{left:27%}
.vz-sw button{all:unset;position:relative;z-index:1;cursor:pointer;padding:9px 18px;font:600 13px Inter,sans-serif;color:var(--mut,#5d6170);border-radius:999px;transition:color .3s;text-align:center;white-space:nowrap}
.vz-sw button:focus-visible{outline:2px solid var(--ink,#12131a)}.vz-sw button.on{color:#fff}
.vz-sw i{position:absolute;top:4px;bottom:4px;left:4px;border-radius:999px;background:var(--ink,#12131a);transition:transform .5s var(--ease),width .5s var(--ease),background .5s}
.vz-x{all:unset;position:absolute;right:-6px;top:-10px;width:32px;height:32px;border-radius:50%;border:1px solid #d9d6c9;background:#fff;display:grid;place-items:center;cursor:pointer;font:400 18px Inter,sans-serif;color:var(--mut,#5d6170)}
.vz-x:hover{color:var(--ink,#12131a);border-color:var(--ink,#12131a)}
.vz-note{max-width:1100px;margin:10px auto 0;text-align:center;font-size:12.5px;color:var(--mut,#5d6170)}
/* phones: three circles in a row; the file opens below */
.vz.m{height:760px;transition:height .6s var(--ease),background .8s var(--ease)}.vz.m[data-s=none]{height:230px}
.vz.m .vz-fig{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #e4e1d6;overflow:hidden;transition:left .6s var(--ease),width .6s var(--ease),box-shadow .4s,opacity .4s}
.vz.m .vz-fig img{width:auto;height:auto;max-width:80%;max-height:80%;filter:none}
.vz.m .vz-fig[data-k=bull] img{max-width:96%}
.vz.m .vz-fig.sel{box-shadow:0 0 0 4px var(--c);border-color:#fff}
.vz.m .vz-tag,.vz.m .vz-word,.vz.m .vz-sw{display:none}
.vz.m .vz-hint{top:170px}
.vz.m .vz-panel{left:6%;right:6%;width:auto;top:200px;transform:none}
.vz.m .vz-panel h3{font-size:34px}.vz.m .vz-panel p{font-size:15px}
@media (prefers-reduced-motion:reduce){.vz *{transition-duration:.01s!important}}