/* bk479: the Vault (Film MVP 4/8). Ported from the approved prototype v16 (src/app/vault.css), phone first. Every class is prefixed vt-. */
.vt{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:100%;align-items:start}
.vt.dr-open{grid-template-columns:196px minmax(0,1fr) 360px}
.vt-side{position:sticky;top:0;align-self:start;height:calc(100vh - 60px);display:flex;flex-direction:column;gap:2px;padding:18px 10px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(12,14,20,.9),rgba(6,7,10,.6));overflow-y:auto}
.vt-side-h{padding:0 10px 8px}
.vt-nav{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;color:var(--ink2);font-weight:500;font-size:13.5px;text-align:left;transition:background .15s,color .15s;position:relative}
.vt-nav svg{width:17px;height:17px;flex:none;opacity:.8}
.vt-nav:hover{background:var(--raise);color:var(--ink)}
.vt-nav.on{background:var(--raise2);color:var(--ink)}.vt-nav.on svg{color:var(--violet2);opacity:1}
.vt-nav em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;background:var(--gold);color:#1b1204;border-radius:999px;padding:0 7px}
.vt-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px rgba(245,165,36,.2)}
.vt-side-m{margin-top:auto;padding-top:12px}
.vt-mm{width:100%;text-align:left;display:flex;flex-direction:column;gap:6px;padding:11px;border-radius:13px;border:1px solid var(--line);background:var(--raise);font-size:12px;color:var(--ink2)}
.vt-mm b{font-family:var(--f-mono);font-size:15px;color:var(--ink)}.vt-mm .muted{font-size:11px}
.vt-main{min-width:0;padding:20px 24px 110px;display:flex;flex-direction:column;gap:18px}
.vt-sec{display:flex;flex-direction:column;gap:16px;min-width:0}

/* storage bars */
.vt-bar{display:flex;height:7px;border-radius:999px;background:var(--raise2);overflow:hidden;flex:1;min-width:40px}
.vt-bar i{display:block;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.vt-bar-l{height:10px}
.vt-hmeter .vt-bar,.vt-mm .vt-bar{flex:none;width:100%}
.vt-s-active{background:linear-gradient(90deg,var(--violet),var(--violet2))}
.vt-s-rest{background:#5B7BD8}
.vt-s-deep{background:#3A4A78}
.vt-s-k4{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.vt-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--mut)}
.vt-legend span{display:inline-flex;align-items:center;gap:5px}.vt-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}

/* header */
.vt-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;align-items:end}
.vt-hmeter{grid-column:1/-1;grid-row:2}
.vt-hact{grid-column:2;grid-row:1}
.vt-hm-mo{font-size:12px;white-space:nowrap}
.vt-ht{display:flex;flex-direction:column;gap:4px}.vt-ht .h-l{font-size:38px}
.vt-hmeter{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r2);background:linear-gradient(180deg,rgba(149,129,248,.07),transparent),var(--deck);min-width:0}
.vt-hm-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vt-hm-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center}.vt-hm-top b{font-size:18px}.vt-hm-top .muted{font-size:12.5px;flex:1;min-width:0}
.vt-hact{display:flex;gap:8px}
.vt-search{grid-column:1/-1;display:flex;align-items:center;gap:10px;height:48px;padding:0 6px 0 16px;border-radius:999px;background:var(--raise);border:1px solid var(--line2);box-shadow:0 0 0 4px rgba(149,129,248,.06),0 18px 40px -26px rgba(149,129,248,.6)}
.vt-search:focus-within{border-color:rgba(149,129,248,.6)}
.vt-search>svg{width:18px;height:18px;color:var(--violet2);flex:none}
.vt-search input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:14.5px}
.vt-qchips{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:-6px}
.vt-qchips::-webkit-scrollbar{display:none}.vt-qchips .chip{flex:none;height:27px;font-size:12px}

/* the loud band */
.vt-band{border:1px solid rgba(242,184,75,.28);border-radius:var(--r3);padding:14px 14px 12px;background:radial-gradient(120% 140% at 0 0,rgba(242,184,75,.10),transparent 55%),radial-gradient(100% 120% at 100% 100%,rgba(149,129,248,.12),transparent 60%),var(--deck);display:flex;flex-direction:column;gap:11px;min-width:0}
.vt-band-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.vt-band-t{font-family:var(--f-disp);font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;flex:1;min-width:0}
.vt-link{font-size:12px;color:var(--mut);text-decoration:underline}
.vt-band-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(178px,1fr);gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;scroll-snap-type:x proximity}
.vt-only{scroll-snap-align:start;text-align:left;display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(20,23,34,.7);transition:border-color .15s,transform .15s;animation:vtin .45s both}
.vt-only:hover{border-color:rgba(242,184,75,.5);transform:translateY(-2px)}
.vt-only b{font-size:13px;line-height:1.25}.vt-only>span:last-child{font-size:11.5px;color:var(--mut);line-height:1.4}
.vt-oi{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(242,184,75,.13);color:var(--gold);margin-bottom:2px}.vt-oi svg{width:15px;height:15px}
@keyframes vtin{from{opacity:0;transform:translateY(6px)}}

