@media(max-width:600px) {
  .page.pv-home .experience .bottom-bar .chapter .track { display:none; }
  .page.pv-home .experience .bottom-bar .chapter .pv-phone-symbol-progress {
    display:block;position:relative;width:40px;height:40px;margin:0 auto 10px;
    overflow:hidden;border-radius:9px;background:linear-gradient(145deg,rgba(237,248,255,.32),rgba(168,197,216,.13));
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    border:1px solid rgba(230,245,255,.35);box-sizing:border-box;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 10px rgba(0,0,0,.10);
  }
  .page.pv-home .experience .bottom-bar .chapter .pv-phone-symbol-progress::before {
    content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff,#dceef9);
    transform:scaleY(var(--pv-symbol-progress,0));transform-origin:bottom;
    pointer-events:none;
  }
  .page.pv-home .experience .bottom-bar .chapter .pv-phone-scene-symbol {
    position:relative;z-index:1;display:block;width:100%;height:100%;
    margin:0;padding:3px;border:0;background:transparent;opacity:1;
    mix-blend-mode:multiply;filter:contrast(1.3);
  }
  .page.pv-home .experience .bottom-bar .chapter.active .pv-phone-symbol-progress {
    box-shadow:0 0 0 1px rgba(220,241,255,.9),0 0 8px rgba(166,214,245,.18);
  }
}
@media(max-width:600px) {
  .page.pv-home .experience .bottom-bar .chapter .pv-phone-scene-symbol {
    filter:invert(1) contrast(1.3);mix-blend-mode:screen;
  }
  .page.pv-home .experience .bottom-bar .chapter .pv-phone-symbol-ink {
    position:absolute;inset:0;z-index:2;
    filter:contrast(1.3);mix-blend-mode:multiply;
    clip-path:inset(calc((1 - var(--pv-symbol-progress,0)) * 100%) 0 0 0);
  }
}