
      .mobile-app-nav,.mobile-more-overlay,.history-empty-mobile{display:none}
      @media (max-width:760px){
        .app-shell{display:block!important}.app-sidebar{position:sticky!important;top:0;z-index:30;height:auto!important;padding:6px 16px 5px!important;border:0!important;background:rgba(9,9,11,.96)!important;backdrop-filter:blur(24px)}
        .app-brand{padding:2px 4px 7px!important;max-height:var(--mobile-brand-expanded-height,80px);overflow:hidden;opacity:1;transform:translateY(0);transition:max-height .24s ease,padding .24s ease,opacity .18s ease,transform .24s ease}.app-brand>span{width:30px!important;height:30px!important;border-radius:10px!important}.app-brand b{font-size:15px!important}.app-brand small{font-size:8px!important}
        .app-sidebar>.app-nav:first-of-type,.app-sidebar-bottom{display:none!important}
        .mobile-app-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:0;gap:2px}
        .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:46px;padding:3px 2px 4px;border:0;border-radius:12px;background:transparent;color:#898990;font:inherit;font-size:10px;font-weight:550;line-height:1.1;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
        .mobile-nav-icon{display:grid;place-items:center;flex-shrink:0;width:28px;height:24px;border-radius:8px;color:#9ba3ad;font-size:16px;font-style:normal;line-height:1;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
        .mobile-nav-item.active{color:#79bdff}.mobile-nav-item.active .mobile-nav-icon{background:rgba(10,132,255,.12);box-shadow:inset 0 0 0 1px rgba(117,189,255,.08);color:#65b2ff}.mobile-nav-item:active .mobile-nav-icon{transform:scale(.92)}
        /* Header resizing must not create compensating browser scroll events. */
        .app-shell { overflow-anchor:none; }
        .app-sidebar { padding:calc(6px - 3px * var(--mobile-nav-compactness,0)) 16px calc(5px - 2px * var(--mobile-nav-compactness,0))!important;transition:padding .18s ease; }
        .app-sidebar .app-brand { max-height:calc(var(--mobile-brand-expanded-height,80px) * (1 - var(--mobile-nav-compactness,0)));padding:calc(2px * (1 - var(--mobile-nav-compactness,0))) 4px calc(7px * (1 - var(--mobile-nav-compactness,0)))!important;opacity:calc(1 - var(--mobile-nav-compactness,0));transform:translateY(calc(-8px * var(--mobile-nav-compactness,0))); }
        .mobile-nav-item { min-height:calc(46px - 2px * var(--mobile-nav-compactness,0));padding:calc(3px * (1 - var(--mobile-nav-compactness,0))) 2px calc(4px * (1 - var(--mobile-nav-compactness,0)));gap:calc(2px * (1 - var(--mobile-nav-compactness,0)));transition:min-height .18s ease,padding .18s ease,gap .18s ease; }
        .mobile-nav-label { flex-shrink:0;max-height:calc(14px * (1 - var(--mobile-nav-compactness,0)));opacity:calc(1 - var(--mobile-nav-compactness,0));overflow:hidden;transition:max-height .18s ease,opacity .18s ease; }
        .mobile-nav-icon { width:calc(28px - 4px * var(--mobile-nav-compactness,0));height:calc(24px - 2px * var(--mobile-nav-compactness,0));font-size:calc(16px - 2px * var(--mobile-nav-compactness,0));transition:font-size .18s ease,width .18s ease,height .18s ease,background .2s ease,color .2s ease; }
        .app-sidebar--compact .app-brand { pointer-events:none; }
        .mobile-more-overlay{display:flex;position:fixed;z-index:100;inset:0;align-items:end;background:rgba(0,0,0,.28);opacity:0;transition:opacity .22s ease}.mobile-more-overlay.is-open{opacity:1}.mobile-more-overlay[hidden]{display:none!important}
        .mobile-more-sheet{width:100%;max-height:90dvh;overflow-y:auto;padding:8px 16px calc(12px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:24px 27px 0 0;background:rgba(37,37,41,.96);box-shadow:0 -14px 42px rgba(0,0,0,.34);backdrop-filter:blur(28px) saturate(140%);overscroll-behavior:contain;transform:translateY(104%);transition:transform .26s cubic-bezier(.22,.85,.3,1)}
        .mobile-more-overlay.is-open .mobile-more-sheet{transform:translateY(0)}.mobile-sheet-handle{width:32px;height:4px;margin:1px auto 10px;border-radius:99px;background:rgba(235,235,245,.28)}.mobile-sheet-title{margin:0 7px 6px;color:#fff;font-size:18px;letter-spacing:-.04em}
        .mobile-sheet-link{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:6px 7px;border-radius:11px;color:#f3f3f5;text-decoration:none}.mobile-sheet-link:active{background:rgba(255,255,255,.08)}.mobile-sheet-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(10,132,255,.13);color:#69b3ff;font-size:16px;font-style:normal}.mobile-sheet-link b,.mobile-sheet-link small{display:block}.mobile-sheet-link b{font-size:13px;font-weight:550}.mobile-sheet-link small{margin-top:2px;color:#9b9ba2;font-size:11px}.mobile-sheet-chevron{color:#777780;font-size:20px;font-weight:300}
        .app-topbar{min-height:46px!important;padding:0 17px!important}.topbar-context{font-size:12px!important}.topbar-context b{font-size:13px!important}.topbar-date{display:none!important}.status-pill{min-height:24px!important;padding:0 9px!important;font-size:9px!important}.app-content{padding-top:22px!important;padding-bottom:40px}

        /* Mobile finish: preserve the existing layout and all touch targets. */
        .mobile-nav-item:focus-visible,.mobile-sheet-link:focus-visible{outline:2px solid #79bdff;outline-offset:2px}
        button.mobile-sheet-link{min-height:44px}
        button.mobile-sheet-link:first-of-type{margin-top:6px;box-shadow:0 -1px 0 var(--line-soft)}
        .mobile-sheet-link:active{background:rgba(255,255,255,.08)!important}
        .page-header{margin-bottom:16px;gap:8px}.page-header p{margin-top:8px}
        .work-panel-header{min-height:52px;padding:0 16px}.work-panel-body{padding:16px}
        .hero-route{padding:20px;margin-bottom:14px}.hero-route p{margin-bottom:19px}.route-glance{margin-top:18px}
        .home-grid,.profile-layout{gap:12px}.profile-card{padding:17px}.profile-card p{margin-bottom:16px}
        .export-queue{margin-bottom:18px}.export-queue .work-panel-header,.export-queue .work-panel-body{padding-left:16px;padding-right:16px}
        .workflow{gap:12px}.workflow-step{padding:16px;gap:8px}.workflow-step-body{min-width:0}
        .workflow-step-index{width:26px;height:26px}.workflow-step-index:before{font-size:12px;font-weight:600}
        .workflow-step-body h2{margin:3px 0 12px;font-size:18px;line-height:1.25}
        .form-row{gap:12px}.field{gap:6px}.field input,.field select,.toolbar input,.toolbar select{min-width:0;font-size:16px}
        .format-choices{gap:9px}.format-choice{min-height:64px;padding:10px 12px;gap:10px}
        .format-choice.active{border-color:rgba(10,132,255,.65);box-shadow:inset 0 0 0 1px rgba(90,200,250,.1)}
        .toggle-line{gap:8px;min-height:44px;line-height:1.4}.toggle-line b{font-size:10px}.switch{flex-shrink:0}
        .workflow-footer{padding:15px 16px;gap:12px}.account-box{line-height:1.4}.account-dot{flex-shrink:0}
        .toolbar{padding:12px;gap:8px}.history-item{padding:14px;gap:10px}.history-item p{line-height:1.45}
        .history-empty{padding:24px 18px;color:var(--muted);line-height:1.5}
        .history-empty-desktop{display:none}.history-empty-mobile{display:grid;justify-items:center;gap:7px}
        .history-empty-mobile>i{display:grid;place-items:center;width:36px;height:36px;margin-bottom:3px;border-radius:12px;background:rgba(10,132,255,.09);color:#83b9e8;font-size:16px}
        .history-empty-mobile strong{color:#dedee3;font-size:14px;font-weight:600}
        .history-empty-mobile p{max-width:260px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
        body #pilot-test-bug-launcher{z-index:90;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:44px;padding:0 11px;border-color:rgba(255,255,255,.1);border-radius:14px;background:rgba(35,35,39,.88);color:#a1a1a6;font-family:inherit;font-weight:500;font-size:10px;box-shadow:0 3px 12px #0003;backdrop-filter:blur(12px)}
        body #pilot-test-bug-window{bottom:calc(62px + env(safe-area-inset-bottom))}
      }
@media (max-width:760px) and (prefers-reduced-motion:reduce) {
  .app-sidebar,.app-brand,.mobile-nav-item,.mobile-nav-label,.mobile-nav-icon { transition:none!important; }
}
      @media (max-width:760px) and (prefers-reduced-motion:reduce){
        .mobile-nav-icon,.mobile-more-overlay,.mobile-more-sheet{transition:none}
      }