/* toolbar and library */
.vt-bstrip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.vt-bstrip::-webkit-scrollbar{display:none}
.vt-bs{flex:none;display:flex;align-items:center;gap:9px;padding:8px 12px 8px 9px;border-radius:13px;border:1px solid var(--line);background:var(--deck);text-align:left;transition:border-color .15s}
.vt-bs:hover{border-color:var(--line2)}.vt-bs.on{border-color:var(--violet);background:rgba(149,129,248,.1)}
.vt-bs .vt-bki{width:28px;height:28px;border-radius:9px}.vt-bs .vt-bki svg{width:14px;height:14px}
.vt-bs div{display:flex;flex-direction:column}.vt-bs b{font-size:12.5px;white-space:nowrap}.vt-bs small{font-size:11px;color:var(--mut);white-space:nowrap}
.vt-tool{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.vt-fil{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;flex-wrap:wrap}
.vt-fil .chip{flex:none;height:28px}
.vt-fil .chip svg{width:12px;height:12px}
.vt-tr{display:flex;gap:8px;align-items:center}
.vt-tr .seg svg{width:15px;height:15px}.vt-tr .seg button{display:grid;place-items:center}
.vt-on{border-color:var(--violet2)!important;color:var(--violet2)}
.vt-count{font-size:12px;margin-top:-6px}
.vt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}
.vt-card{border-radius:var(--r2);border:1px solid var(--line);background:var(--deck);overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;min-width:0}
.vt-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.vt-card.on{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}
.vt-card.pk{border-color:var(--gold)}
.vt-th{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.vt-th img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.vt-dur{position:absolute;right:7px;bottom:7px;font-size:11px;background:rgba(6,7,10,.8);padding:1px 6px;border-radius:6px}
.vt-q{position:absolute;left:7px;bottom:7px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:1px 6px;border-radius:5px;background:rgba(6,7,10,.8);color:var(--ink2);border:1px solid var(--line2)}
.vt-q.k4{color:#1b1204;background:var(--gold);border-color:var(--gold)}
.vt-qi{position:static}
.vt-lines{position:absolute;left:7px;top:7px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#0d0826;background:var(--ice);border-radius:999px;padding:2px 8px 2px 6px}
.vt-lines svg{width:12px;height:12px}.vt-li{position:static}
.vt-st{position:absolute;right:7px;top:7px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;background:rgba(6,7,10,.8);color:#9DB2F0}.vt-st svg{width:11px;height:11px}
.vt-st-deep{color:#8C9AC6}
.vt-pk{position:absolute;left:7px;top:7px;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.7);background:rgba(6,7,10,.6);display:grid;place-items:center;opacity:0;transition:opacity .15s}
.vt-card:hover .vt-pk,.vt-pk.show{opacity:1}
.vt-card.pk .vt-pk,.vt-row.pk .vt-pk{background:var(--gold);border-color:var(--gold);color:#1b1204}
.vt-pk svg{width:13px;height:13px}
.vt-card .vt-pk.show~.vt-lines,.vt-card:hover .vt-lines{left:34px}
.vt-star{position:absolute;right:7px;bottom:30px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(6,7,10,.6);color:var(--ink2);opacity:0;transition:opacity .15s}
.vt-star svg{width:14px;height:14px}.vt-star.on{opacity:1;color:var(--gold)}.vt-card:hover .vt-star{opacity:1}
.vt-cb{padding:9px 11px 11px;display:flex;flex-direction:column;gap:5px;min-width:0}
.vt-cb b{font-size:13.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-cb small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-chips{display:flex;gap:4px;flex-wrap:wrap}
.vt-chips span{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--raise2);color:var(--ink2)}
.vt-ck.flag{background:rgba(245,165,36,.15)!important;color:var(--warn)!important}.vt-ck.pass{background:rgba(74,222,128,.13)!important;color:var(--ok)!important}
.vt-new{font-size:11px;padding:1px 7px;border-radius:999px;background:rgba(242,184,75,.16)!important;color:var(--gold)!important}
.vt-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.vt-row{display:grid;grid-template-columns:22px 64px minmax(0,1.6fr) minmax(0,1.1fr) 56px 36px 64px 70px 28px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer;background:var(--deck);font-size:12.5px}
.vt-row:last-child{border-bottom:0}.vt-row:hover{background:var(--raise)}.vt-row.on{background:rgba(149,129,248,.12)}
.vt-row img{width:64px;height:36px;object-fit:cover;border-radius:6px}
.vt-row .vt-pk{position:static;opacity:1;border-color:var(--line2)}
.vt-row .vt-star{position:static;opacity:1}
.vt-rt{display:flex;flex-direction:column;min-width:0}.vt-rt b,.vt-rt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-rc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
.vt-row .vt-st-rest{color:#9DB2F0}.vt-row .vt-st-deep{color:#8C9AC6}
.vt-bulk{position:sticky;top:8px;z-index:6;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border-radius:14px;background:rgba(27,31,45,.95);border:1px solid rgba(242,184,75,.4);backdrop-filter:blur(10px);box-shadow:0 18px 40px -20px rgba(0,0,0,.8)}
.vt-bulk b{font-size:13px;padding:0 4px}.vt-sp{flex:1}
.vt-bulk .btn svg{width:14px;height:14px}.vt-bulk .btn[disabled]{opacity:.4}
.vt-alert{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;border:1px solid rgba(149,129,248,.35);background:rgba(149,129,248,.09)}
.vt-alert>svg{width:20px;height:20px;color:var(--violet2);flex:none}
.vt-alert>div{flex:1;display:flex;flex-direction:column;min-width:0}.vt-alert span{font-size:12.5px;color:var(--ink2)}
.vt-alert-w{border-color:rgba(245,165,36,.4);background:rgba(245,165,36,.08)}.vt-alert-w>svg{color:var(--warn)}
.vt-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px;border:1px dashed var(--line2);border-radius:var(--r2);color:var(--ink2)}.vt-empty svg{width:26px;height:26px;color:var(--mut)}.vt-empty span{color:var(--mut);font-size:13px}

/* panels */
.vt-panel{border:1px solid var(--line);border-radius:var(--r2);background:var(--deck);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.vt-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.vt-ph h3{margin:4px 0 0;font-size:16px}.vt-ph>.muted{font-size:12px}
.vt-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.vt-sh>div{min-width:0;flex:1}.vt-sh p{margin:6px 0 0;font-size:13px;max-width:70ch}
.vt-h2{margin:6px 0 0;font-family:var(--f-disp);font-size:26px;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:.01em}
.vt-sub{margin:4px 0 -4px}
.vt-fine{font-size:12px;display:flex;gap:6px;align-items:center;margin:0}.vt-fine svg{width:14px;height:14px;color:var(--ice)}
.vt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vt-two2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vt-p{margin:0;font-size:12.5px}
.vt-gold{color:var(--gold)!important}
.vt-okc{color:var(--ok)}
.vt-f{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--mut);min-width:0}
.vt-f input:not([type=range]),.vt-f select,.vt-sel{height:38px;border-radius:11px;background:var(--raise);border:1px solid var(--line2);padding:0 11px;color:var(--ink);font-size:13.5px;min-width:0;width:100%}
.vt-sel{width:auto}
.vt-f input[type=range]{accent-color:var(--violet);width:100%}
.vt-facets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vt-facet{display:flex;flex-direction:column;gap:4px;min-width:0}
.vt-fv{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:8px;font-size:12.5px;color:var(--ink2);text-align:left}
.vt-fv:hover{background:var(--raise)}.vt-fv span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-fv em{font-style:normal;font-family:var(--f-mono);color:var(--mut)}

/* movement search */
.vt-rf{border:1px solid rgba(127,227,255,.22);border-radius:var(--r2);background:linear-gradient(180deg,rgba(127,227,255,.05),transparent 40%),var(--deck);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.vt-rfh{display:flex;gap:12px;align-items:center}
.vt-rfh img{width:72px;height:40px;object-fit:cover;border-radius:8px}
.vt-rfh>div{flex:1;min-width:0;display:flex;flex-direction:column}.vt-rfh small{font-size:12px}
.vt-curve{width:100%;height:70px;display:block;border-radius:10px;background:rgba(6,7,10,.5)}
.vt-pl{fill:none;stroke:var(--ice);stroke-width:1.6;vector-effect:non-scaling-stroke}
.vt-thr{stroke:var(--gold);stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke}
.vt-thrt{fill:var(--gold);font:600 11px var(--f-mono)}
.vt-curve{overflow:visible}
.vt-hit{fill:rgba(242,184,75,.22)}
.vt-cl{display:flex;justify-content:space-between;font-size:11px;margin-top:-4px}
.vt-mos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.vt-mo{text-align:left;display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--raise);transition:border-color .15s,transform .15s}
.vt-mo:hover{border-color:var(--gold);transform:translateY(-2px)}
.vt-mo b{font-size:12.5px;padding:2px 4px 0}.vt-mo>span:last-child{font-size:11.5px;padding:0 4px 2px}
.vt-mi{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.vt-mi img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7) brightness(.7);transition:filter .4s}
.vt-mi img.vt-in{filter:none}
.vt-mi em{position:absolute;left:5px;bottom:5px;font-style:normal;font-size:11px;background:rgba(6,7,10,.8);color:var(--gold2);padding:1px 6px;border-radius:5px}

/* buckets */
.vt-bks{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.vt-bk{border:1px solid var(--line);border-radius:var(--r2);background:var(--deck);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.vt-bkh{display:flex;align-items:center;gap:10px}.vt-bkh>div{flex:1;min-width:0;display:flex;flex-direction:column}.vt-bkh b{font-size:14.5px}
.vt-bki{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(149,129,248,.15);color:var(--violet2);flex:none}.vt-bki svg{width:17px;height:17px}
.vt-bkf{display:flex;flex-wrap:wrap;gap:5px}
.vt-bkf span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 8px;border-radius:8px;background:var(--raise);color:var(--ink2)}
.vt-bkf svg{width:12px;height:12px;color:var(--mut)}.vt-bkf em{font-style:normal;font-family:var(--f-mono);color:var(--mut)}
.vt-bkm{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--mut)}
.vt-bkm span{display:flex;gap:6px;align-items:flex-start}.vt-bkm svg{width:13px;height:13px;flex:none;margin-top:1px}
.vt-split-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:12px;align-items:end}
.vt-roster{display:flex;flex-wrap:wrap;gap:5px}.vt-roster .chip{height:28px;font-size:12px}
.vt-so{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--raise);border:1px solid var(--line)}
.vt-so-h{display:flex;flex-direction:column;gap:2px}.vt-so-h span{font-size:12px}
.vt-sr{display:grid;grid-template-columns:96px minmax(0,1fr) 150px;gap:10px;align-items:center;font-size:12.5px}
.vt-sr .mono{font-size:11.5px;color:var(--ink2);text-align:right;white-space:nowrap}
.vt-st-line{position:relative;height:18px;border-radius:6px;background:rgba(6,7,10,.6);overflow:hidden}
.vt-st-line i{position:absolute;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--gold);animation:vtin .4s both}
.vt-so-a{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}
.vt-follow{display:flex;flex-direction:column;gap:0;padding-left:6px}
.vt-fs{position:relative;display:flex;flex-direction:column;padding:0 0 12px 22px;border-left:2px solid var(--line2)}
.vt-fs:last-child{border-left-color:transparent;padding-bottom:0}
.vt-fs i{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--raise2);border:2px solid var(--line2)}
.vt-fs.on i{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px rgba(242,184,75,.2)}
.vt-fs b{font-size:13px}.vt-fs span{font-size:11.5px}
.vt-bill-c{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
.vt-ledger{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vt-lr{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line);font-size:12.5px}
.vt-lr:last-child{border-bottom:0}.vt-lt{background:var(--raise);font-weight:700}
.vt-panel>.btn{align-self:flex-start}

/* collections */
.vt-colls{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.vt-coll{text-align:left;display:flex;flex-direction:column;gap:4px;padding:13px;border-radius:14px;border:1px solid var(--line);background:var(--deck);transition:border-color .15s,transform .15s}
.vt-coll:hover{border-color:rgba(149,129,248,.5);transform:translateY(-2px)}.vt-coll.on{border-color:var(--violet)}
.vt-coll b{font-size:13.5px}.vt-coll .muted{font-size:11.5px}
.vt-coll em{font-style:normal;font-size:11.5px;font-family:var(--f-mono);color:var(--ice);display:flex;align-items:center;gap:6px;margin-top:2px}
.vt-ci{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(127,227,255,.12);color:var(--ice);margin-bottom:3px}.vt-ci svg{width:16px;height:16px}
.vt-live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(74,222,128,.2);animation:livep 1.6s infinite}

/* shares */
.vt-shl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.vt-shr{display:grid;grid-template-columns:28px minmax(0,1.6fr) auto 120px 128px 104px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--deck);text-align:left;font-size:12.5px}
.vt-shr:last-child{border-bottom:0}.vt-shr:hover{background:var(--raise)}
.vt-sht{display:flex;flex-direction:column;min-width:0}.vt-sht b,.vt-sht small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-shf{display:flex;gap:4px}.vt-shf i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--raise2);color:var(--ink2)}.vt-shf svg{width:12px;height:12px}
.vt-shn{font-size:11.5px;color:var(--ink2)}.vt-she{font-size:11.5px;text-align:right}
.vt-shs-revoked{opacity:.55}
.vt.dr-open .vt-shr{grid-template-columns:28px minmax(0,1fr) auto auto}.vt.dr-open .vt-shf,.vt.dr-open .vt-she{display:none}
.vt-pill{display:inline-flex;justify-content:center;font-style:normal;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap}
.vt-p-live{background:rgba(74,222,128,.14);color:var(--ok)}.vt-p-pending{background:rgba(245,165,36,.16);color:var(--warn)}.vt-p-revoked,.vt-p-expired{background:var(--raise2);color:var(--mut)}
.vt-pk3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vt-pk3>div{display:flex;flex-direction:column;gap:3px;padding:11px;border-radius:12px;background:var(--raise);font-size:11.5px;color:var(--mut)}
.vt-pk3 svg{width:17px;height:17px;color:var(--gold);margin-bottom:2px}.vt-pk3 b{font-size:13px;color:var(--ink)}
.vt-packet{border-color:rgba(242,184,75,.25)}
.vt-heat{position:relative;display:flex;align-items:flex-end;gap:2px;height:54px;padding:6px 6px 0;border-radius:10px;background:rgba(6,7,10,.55)}
.vt-heat i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--gold2),var(--violet));animation:vtgrow .6s both}
@keyframes vtgrow{from{transform:scaleY(0);transform-origin:bottom}}
.vt-heat b{position:absolute;top:-2px;transform:translate(-50%,-50%);font:700 11px var(--f-mono);color:#1b1204;background:var(--gold);border-radius:999px;padding:1px 6px}
.vt-sheet{width:min(760px,calc(100vw - 24px))!important}
.vt-sheet-w{width:min(940px,calc(100vw - 24px))!important}
.vt-sv,.vt-ns,.vt-up,.vt-pkt{padding:26px 26px 22px;display:flex;flex-direction:column;gap:14px}
.vt-svh{display:flex;gap:14px;align-items:center;padding-right:40px}.vt-svh>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vt-svh .muted{font-size:12.5px}
.vt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vt-kpis>div{display:flex;flex-direction:column;gap:2px;padding:11px;border-radius:12px;background:var(--raise)}
.vt-kpis b{font-size:20px}.vt-kpis div:last-child b{font-size:13px;font-family:var(--f-body)}.vt-kpis span{font-size:11.5px;color:var(--mut)}
.vt-reps{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.vt-rep{display:flex;gap:10px;align-items:center;text-align:left;padding:6px;border-radius:12px;background:var(--raise);border:1px solid var(--line)}
.vt-rep:hover{border-color:var(--gold)}.vt-rep img{width:84px;height:46px;object-fit:cover;border-radius:8px}.vt-rep div{display:flex;flex-direction:column;font-size:12px;min-width:0}
.vt-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vt-rules>div{display:flex;flex-direction:column;padding:9px 11px;border-radius:10px;border:1px solid var(--line);font-size:12.5px}.vt-rules span{font-size:11px}
.vt-sva{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vt-sva .muted{font-size:12px}
.vt-bad{color:var(--bad)!important}.vt-badb{background:var(--bad)!important;color:#1b0505!important;box-shadow:none!important}
.vt-nsg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.vt-nsp{position:relative;border-radius:14px;overflow:hidden;background:#000;align-self:start;aspect-ratio:16/10}
.vt-nsp img{width:100%;height:100%;object-fit:cover;display:block}
.vt-wm{position:absolute;inset:auto 0 42% 0;text-align:center;transform:rotate(-14deg);font:700 15px var(--f-mono);color:rgba(255,255,255,.4);letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}
.vt-wm b{font-weight:700}
.vt-nsf{display:flex;flex-direction:column;gap:12px;min-width:0}
.vt-nsf .seg{flex-wrap:wrap}
.vt-tg{display:flex;flex-direction:column;gap:7px}
.vt-tog{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;color:var(--ink2)}
.vt-tog input{position:absolute;opacity:0;pointer-events:none}
.vt-tog i{width:34px;height:20px;border-radius:999px;background:var(--raise2);border:1px solid var(--line2);position:relative;flex:none;transition:background .15s}
.vt-tog i::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--mut);transition:transform .15s,background .15s}
.vt-tog input:checked+i{background:var(--violet)}.vt-tog input:checked+i::after{transform:translateX(14px);background:#fff}
.vt-tog span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vt-tog span svg{width:13px;height:13px}.vt-tog small{color:var(--mut);font-size:11px;width:100%}
.vt-dis{opacity:.55;cursor:not-allowed}
.vt-pkt{position:relative;overflow:hidden}
.vt-pkt-wm{position:absolute;inset:44% -10% auto;transform:rotate(-12deg);text-align:center;font:700 22px var(--f-mono);color:rgba(255,255,255,.06);pointer-events:none;white-space:nowrap}
.vt-pkt-h{display:flex;gap:16px;align-items:center;padding-right:40px;flex-wrap:wrap}.vt-pkt-h>div:nth-child(2){flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.vt-pkt-r{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.vt-pkt-r small{font-size:11px}
.vt-pkt-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.vt-pkt-v{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.vt-pkt-v video,.vt-pkt-v canvas,.vt-dv video,.vt-dv canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vt-meas{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.vt-meas>div{display:flex;flex-direction:column;padding:9px 11px;border-radius:10px;background:var(--raise)}.vt-meas span{font-size:11px}.vt-meas b{font-size:16px}.vt-meas small{grid-column:1/-1;font-size:11px}
.vt-std{display:flex;flex-direction:column;gap:6px}
.vt-sd{display:grid;grid-template-columns:22px minmax(0,1fr) auto 104px;gap:10px;align-items:center;padding:8px 12px;border-radius:10px;background:var(--raise);font-size:13px}
.vt-sd svg{width:16px;height:16px}.vt-sd.pass svg,.vt-sd.pass em{color:var(--ok)}.vt-sd.flag svg,.vt-sd.flag em{color:var(--warn)}.vt-sd em{font-style:normal;font-size:11.5px;text-align:right}

/* requests board */
.vt-reqs{display:flex;flex-direction:column;gap:8px}
.vt-req{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1.3fr) auto auto;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:var(--deck);font-size:12.5px}
.vt-req>div{display:flex;flex-direction:column;min-width:0}.vt-req small{font-size:11.5px}
.vt-rl{font-size:12px;color:var(--gold2);background:rgba(242,184,75,.1);padding:3px 9px;border-radius:8px}
.vt-board{display:flex;flex-direction:column;gap:6px}
.vt-bq{display:grid;grid-template-columns:repeat(4,1fr);margin-left:150px;margin-right:30px;font-size:11px;color:var(--mut);font-family:var(--f-mono)}
.vt-bq span{border-left:1px solid var(--line2);padding-left:6px}
.vt-bl{display:grid;grid-template-columns:140px minmax(0,1fr) 20px;gap:10px;align-items:center}
.vt-bw{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-bw i{width:8px;height:8px;border-radius:50%;flex:none}.vt-bw svg{width:14px;height:14px;color:var(--gold)}
.vt-bt{position:relative;height:18px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 calc(25% - 1px),rgba(255,255,255,.12) calc(25% - 1px) 25%)}
.vt-bt i{position:absolute;top:3px;bottom:3px;border-radius:4px;opacity:.9;animation:vtin .5s both}
.vt-bt i.dup{opacity:.35;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.45) 0 3px,transparent 3px 6px)!important}
.vt-bl em{font-style:normal;font-size:11px;color:var(--mut);text-align:right}
.vt-bm{padding-top:6px;border-top:1px dashed var(--line2)}.vt-bm .vt-bt{height:24px}.vt-bm .vt-bw{color:var(--ink);font-weight:600}
.vt-credits{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--mut)}.vt-credits span{display:inline-flex;align-items:center;gap:6px}.vt-credits i{width:8px;height:8px;border-radius:50%}

/* timeline */
.vt-tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative}
.vt-tls{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--deck);font-size:11.5px}
.vt-tls.on{border-color:rgba(242,184,75,.45)}
.vt-tlh{display:flex;flex-direction:column}.vt-tlh b{font-size:22px}
.vt-hl{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#000}
.vt-hl img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8}
.vt-hl span{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;background:rgba(6,7,10,.75);border-radius:7px;padding:3px 7px}.vt-hl svg{width:12px;height:12px;color:var(--gold)}
.vt-tvn{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vt-tvn figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:16/10}
.vt-tvn video{width:100%;height:100%;object-fit:contain;display:block}
.vt-tvn figcaption{position:absolute;left:8px;bottom:8px;right:8px;font-size:11.5px;background:rgba(6,7,10,.75);padding:4px 9px;border-radius:8px}.vt-tvn figcaption b{color:var(--gold)}

/* storage */
.vt-sto3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:10px}
.vt-sto{position:relative;display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--deck);overflow:hidden}
.vt-sto>i{position:absolute;left:0;top:0;bottom:0;width:3px}
.vt-sto-active>i{background:var(--violet)}.vt-sto-rest>i{background:#5B7BD8}.vt-sto-deep>i{background:#3A4A78}
.vt-sto b{font-size:22px}.vt-sto .muted{font-size:11.5px}.vt-sto em{font-style:normal;font-size:12px;color:var(--ink2)}
.vt-q2{display:grid;grid-template-columns:28px minmax(0,1fr) 52px;gap:8px;align-items:center;font-size:12px}.vt-q2 b{font-size:12px;text-align:right}
.vt-sto-q small{font-size:11px}
.vt-fill{display:grid;grid-template-columns:150px minmax(0,1fr) 52px 36px;gap:10px;align-items:center;font-size:12.5px}.vt-fill b{font-size:12px;text-align:right}.vt-fill em{font-style:normal;font-size:11px;text-align:right}
.vt-big{display:flex;gap:10px;align-items:center}
.vt-big img{width:60px;height:34px;object-fit:cover;border-radius:6px}.vt-big>div{flex:1;min-width:0;display:flex;flex-direction:column}.vt-big b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-big small{font-size:11.5px}
.vt-big .btn svg{width:13px;height:13px}
.vt-kp{display:flex;flex-direction:column;gap:9px;padding:11px;border-radius:12px;background:var(--raise)}
.vt-kpb{display:flex;gap:2px;height:24px}.vt-kpb i{flex:1;border-radius:3px;background:#3A4A78}.vt-kpb i.p{background:var(--gold)}
.vt-kpt{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--ink2)}
.vt-kp .btn{align-self:flex-start}
.vt-promise{display:flex;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(74,222,128,.3);background:rgba(74,222,128,.07)}
.vt-promise svg{width:18px;height:18px;color:var(--ok);flex:none;margin-top:2px}.vt-promise div{display:flex;flex-direction:column;font-size:12.5px}.vt-promise span{color:var(--ink2);font-size:12px}

/* imports */
.vt-imps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vt-imp{text-align:left;display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:var(--r2);border:1px solid var(--line2);background:radial-gradient(120% 120% at 0 0,rgba(127,227,255,.1),transparent 60%),var(--deck);transition:transform .15s,border-color .15s}
.vt-imp:hover{transform:translateY(-2px);border-color:rgba(127,227,255,.5)}
.vt-imp b{font-size:14px}.vt-imp .muted{font-size:12px}.vt-imp em{font-style:normal;font-size:12px;color:var(--ice);display:flex;align-items:center;gap:5px;margin-top:4px}.vt-imp em svg{width:13px;height:13px}
.vt-prog{height:6px;border-radius:999px;background:var(--raise2);overflow:hidden}.vt-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--ice));transition:width .15s}
.vt-auto{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vt-auto>div{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px}.vt-auto>div:last-child{border-bottom:0}
.vt-auto svg{width:14px;height:14px;color:var(--mut)}.vt-auto span{flex:1}

.vt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vt-steps>div{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--raise);font-size:12px}
.vt-steps svg{width:17px;height:17px;color:var(--ice)}.vt-steps b{font-size:13px}.vt-steps em{position:absolute;right:10px;top:8px;font-style:normal;color:var(--mut2);font-size:18px}
/* activity */
.vt-acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.vt-acts li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink2)}
.vt-acts li:last-child{border-bottom:0}.vt-acts li>div{display:flex;flex-direction:column;min-width:0}.vt-acts b{color:var(--ink)}.vt-acts small{font-size:11px}
.vt-ai{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--raise2);color:var(--violet2);flex:none}.vt-ai svg{width:13px;height:13px}
.vt-mp{display:flex;flex-direction:column;gap:10px}
.vt-appr{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(245,165,36,.08);border:1px solid rgba(245,165,36,.3);font-size:12.5px}
.vt-appr>div{flex:1;display:flex;flex-direction:column;min-width:0}.vt-appr small{font-size:11.5px}
.vt-lock{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:var(--raise);font-size:12.5px}.vt-lock svg{width:16px;height:16px;color:var(--ice);flex:none;margin-top:2px}.vt-lock div{display:flex;flex-direction:column}.vt-lock span{color:var(--mut);font-size:11.5px}
.vt-blur{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/8;background:#000}
.vt-blur img{width:100%;height:100%;object-fit:cover;display:block}
.vt-blur i{position:absolute;width:13%;aspect-ratio:1;border-radius:50%;display:none;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(127,227,255,.08);border:1.5px dashed rgba(127,227,255,.7)}
.vt-blur.on i{display:block}
.vt-blur span{position:absolute;left:8px;bottom:8px;font-size:11px;background:rgba(6,7,10,.8);border-radius:7px;padding:3px 8px}

/* drawer */
.vt-drawer{display:none}
.vt.dr-open .vt-drawer{display:flex;flex-direction:column;gap:12px;position:sticky;top:0;align-self:start;height:calc(100vh - 60px);overflow-y:auto;border-left:1px solid var(--line);background:var(--deck);padding:14px 14px 90px;animation:vtdr .3s cubic-bezier(.2,.8,.2,1)}
@keyframes vtdr{from{opacity:0;transform:translateX(20px)}}
.vt-dh{display:flex;align-items:center;gap:8px}.vt-dh b{flex:1;font-size:15px;line-height:1.3}.vt-dh .iconbtn{width:32px;height:32px}
.vt-dv{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;flex:none}
.vt-dv .vt-lines{top:auto;bottom:7px}
.vt-da{display:flex;gap:6px;flex-wrap:wrap}.vt-da .btn{padding:0 10px}.vt-da .btn svg{width:14px;height:14px}
.vt-meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vt-meta div{padding:7px 9px;border-radius:9px;background:var(--raise);min-width:0}.vt-meta dt{font-size:11px;color:var(--mut)}.vt-meta dd{margin:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.vt-dsec{display:flex;flex-direction:column;gap:6px}
.vt-dch{display:flex;flex-wrap:wrap;gap:5px}.vt-dch .chip{height:26px;font-size:11.5px}
.vt-dck{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 9px;border-radius:8px;background:var(--raise)}.vt-dck.flag b{color:var(--warn)}.vt-dck.pass b{color:var(--ok)}
.vt-dsr{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--raise);font-size:12.5px;text-align:left}.vt-dsr span{flex:1}.vt-dsr small{font-size:11px;color:var(--mut)}
.vt-acts-s li{padding:6px 0}

/* upload */
.vt-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border:2px dashed rgba(149,129,248,.45);border-radius:var(--r2);background:rgba(149,129,248,.06);cursor:pointer;text-align:center;transition:all .2s}
.vt-drop svg{width:30px;height:30px;color:var(--violet2)}.vt-drop b{font-size:15px}.vt-drop .muted{font-size:12.5px}
.vt-drop input{position:absolute;opacity:0;width:1px;height:1px}
.vt-drop.over{background:rgba(149,129,248,.16);border-color:var(--violet2)}
.vt-drop.vt-small{padding:12px;flex-direction:row;justify-content:center}.vt-drop.vt-small .muted{display:none}.vt-drop.vt-small svg{width:18px;height:18px}.vt-drop.vt-small b{font-size:13px}
.vt-pre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vt-ex{align-self:flex-start}
.vt-ui{display:flex;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--raise);margin-bottom:8px}
.vt-ui>img{width:96px;height:54px;object-fit:cover;border-radius:8px;flex:none;transition:transform .4s}
.vt-ui>img.vt-rot{transform:rotate(-90deg) scale(.6)}
.vt-uib{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.vt-qc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vt-qc .chip{height:26px;font-size:11.5px;border-color:rgba(149,129,248,.5);color:var(--violet2)}
.vt-warn,.vt-ok{display:inline-flex;align-items:center;gap:5px;font-size:12px}.vt-warn{color:var(--warn)}.vt-ok{color:var(--ok)}
.vt-warn svg,.vt-ok svg{width:14px;height:14px;flex:none}
.vt-af{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--mut)}.vt-af svg{width:13px;height:13px}.vt-af b{color:var(--ink2);font-weight:600}
.vt-mv{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vt-mvb{text-align:left;display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--raise)}.vt-mvb:hover{border-color:var(--violet)}.vt-mvb svg{width:18px;height:18px;color:var(--violet2)}.vt-mvb .muted{font-size:11.5px}

