.vp{background:var(--st-bg);color:var(--fg);flex-direction:column;gap:12px;padding:clamp(14px,2.2vw,26px);font-size:clamp(11px,1.05vw,14px);display:flex;position:relative;overflow:hidden}.vp-top{align-items:center;gap:12px;display:flex}.vp-title{align-items:center;gap:8px;margin-right:auto;display:inline-flex}.vp-title svg{color:var(--accent)}.vp-title b{font-size:1.15em;font-weight:600}.vp-title small{background:var(--chip-gold);color:var(--gold);font:500 .8em var(--mono);border-radius:999px;padding:3px 9px}.vp-search{background:var(--st-muted);border:1px solid var(--st-border);color:var(--t60);border-radius:10px;align-items:center;gap:6px;min-width:30%;padding:7px 12px;display:inline-flex}.vp-new{background:var(--accent);color:var(--on-accent);border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-weight:600;display:inline-flex}.vp-timer{font:500 .82em var(--mono);color:var(--t60);align-items:center;gap:10px;display:flex}.vp-timer i{background:var(--st-muted);border-radius:999px;flex:1;height:4px;position:relative;overflow:hidden}.vp-timer i:after{content:"";border-radius:inherit;background:var(--accent);transform-origin:0;transition:transform .4s var(--ease);position:absolute;inset:0;transform:scaleX(1)}.vp-timer i.is-run:after{background:var(--gold);transition:transform 2.6s linear;transform:scaleX(0)}.vp-timer i.is-out:after{transition:none;transform:scaleX(0)}.vp-list{flex:1;align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.vp-list li{background:var(--st-card);border:1px solid var(--st-border);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);border-radius:12px;grid-template-columns:auto minmax(0,1.4fr) auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;display:grid}.vp-list li.is-hot{border-color:rgb(var(--accent-rgb)/.6);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.1)}.vp-av{background:var(--chip-lime);width:2.2em;height:2.2em;color:var(--accent);border-radius:9px;place-items:center;font-weight:700;display:grid}.vp-main{min-width:0}.vp-main b{align-items:center;gap:5px;font-weight:600;display:inline-flex}.vp-main b svg{color:var(--gold);fill:var(--gold)}.vp-main small{color:var(--t60);text-overflow:ellipsis;white-space:nowrap;font-size:.86em;display:block;overflow:hidden}.vp-type{font:500 .78em var(--mono);color:var(--t60);border:1px solid var(--st-border);white-space:nowrap;border-radius:999px;padding:3px 8px;font-style:normal}.vp-pw{font:500 .92em var(--mono);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vp-list li.is-hot .vp-pw{color:var(--accent)}.vp-acts{color:var(--t60);gap:10px;display:inline-flex}.vp-toast{background:var(--accent);color:var(--on-accent);opacity:0;transition:transform .35s var(--ease),opacity .35s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,20px)}.vp-toast.is-on{opacity:1;transform:translate(-50%)}.vp-lock{text-align:center;background:color-mix(in srgb,var(--st-bg)82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease);place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.vp-lock.is-on{opacity:1}.vp-lock-ic{background:var(--accent);width:54px;height:54px;color:var(--on-accent);border-radius:16px;place-items:center;display:grid}.vp-lock b{font:500 1.6em var(--display);letter-spacing:-.03em}.vp-lock small{color:var(--t60)}.vp-master{background:var(--st-card);border:1px solid rgb(var(--accent-rgb)/.5);min-width:240px;height:40px;font:500 1em var(--mono);letter-spacing:.1em;border-radius:10px;align-items:center;gap:2px;margin-top:8px;padding:0 14px;display:inline-flex}.vp-master i{background:var(--accent);width:2px;height:1.2em;animation:1s step-end infinite pulse}@media (max-width:640px){.vp-list li{grid-template-columns:auto minmax(0,1fr) auto}.vp-type,.vp-acts,.vp-search{display:none}}