.vs-bg{z-index:90;background:#110a0073;position:fixed;inset:0}.vs{z-index:91;background:var(--card);color:var(--ink);padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;outline:none;flex-direction:column;gap:10px;max-height:88dvh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #00000040}.vs-grip{background:var(--line);border-radius:2px;flex:none;width:40px;height:4px;margin:0 auto 2px}.vs-head{align-items:center;gap:8px;display:flex}.vs-head h2{flex:1;min-width:0;margin:0;font-size:17px;line-height:1.3}.vs-x{flex:none;min-width:44px;min-height:44px;padding:0;font-size:18px}.vs-body{flex-direction:column;gap:10px;display:flex}.vs-form{gap:10px}.vs .field input,.vs .field textarea,.vs .field select{min-height:44px;font-size:16px}.vs-foot{gap:8px;display:flex}.vs-foot .btn{flex:1;justify-content:center;min-height:44px}.vs-opts{flex-direction:column;gap:6px;display:flex}.vs-opt{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-height:44px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.vs-opt.on{border-color:var(--yellow);box-shadow:inset 0 0 0 2px var(--yellow);font-weight:600}.vs-opt .d{color:var(--muted);margin-left:auto;font-size:12px}@media (width>=700px){.vs{border-radius:16px;width:min(480px,100vw - 32px);max-height:84dvh;padding:16px 20px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 12px 50px #00000059;bottom:auto!important}.vs-grip{display:none}}