/* guest */
.vt-g{display:flex;flex-direction:column;gap:26px;padding:22px 24px 100px}
.vt-gh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center}
.vt-gc{display:flex;flex-direction:column;gap:16px}
.vt-gc .h-xl{font-size:clamp(34px,3.6vw,54px)}.vt-gc .h-xl em{font-style:normal;color:var(--gold)}
.vt-gl{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);max-width:56ch}
.vt-gfree{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(74,222,128,.35);background:rgba(74,222,128,.07);align-self:flex-start;flex-wrap:wrap}
.vt-gfree b{font-size:22px;color:var(--ok);text-transform:uppercase}.vt-gfree span{font-size:13px;color:var(--ink2)}
.vt-gcta{display:flex;gap:10px;flex-wrap:wrap}
.vt-gs{position:relative;aspect-ratio:16/9;border-radius:var(--r3);overflow:hidden;background:#000;border:1px solid var(--line2);box-shadow:0 40px 90px -40px rgba(149,129,248,.5)}
.vt-gs video,.vt-gs canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vt-gq{position:absolute;right:12px;top:12px;width:min(270px,calc(100% - 24px));display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:rgba(6,7,10,.8);border:1px solid var(--line2);backdrop-filter:blur(10px)}
.vt-gqi{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border-radius:999px;background:var(--raise);font-size:13px}.vt-gqi svg{width:14px;height:14px;color:var(--violet2)}
.vt-caret{width:1.5px;height:15px;background:var(--violet2);animation:livep 1s infinite}
.vt-gqr{display:flex;flex-direction:column;gap:5px;font-size:12px}.vt-gqr:empty{display:none}.vt-gqr .muted{font-size:11px}
.vt-gm{display:flex;justify-content:space-between;padding:5px 9px;border-radius:8px;background:var(--raise);font-size:12px;animation:vtin .3s both}.vt-gm em{font-style:normal;color:var(--gold2);font-family:var(--f-mono)}.vt-gm.on{background:rgba(242,184,75,.18)}
.vt-band-g .vt-band-row{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}
.vt-gd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vt-gdc{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r2);border:1px solid var(--line);background:var(--deck)}
.vt-gdc h3{margin:0;font-size:17px}.vt-gdc p{margin:0;font-size:12.5px}
.vt-gsplit{display:flex;flex-direction:column;gap:5px}.vt-gsplit>div{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;font-size:12px}
.vt-grates{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vt-grates>div{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;background:var(--raise)}.vt-grates b{font-size:16px}.vt-grates span{font-size:11px;color:var(--mut)}
.vt-gp{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:20px;border-radius:var(--r3);border:1px solid var(--line2);background:radial-gradient(100% 140% at 100% 0,rgba(242,184,75,.1),transparent 60%),var(--deck)}
.vt-gpl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}
.vt-gpc{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--raise)}.vt-gpc.on{border-color:var(--gold)}
.vt-gpc span{font-size:28px;font-weight:800}.vt-gpc small{font-size:13px;color:var(--mut)}.vt-gpc em{font-style:normal;font-size:11.5px;color:var(--mut)}

