:root { --app-bg: #081016; --app-text: #edf3ff; --app-line: rgba(151, 170, 219, .45); }
  .app-surface { display:flex; flex-direction:column; min-height:100%; background:var(--app-bg); }
  .vv-app-header { box-sizing:border-box; position:relative; z-index:20; flex:0 0 30px; height:calc(30px + env(safe-area-inset-top, 0px)); padding:env(safe-area-inset-top, 0px) 7px 0; display:flex; align-items:center; justify-content:space-between; background:var(--app-bg); }
  .app-root { flex:1 1 auto; height:auto; min-height:0; position:relative; z-index:1; }
  .vv-my-apps { min-height:28px; box-sizing:border-box; display:inline-flex; align-items:center; gap:2px; padding:3px 9px 3px 8px; border:1px solid var(--app-line); border-radius:999px; background:rgba(5,9,24,.9); color:var(--app-text); font:700 13.5px/1 system-ui,sans-serif; text-decoration:none; }
  .vv-my-apps span { font-size:14px; transform:translateY(-.5px); }
  .vv-header-actions { display:inline-flex; align-items:center; gap:8px; }
  .vv-credits { display:inline-flex; align-items:center; gap:7px; padding:0 2px; color:#cad5eb; font:600 12px/1 system-ui,sans-serif; }
  .vv-credits i { width:21px; height:21px; border:1px solid rgba(255,236,156,.95); border-radius:50%; background:radial-gradient(circle at 33% 28%,#fff6bd 0 12%,#ffd15c 37%,#d28618 73%,#9c5909 100%); box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 1px 6px rgba(229,150,28,.38); }
  .vv-share { flex:0 0 24px; width:24px; height:24px; display:grid; place-items:center; padding:0; border:1px solid rgba(143,164,211,.48); border-radius:50%; background:rgba(13,20,40,.9); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
  .vv-share svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2.15; stroke-linecap:round; stroke-linejoin:round; }
  .vv-share svg circle { fill:currentColor; stroke:none; }

.app-surface { height:100%; }
.status-bar { display:none; }
.app-root { height:auto; padding-top:0; }
.vv-share { min-height:24px; }