.app-vbar{align-items:center;gap:var(--space-3);min-height:34px;padding:5px var(--space-4);min-width:0;font-size:13px;line-height:18px;display:flex}.app-vbar-staff{background:var(--deep);color:var(--on-deep-muted)}.app-vbar-public{background:var(--surface-sunken);color:var(--ink-muted);border-bottom:1px solid var(--line)}.app-vbar-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:12px;font-weight:700;display:inline-flex}.app-vbar-staff .app-vbar-badge{background:var(--deep-raised);color:var(--on-deep)}.app-vbar-public .app-vbar-badge{background:var(--brand-soft);color:var(--brand-strong)}.app-vbar-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-vbar-end{align-items:center;gap:var(--space-2);flex:none;margin-left:auto;display:inline-flex}.app-vbar-staff .app-vbar-end a{color:var(--on-deep)}.app-vtag{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.app-vtag-name{border-radius:var(--radius-full);background:var(--deep);color:var(--on-deep);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:700;display:inline-flex}.app-vtag-state{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.app-vtag-live{color:var(--positive)}.app-vtag-dot{background:var(--positive);border-radius:50%;width:8px;height:8px}.app-vtag-preview{color:var(--ink-muted)}.app-device{background:var(--deep);box-shadow:var(--shadow-md);min-width:0;overflow:hidden}.app-device-screen{border-radius:var(--radius-md);padding:8px}.app-device-screen>*{border-radius:6px;overflow:hidden}.app-device-phone{border-radius:36px;width:min(100%,360px);margin-inline:auto;padding:10px}.app-device-phone>*{scrollbar-width:thin;border-radius:28px;max-height:640px;overflow:hidden auto}.app-device-tablet{border-radius:26px;padding:12px}.app-device-tablet>*{scrollbar-width:thin;border-radius:16px;max-height:640px;overflow:hidden auto}.app-views{gap:var(--space-4);min-width:0;display:grid}.app-views-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-views-pick{gap:var(--space-2);flex-wrap:wrap;display:flex}.app-views-when{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-views-note{color:var(--ink-muted);margin:0;font-size:14px;line-height:20px}@media (width<=600px){.app-vbar{padding:5px var(--space-3);gap:var(--space-2)}}.app-views-after{padding:var(--space-3);border:2px dashed var(--glow);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--glow) 8%, transparent);position:relative}.app-views-after-flag{top:-13px;left:var(--space-4);z-index:2;border-radius:var(--radius-full);background:var(--glow);color:var(--on-glow);font:700 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;padding:3px 10px;display:inline-flex;position:absolute}