/* narrower desktops: the drawer floats */
@media (max-width:1279px) and (min-width:960px){
  .vt.dr-open{grid-template-columns:196px minmax(0,1fr)}
  .vt.dr-open .vt-drawer{position:fixed;right:0;top:60px;bottom:0;width:380px;height:auto;z-index:45;box-shadow:-30px 0 80px -20px rgba(0,0,0,.8)}
  .vt-sto3{grid-template-columns:repeat(3,minmax(0,1fr))}.vt-sto-q{grid-column:1/-1}
  .vt-imps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1199px){ .vt-two{grid-template-columns:1fr} .vt-band-g .vt-band-row{grid-template-columns:repeat(4,minmax(0,1fr))} }

/* phone */
@media (max-width:959px){
  .vt,.vt.dr-open{grid-template-columns:minmax(0,1fr)}
  .vt-side{position:sticky;top:0;z-index:12;height:auto;flex-direction:row;gap:6px;padding:8px 12px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);background:rgba(6,7,10,.94);backdrop-filter:blur(12px);scrollbar-width:none}
  .vt-side::-webkit-scrollbar{display:none}
  .vt-nav{flex:none;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--raise);font-size:12.5px}
  .vt-nav.on{background:var(--ink);color:var(--void)}.vt-nav.on svg{color:var(--void)}
  .vt-nav svg{width:15px;height:15px}
  .vt-main{padding:14px 16px 120px;gap:14px}
  .vt-head{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .vt-ht .h-l{font-size:30px}.vt-ht .kicker{font-size:11px}
  .vt-hact .btn{padding:0 12px}
  .vt-search{height:44px;padding-left:12px}.vt-search input{font-size:13px}.vt-search .btn{display:none}
  .vt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vt-cb small{white-space:normal}
  .vt-star,.vt-pk{opacity:1}
  .vt-row{grid-template-columns:22px 56px minmax(0,1fr) auto 28px;gap:8px}
  .vt-row .vt-rc.mono,.vt-row .vt-qi{display:none}
  .vt-row img{width:56px;height:32px}
  .vt-band-row{grid-auto-columns:minmax(160px,72%)}
  .vt-band-t{font-size:17px;flex-basis:100%;order:3}
  .vt-band-h{gap:4px 12px;justify-content:space-between}
  .vt-sh{flex-direction:column;align-items:flex-start}
  .vt-facets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-split-c,.vt-bill-c,.vt-pre,.vt-two2{grid-template-columns:minmax(0,1fr)}
  .vt-sr{grid-template-columns:80px minmax(0,1fr);}.vt-sr .mono{grid-column:1/-1;text-align:left;margin-top:-4px}
  .vt-shr{grid-template-columns:28px minmax(0,1fr) auto;row-gap:4px}.vt-shn{grid-column:2}.vt-shr .vt-pill{grid-column:3;grid-row:1}
  .vt-pk3,.vt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-req{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.vt-req>.muted{grid-column:1/-1}.vt-rl{justify-self:start}
  .vt-bq{margin-left:0;margin-right:0}
  .vt-bl{grid-template-columns:minmax(0,1fr) 16px}.vt-bw{grid-column:1/-1;margin-bottom:-4px}.vt-bt{grid-column:1}
  .vt-tl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-tvn{grid-template-columns:1fr 1fr;gap:8px}.vt-tvn figcaption{font-size:11px}
  .vt-sto3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vt-sto{padding:10px}.vt-sto b{font-size:16px}.vt-sto-q{grid-column:1/-1}
  .vt-fill{grid-template-columns:96px minmax(0,1fr) 46px}.vt-fill em{display:none}
  .vt-big{flex-wrap:wrap}.vt-big>div{flex:1 1 calc(100% - 72px)}.vt-big .btn{margin-left:70px}
  .vt-imps,.vt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-nsg,.vt-pkt-g{grid-template-columns:minmax(0,1fr)}
  .vt-sd{grid-template-columns:20px minmax(0,1fr) auto}.vt-sd em{display:none}
  .vt-sv,.vt-ns,.vt-up,.vt-pkt{padding:20px 16px 18px}
  .vt-mv{grid-template-columns:1fr}
  .vt-mos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt.dr-open .vt-drawer{position:fixed;left:0;right:0;bottom:var(--tabs);top:auto;height:auto;max-height:78vh;z-index:60;border-left:0;border-top:1px solid var(--line2);border-radius:22px 22px 0 0;box-shadow:0 -30px 80px -10px rgba(0,0,0,.85);animation:vtup .3s cubic-bezier(.2,.8,.2,1);padding-bottom:24px}
  .vt.dr-open .vt-drawer::before{content:"";align-self:center;width:40px;height:4px;border-radius:999px;background:var(--line2);flex:none}
  @keyframes vtup{from{transform:translateY(40px);opacity:0}}
  .vt-g{padding:16px 16px 110px;gap:20px}
  .vt-gh{grid-template-columns:minmax(0,1fr)}
  .vt-gs{order:-1}
  .vt-gs{aspect-ratio:auto;display:flex;flex-direction:column}
  .vt-gs video{position:relative;height:auto;aspect-ratio:16/9;flex:none}
  .vt-gs canvas{bottom:auto;height:auto;aspect-ratio:16/9}
  .vt-gq{position:static;width:auto;margin:8px;padding:8px}
  .vt-gqr .vt-gm:nth-child(n+5){display:none}
  .vt-band-g .vt-band-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-gd,.vt-gpl{grid-template-columns:minmax(0,1fr)}
  .vt-gpl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-h2{font-size:22px}
}

/* large avatar in Vault sheet headers: initials dead center, no extra space */
.av.vt-av{width:52px;height:52px;flex:none;display:grid;place-items:center;padding:0;line-height:1;font-size:18px;letter-spacing:.02em;text-align:center;border-width:2px;align-self:center}
@media (max-width:959px){.av.vt-av{width:44px;height:44px;font-size:15px}}

/* ===== Built for phones (Nov 8). Desktop keeps the sidebar and drawer; phones get their own layout below. ===== */
@media (min-width:960px){.vt-onm{display:none!important}}
@media (max-width:959px){.vt-ond{display:none!important}}
.vt-stari{display:none}
.vt-chev{flex:none;color:var(--mut)}
.vt-badge{font-style:normal;font-size:11px;font-weight:800;background:var(--gold);color:#1b1204;border-radius:999px;padding:0 6px;margin-left:2px}
.vt-mnav .vt-dot{margin-left:2px}
.vt-mlist{display:flex;flex-direction:column;gap:6px}
.vt-mrow{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:60px;padding:8px 12px;border-radius:14px;background:var(--raise);border:1px solid var(--line);text-align:left}
.vt-mrow .vt-ci{margin:0;width:40px;height:40px;border-radius:12px}.vt-mrow>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.vt-mrow b{font-size:14.5px}.vt-mrow small{font-size:12.5px}
.vt-mrow.vt-bad b{color:var(--bad)}
.vt-wzp{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink2);font-weight:600}
.vt-wzb{display:flex;flex-direction:column;gap:14px;min-height:180px}
.vt-segw{display:flex;flex-wrap:wrap;gap:6px}.vt-segw button{height:40px;padding:0 14px;border-radius:12px;background:var(--raise);border:1px solid var(--line2);font-weight:600;font-size:13.5px;color:var(--ink2)}.vt-segw button.on{background:var(--ink);color:var(--void);border-color:var(--ink)}
.vt-rv{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vt-rv>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px}.vt-rv>div:last-child{border-bottom:0}.vt-rv span{font-size:12.5px}
.vt-wfilms{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.vt-wfilms img{width:64px;height:36px;object-fit:cover;border-radius:7px}.vt-wfilms span{font-size:12.5px;margin-left:4px}
.vt-src{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vt-srt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:88px;padding:12px;border-radius:16px;background:var(--raise);border:1px solid var(--line2);cursor:pointer;text-align:center}
.vt-srt input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.vt-srt .vt-ci{margin:0}.vt-srt b{font-size:14px}
.vt-lkr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.vt-picked{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.3);font-size:13px;color:var(--ink2)}.vt-picked svg{width:18px;height:18px;color:var(--ok);flex:none}
.vt-cpy{align-self:flex-start}
.vt-wide{width:100%;margin-top:8px}
.vt-mcs{display:flex;flex-direction:column;gap:8px}
.vt-mc{display:grid;grid-template-columns:128px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:6px;border-radius:14px;background:var(--raise);border:1px solid var(--line);text-align:left}
.vt-mci{position:relative;display:block;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#000}
.vt-mci img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7) brightness(.7);transition:filter .4s}.vt-mci img.vt-in{filter:none}
.vt-mci em{position:absolute;left:5px;bottom:5px;font-style:normal;font-size:11px;background:rgba(6,7,10,.82);color:var(--gold2);padding:1px 6px;border-radius:5px}
.vt-mct{display:flex;flex-direction:column;gap:2px;min-width:0}.vt-mct b{font-size:14px}.vt-mct small{font-size:12.5px}
.vt-fsw{display:flex;flex-direction:column;gap:12px;padding:22px 24px 0}
.vt-fsh{display:flex;flex-direction:column;gap:2px;padding-right:48px}.vt-fsh b{font-size:17px;line-height:1.25}.vt-fsh small{font-size:12.5px}
.vt-fsb{display:flex;flex-direction:column;gap:12px;min-height:200px}
.vt-fsm{flex:0 0 56px!important;padding:0!important}
.vt-fseg{display:flex;gap:4px}
@media (min-width:960px){.vt-fseg{padding:4px;border-radius:14px;background:var(--raise)}.vt-fseg button{flex:1;height:36px;border-radius:10px;font-weight:700;color:var(--ink2)}.vt-fseg button.on{background:var(--raise2);color:var(--ink)}}

@media (max-width:959px){
  /* frame */
  .vt-side{display:none!important}
  .vt-main{padding:10px 16px calc(150px + env(safe-area-inset-bottom,0px));gap:12px}
  body.vt-selecting .vt-main{padding-bottom:230px}
  .vt .chip,.vt-sheet .chip{min-height:40px;height:auto}
  .vt .ex,.vt-sheet .ex{font-size:11px}
  .vt-sheet,.vt-sheet-w{width:100%!important}
  /* compact top: title, slim storage line, search, sections */
  .vt-head{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .vt-mhead{display:flex;flex-direction:column;gap:8px}
  .vt-mt{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
  .vt-mt .h-l{font-size:30px}.vt-mt .kicker{font-size:11px;order:2}
  .vt-mmeter{display:grid;grid-template-columns:auto minmax(0,1fr) auto 18px;gap:10px;align-items:center;min-height:44px;padding:0 12px;border-radius:14px;background:var(--deck);border:1px solid var(--line);font-size:13px;color:var(--ink2);text-align:left}
  .vt-mmeter b{color:var(--ink);font-size:15px}.vt-mmeter .vt-bar{height:7px}.vt-mm2{font-size:12.5px}
  .vt-search{height:48px;padding:0 6px 0 14px}.vt-search input{font-size:16px}
  .vt-qchips{margin-top:0}.vt-qchips .chip{height:40px;font-size:13px}
  .vt-mnavw{position:sticky;top:0;z-index:15;margin:0 -16px;padding:8px 16px;background:rgba(6,7,10,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .vt-mnav .chip{height:40px;font-size:14px;font-weight:600;padding:0 16px}
  .vt-mnav .chip svg{width:15px;height:15px}
  .vt-h2{font-size:22px}.vt-sh p{font-size:13.5px}
  .vt-sh>.btn{width:100%}
  /* the loud band: a short carousel */
  .vt-band{padding:12px 0 10px;border-radius:18px}.vt-band-h{padding:0 14px}
  .vt-band-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px 4px;scrollbar-width:none}.vt-band-row::-webkit-scrollbar{display:none}
  .vt-only{flex:0 0 62%;scroll-snap-align:start;padding:12px}.vt-only b{font-size:14px}.vt-only>span:last-child{font-size:12.5px}
  .vt-link{min-height:40px;display:inline-flex;align-items:center}
  /* library: a photo library */
  .vt-alert{flex-wrap:wrap}.vt-alert>.btn{width:100%}
  .vt-bstrip{margin:0 -16px;padding:0 16px}
  .vt-bs{min-height:52px}
  .vt-tool{position:sticky;top:56px;z-index:14;margin:0 -16px;padding:8px 16px;background:rgba(6,7,10,.96);backdrop-filter:blur(12px);flex-wrap:nowrap;gap:8px}
  .vt-fil.m-rail{flex:1;min-width:0;margin:0 0 0 -16px;padding:0 0 0 16px;flex-wrap:nowrap}
  .vt-fil .chip{height:40px;font-size:13px}
  .vt-tr{flex:none;gap:6px}.vt-tr>.btn{padding:0 12px}.vt-tr .seg{display:none}
  .vt-count{margin-top:-2px;font-size:12.5px}
  .vt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .vt-card{border-radius:14px;-webkit-touch-callout:none;user-select:none}
  .vt-card:hover{transform:none}
  .vt-cb{padding:7px 9px 9px;gap:2px}.vt-cb b{font-size:13.5px}.vt-cb small{font-size:11.5px;white-space:nowrap}
  .vt-cb .vt-chips{display:none}
  .vt-card .vt-star{display:none}
  .vt-stari{display:grid;place-items:center;position:absolute;left:38px;bottom:6px;width:20px;height:20px;border-radius:50%;background:rgba(6,7,10,.75);color:var(--gold)}.vt-stari svg{width:12px;height:12px}
  .vt-pk{opacity:1;width:44px;height:44px;left:0;top:0;border:0;background:none;border-radius:0;display:none}
  .vt-pk.show{display:grid}
  .vt-pk::before{content:"";position:absolute;left:8px;top:8px;width:26px;height:26px;border-radius:8px;border:2px solid #fff;background:rgba(6,7,10,.55);box-shadow:0 1px 4px rgba(0,0,0,.5)}
  .vt-pk svg{position:relative;width:16px;height:16px;margin:-2px 0 0 -2px}
  .vt-card.pk .vt-pk,.vt-row.pk .vt-pk{background:none;color:#1b1204}
  .vt-card.pk .vt-pk::before{background:var(--gold);border-color:var(--gold)}
  .vt-card.pk{box-shadow:0 0 0 2px var(--gold)}
  .vt-card .vt-pk.show~.vt-lines{left:44px}
  .vt-row{grid-template-columns:auto 72px minmax(0,1fr) 40px;min-height:60px;-webkit-touch-callout:none;user-select:none}
  .vt-row .vt-rc,.vt-row .vt-qi{display:none}
  .vt-row .vt-pk{position:relative;display:none}.vt-row .vt-pk.show{display:grid}
  body:not(.vt-selecting) .vt-row .vt-pk{display:none}
  .vt-row .vt-star{width:40px;height:40px}
  .vt-row img{width:72px;height:40px}
  .vt-facets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vt-fv{min-height:40px;align-items:center}
  /* thumb-reach upload and the selection bar */
  .vt-fab{position:fixed;right:16px;bottom:calc(var(--tabs) + 56px + env(safe-area-inset-bottom,0px));z-index:45;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1b1204;box-shadow:0 12px 30px -8px rgba(242,184,75,.75),0 4px 12px rgba(0,0,0,.5)}
  .vt-fab svg{width:24px;height:24px}.vt-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  body.vt-selecting .vt-fab,body.carol-on .vt-fab,body:has(.sheet.open) .vt-fab{display:none}
  .vt-bulk{display:none}
  .vt-mbulk{position:fixed;left:0;right:0;bottom:calc(var(--tabs) + env(safe-area-inset-bottom,0px));z-index:46;display:flex;flex-direction:column;gap:6px;padding:8px 12px 8px;background:rgba(20,23,34,.98);border-top:1px solid rgba(242,184,75,.4);box-shadow:0 -20px 40px -20px rgba(0,0,0,.8);animation:vtup .25s both}
  .vt-mbt{display:flex;align-items:center;gap:6px}.vt-mbt b{flex:1;font-size:14px}
  .vt-mba{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .vt-mbb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border-radius:12px;font-size:12px;font-weight:600;color:var(--ink)}
  .vt-mbb svg{width:21px;height:21px}.vt-mbb:active{background:var(--raise2)}.vt-mbb[disabled]{opacity:.4}
  body.vt-selecting #proto.min{bottom:calc(var(--tabs) + 128px + env(safe-area-inset-bottom,0px))}
  /* movement search: a vertical list of moment cards */
  .vt-rf{padding:12px;gap:10px}
  .vt-rfh{flex-wrap:wrap}.vt-rfh>.btn{width:100%}
  .vt-mos{grid-template-columns:minmax(0,1fr);gap:8px}
  .vt-mo{display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:6px}
  .vt-mo .vt-mi{grid-row:1/3}.vt-mo b{align-self:end;font-size:14px;padding:0}.vt-mo>span:last-child{align-self:start;font-size:12.5px;padding:0}
  .vt-fine{font-size:12.5px;align-items:flex-start}
  /* buckets */
  .vt-bks{grid-template-columns:minmax(0,1fr)}
  .vt-bkf span{min-height:30px;font-size:12.5px}
  .vt-split-c .btn{width:100%}
  .vt-roster .chip{font-size:13.5px}
  .vt-so-a .btn{width:100%}
  .vt-panel>.btn{width:100%}
  .vt-lr{padding:10px 12px;font-size:13.5px}
  /* collections: one list */
  .vt-colls{grid-template-columns:minmax(0,1fr);gap:8px}
  .vt-coll{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;padding:12px}
  .vt-coll .vt-ci{grid-row:1/4;margin:0;width:40px;height:40px}.vt-coll b{font-size:14.5px}.vt-coll .muted{font-size:12.5px}
  /* shares */
  .vt-shr{min-height:64px;padding:10px 14px}
  .vt-shn{font-size:12.5px}
  .vt-pk3{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-pk3>div{font-size:12.5px}
  .vt-heat{height:64px;gap:1.5px}.vt-heat b{font-size:12px}
  .vt-cl{font-size:12px}
  .vt-reps{grid-template-columns:minmax(0,1fr)}
  .vt-rep{min-height:60px}.vt-rep div{font-size:13px}
  .vt-cpy{width:100%}
  .vt-svh{padding-right:44px;align-items:flex-start}
  /* requests */
  .vt-req{grid-template-columns:1fr 1fr;padding:12px}.vt-req>div,.vt-req>.vt-rl,.vt-req>.muted{grid-column:1/-1}.vt-req .btn{width:100%}
  .vt-bq{margin:0;font-size:12px}
  .vt-bl{padding:6px 0}
  .vt-bw{font-size:13px}
  .vt-bt{height:22px}
  .vt-credits{font-size:12.5px}
  /* timeline */
  .vt-tl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.vt-tl::-webkit-scrollbar{display:none}
  .vt-tls{flex:0 0 74%;scroll-snap-align:start;font-size:12.5px}
  .vt-hl span{font-size:12px}
  .vt-tvn figure{aspect-ratio:auto;display:flex;flex-direction:column;background:none}
  .vt-tvn video{aspect-ratio:9/12;object-fit:cover;border-radius:12px;background:#000}
  .vt-tvn figcaption{position:static;background:none;padding:6px 2px 0;font-size:12px}
  .vt-ph>.btn{width:100%}
  /* storage: 2x2 stats */
  .vt-sto3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vt-sto-q{grid-column:auto}
  .vt-sto b{font-size:18px}.vt-sto .muted{font-size:12px}
  .vt-q2{grid-template-columns:24px minmax(0,1fr) 40px}
  .vt-fill{font-size:13px}
  .vt-big .btn{margin-left:0;width:100%}
  .vt-kpt{font-size:12.5px}
  .vt-sva>.btn{flex:1}
  /* imports */
  .vt-imps{grid-template-columns:minmax(0,1fr);gap:8px}
  .vt-imp{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;padding:14px}
  .vt-imp .vt-ci{grid-row:1/4;margin:0;width:40px;height:40px}.vt-imp em{margin:2px 0 0}
  .vt-steps>div{font-size:12.5px}
  /* activity */
  .vt-acts li{font-size:13.5px}.vt-acts small{font-size:12px}
  .vt-appr{flex-wrap:wrap}.vt-appr>div{flex:1 1 100%}.vt-appr .btn{flex:1}
  .vt-tog{min-height:40px;font-size:14px}
  /* sheets: wizards, the film, the preview */
  .vt-ns,.vt-sv,.vt-up,.vt-pkt{padding:24px 16px 0}
  .vt-ns .vt-h2,.vt-sv .vt-h2{padding-right:44px}
  .vt-wzb{min-height:0}
  .vt-src{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-lkr{grid-template-columns:minmax(0,1fr)}
  .vt-ui>img{width:84px;height:48px}
  .vt-qc .chip{font-size:13px}
  .vt-af{font-size:12px}
  .vt-pkt-h{padding-right:44px}.vt-pkt-r{align-items:flex-start}
  .vt-sd{font-size:13.5px;min-height:44px}
  .vt-meas b{font-size:17px}
  #sheet .box.vt-fsheet{height:100dvh;max-height:100dvh;border-radius:0;border-top:0}
  .vt-fsw{padding:16px 16px 0;gap:12px}
  .vt-fsv{margin:0 -16px;border-radius:0}
  .vt-meta dd{font-size:13.5px}.vt-meta dt{font-size:11.5px}
  .vt-dck{font-size:13.5px;padding:10px 12px}
  .vt-dsr{min-height:52px;font-size:14px}
  .vt-dch .chip{font-size:12.5px}
  .vt-mv{grid-template-columns:minmax(0,1fr)}.vt-mvb{min-height:64px}
}
@media (min-width:600px) and (max-width:959px){.vt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vt-only{flex-basis:40%}.vt-tls{flex-basis:44%}}
@media (max-width:959px){
  .vt-search input{height:46px;align-self:stretch}
  .vt-f input:not([type=range]),.vt-f select,.vt-sel{height:46px;font-size:16px}
  .vt-link{padding:0 10px;margin-right:-10px}
  .vt-sht small{font-size:12px}
}
@media (max-width:959px){
  .vt-band{gap:8px}
  .vt-band-t{font-size:16px}
  .vt-only{flex:0 0 auto;max-width:72%;flex-direction:row;align-items:center;gap:10px;padding:8px 12px 8px 8px;min-height:52px}
  .vt-only .vt-oi{margin:0;flex:none;width:34px;height:34px}
  .vt-only>span:last-child{display:none}
  .vt-only b{font-size:13.5px;white-space:nowrap}
  .vt-facet .vt-fv:nth-of-type(n+4){display:none}
}
@media (max-width:959px){ .vt-shr .vt-shf,.vt-shr .vt-she{display:none!important} }
@media (max-width:959px){ .vt-req>.vt-pill,.vt-req>.ex{justify-self:start} .vt-kp .btn{width:100%} }
@media (max-width:959px){ .vt-fsheet .vt-fsh{padding-left:38px} }
.vt-af{flex-wrap:nowrap;align-items:flex-start}.vt-af svg{margin-top:2px;flex:none}
@media (max-width:959px){
  .vt-svh{flex-wrap:wrap;row-gap:8px}.vt-svh>div{flex:1 1 calc(100% - 70px)}.vt-svh>.vt-pill{margin-left:66px}
  .vt-svh .kicker{flex-wrap:wrap}
}
@media (max-width:959px){
  .vt-band-g .vt-band-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}
  .vt-band-g .vt-only{max-width:none;flex-direction:column;align-items:flex-start;gap:4px;padding:12px}
  .vt-band-g .vt-only>span:last-child{display:block;font-size:12.5px}
  .vt-band-g .vt-only b{white-space:normal}
  .vt-gm{min-height:40px;align-items:center}
  .vt-g .ex{font-size:11px}
}

/* ---- bk479 additions for the live Vault ---- */
.vt-first{margin-top:6px}.vt-first .btn{margin-top:6px}
.vt-imp.vt-dis:hover{transform:none;border-color:var(--line2)}
.vt-imp.vt-dis em{color:var(--mut)}
.vt-ui>.vt-ci{flex:none}
.vt-recr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:8px}
.vt-recr input{min-width:0}
.vt-copyin{width:100%;font:500 16px var(--f-mono);padding:12px;border-radius:12px;background:var(--raise);border:1px solid var(--line2);color:var(--ink)}
.vt-lkr{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.vt-lkr .vt-f{flex:1;min-width:0}
.vt-panel .vt-lr small{display:block;font-size:11.5px;margin-top:2px}
.vt-sto3 .vt-sto .muted{font-size:12px}
/* the public doors: a shared film and a request-film link */
.vt-pub{max-width:760px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px));min-height:100dvh;display:flex;flex-direction:column;gap:14px}
.vt-pub-top{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 0 4px}
.vt-pub-top svg{width:26px;height:26px}.vt-pub-top b{font-family:var(--f-disp);letter-spacing:.04em;font-size:18px}.vt-pub-top .muted{margin-left:auto;font-size:12.5px}
.vt-pub-h{display:flex;flex-direction:column;gap:4px}.vt-pub-h .vt-h2{margin:2px 0}
.vt-pub-v{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9}
.vt-pub-v video{width:100%;height:100%;object-fit:contain;display:block}
.vt-blurc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vt-wm-pub{inset:auto 0 46% 0}
.vt-pw{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:24px auto 0;width:100%}
.vt-err{color:var(--bad);font-size:13.5px;margin:0}
.vt-pub .vt-drop{min-height:150px}
@media (max-width:959px){ .vt-recr{grid-template-columns:minmax(0,1fr)} }
body.vt-public #wallChip{display:none}